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

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

新建一个950x150的图片文档

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

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

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

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

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

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

这里的对应链接： 就是要链接到的地址；

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

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

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

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

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