如何制作淘宝店铺导航条

 时间:2024-10-23 17:06:49

1、首先打开Dreamweaver,新建HTML文件。如图

如何制作淘宝店铺导航条

2、点击上方的插入,选择表格 如图

如何制作淘宝店铺导航条

3、设定表格大小 格式 创建表格 如图

如何制作淘宝店铺导航条

4、点击表格,表格中出现闪烁的光标 如图

如何制作淘宝店铺导航条

5、淘宝店铺导航条制作选择插入图像

如何制作淘宝店铺导航条

6、将图像的地址从本地电脑地址改为网络储存地址

如何制作淘宝店铺导航条

7、替换文本这步不需要填写,直接点确定就可以了 淘宝店铺导航条制作如图

如何制作淘宝店铺导航条

8、依次插入需要插入的导航条分类图片

如何制作淘宝店铺导航条

9、插入图片完毕,开始设置图片超链接地址 如图

如何制作淘宝店铺导航条

10、超链接的填写方法 淘宝店铺导航条制作如图

如何制作淘宝店铺导航条

11、点击代码按钮,切换到代码编辑页面 如图

如何制作淘宝店铺导航条

12、拷贝代码并保存,如图

如何制作淘宝店铺导航条

13、店招模块下删除导航条模块,添加自定义模块,然后编辑HTML源文件代码 如图

如何制作淘宝店铺导航条

14、点击保存,预览看效果 然后发布。千万记得要发布哦,不发布是不成功的。下边的截图是我的店铺的效果图:

如何制作淘宝店铺导航条

15、到这里,淘宝店铺导航条就全部完成了,怎么样,去试下新的导航吧 看看转换页面是不是正确的。导航条分类图片可以做成其他颜色 图案的,至于怎么做,在这我就不多说了,相信大家都会做的。

  • DW如何配置搜索动态相关文件为已禁用
  • PS如何设计制作MP3播放器
  • 使用PS调色+蒙版工具,设计蜗牛城堡
  • PS卡通开口笑
  • flash如何绘制大树和小鸟
  • 热门搜索
    缅怀先烈手抄报简单又漂亮 我的书屋我的梦手抄报 全国爱眼日手抄报 祖国在我心中的手抄报 未来的2035年手抄报简单 端午节手抄报第一名 小学生中秋节手抄报 安全日手抄报 拒绝舌尖上的浪费手抄报 心理健康知识手抄报