失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 如何用html制作店招 三步就能自己制作精美店招

如何用html制作店招 三步就能自己制作精美店招

时间:2019-02-01 08:36:08

相关推荐

如何用html制作店招 三步就能自己制作精美店招

如何自己设计店招运用到网店中?下面我们就详细为大家介绍下店招制作步骤。

新建一个950x150的图片文档

使用 工具填充背景色, 新建一层 填充白色(这个做文字菜单栏的背景)使用标尺和辅助线,调整白色层至下方40像素高度 (也可以使用选区工具,新建一个950x40的选区,填充白色)

使用文字工具分别输入文字,文字区域的设置如下:

收藏那里颜色变化了一下,就是选中 点击收藏 那几个字,然后在文字属性栏改变颜色就可以。然后保存成WEB所用格式 (快捷键:CTRL+SHIFT+ALT+S) 一般颜色块为主的这种图片,保存成 PNG8 或者 GIF 格式,非常清晰,并且很小,方便网络传输。

然后,就是DREAMWEAVER部分了,就是代码部分。

首先将刚才制作好的图片上传到您的图片空间,复制这个图片的链接地址! 打开DW软件,新建一个HTML文档,插入图片

点击图片,选择“矩形热点工具” 这个很有用哦,想在什么区域画都可以哈,比如可以做产品图片的链接,旺旺的链接,分类的链接等等。设置了热点区域后就可以随意链接了,很强大吧!

这里的对应链接: 就是要链接到的地址;

替换文本: 就是鼠标放到这个连接上 会有的一个小提示,可以设置也可以不设置

目标:一般选择 _blank或者不选 如果不选 默认就是这个浏览器窗口打开 _blank 这个是新建一个窗口打开这个链接

全部设置好之后,我们来复制代码,通过代码可以很方便的把这个设置发布到网店中去,很方便!

最后,就是把店招弄到网店中。打开卖家中心,店铺装修,将现有的店招模块删除,在头部区域,新建一个自定义内容区,将代码复制进去。

如果你还有什么不懂的地方,欢迎到开淘网论坛(/)提问。 查看更多相似文章

如果觉得《如何用html制作店招 三步就能自己制作精美店招》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。