淘宝导航代码模板(漂亮的导航页面模板)

实训十：店铺装修–制作普通店招及导航栏

上交方式：以自己的号数和姓名命名，比如：“01陈朝盛.doc”，通过学生端交过来。

【实训内容】：

实训项目

实训十：店铺装修–制作普通店招及导航栏

姓名

学号

班级

实训地点

指导教师

日期

一、店铺装修–订购淘宝旺铺智能版及了解装修模块

1、访问淘宝网，登录账号后，点击“千牛卖

家中心”，选择“店铺管理”——点击“店铺装修”

2、查看页面左上角“淘宝旺铺”的版本，升级到“智能版”

截图：

3、回到“店铺装修”页面，点击“PC端”，选中“首页”——点击“装修页面”，熟悉左边的基础模块，回答表格的内容。

PC端首页装修模块的宽度主要有

相应例子截图

主要用途是

二、店铺装修–制作店招及导航栏

1、常见的店招尺寸大小有哪些？

答：

2、制作普通店招【950*120px】，下面两个网站任选一个，去在线制作的店招，做好后下载保存在电脑桌面，命名为店招.jpg

第二节课

3、将上节课做好的店招放到淘宝店铺的图片空间里面

截图：

4、回到PC端首页的装修页面，选中店招，点击“编辑”，选择“自定义招牌”——点击“插入图片空间图片”，高度填120px，点击“保存”。

5、选中导航栏，点击“编辑”——“添加”——“宝贝分类”——选中两三个宝贝分类——点击“确定”——再点击“确定”

6、为导航栏加CSS代码，打开该链接，更改“导航条设置”等信息，然后点击“预览”——“获取代码”，复制代码

7、点击导航栏的“编辑”，选择“显示设置”，粘贴代码进去，点击“确定”，再右上角选中“发布站点”——点击“立即发布”——“确认发布”——“查看店铺”

店铺首页的店招和导航栏截图：

8、还剩时间的话，研究下左右两侧的背景颜色【图】要怎么跟中间的普通店招一致。最后练习打字，至少打5分钟，力求每分钟50字以上，准确率在97%以上。