淘宝网的导航条是怎么做的

来源:百度知道 编辑:UC知道 时间:2024/05/11 18:01:32
淘宝网中的导航条有立体感而且在角那有弧形而不是90度的如超链接‘首页’那角度是弧形的。这种要怎么作啊,?是用图片做的吗,但我把这网页保存起来然后打开网页的文件夹并没有看到导航条这个图啊?像这种导航条要怎么作啊,请各位帮个忙谢谢了!http://www.taobao.com/
用dreamweaver 8可以做吗,,?说一下步骤可以吗

淘宝网的导航条的制作步骤:
1:首先打开Dreamweaver,新建HTML文件。
2:点击上方的插入,选择表格
3:设定表格大小 格式 创建表格
4:点击表格,表格中出现闪烁的光标
5:淘宝店铺导航条制作选择插入图像
6:将图像的地址从本地电脑地址改为网络储存地址
7:替换文本这步不需要填写,直接点确定就可以了 淘宝店铺导航条制作
8:依次插入需要插入的导航条分类图片
9:插入图片完毕,开始设置图片超链接地址
10:超链接的填写方法 淘宝店铺导航条制作
11:点击代码按钮,切换到代码编辑页面
12:拷贝代码并保存,
13:店招模块下删除导航条模块,添加自定义模块,然后编辑HTML源文件代码
14:点击保存,预览看效果 然后发布。

补充:使用 Dreamweaver 8 是完全可以做到的,不过需要你熟练 CSS 。

使用时,请将如下三个图片保存,地址:

http://www.jscode.cn/Uploadfile/200661115718239.GIF
http://www.jscode.cn/Uploadfile/200661115735753.GIF
http://www.jscode.cn/Uploadfile/200661115947970.GIF

在下面的源代码中找到上面三个图片地址,替换就