学习单元十付费版店铺装修任务三分类导航设计_第1页
学习单元十付费版店铺装修任务三分类导航设计_第2页
学习单元十付费版店铺装修任务三分类导航设计_第3页
学习单元十付费版店铺装修任务三分类导航设计_第4页
学习单元十付费版店铺装修任务三分类导航设计_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、店铺装修整页设计授课教师：姓名移动商务视觉设计Contents任务二旺铺促销区设计任务三分类导航设计任务一旺铺店招设计任务2 淘宝旺铺版整页设计3. 分类导航设计3.1 认识店铺分类导航店铺导航设计- 淘宝网为每一位旺铺卖家都提供了一块导航区域，类似网站的导航一样，每一个链接都可以访问一个完整的页面。页面可以是卖家自定义编辑的，也可以是通过淘宝所提供的固定选项进行显示。用户在访问页面时，都是无序且缺乏耐心的，那店铺导航就更需要主动地帮助用户对店铺信息提炼，提高顾客的访问效率就是提高卖家的数钱效率。任务2 淘宝旺铺版整页设计3. 分类导航设计3.2 旺铺与普店分类导航的区别【旺铺】【普铺】任务2

2、 淘宝旺铺版整页设计3. 分类导航设计3.3 店铺分类导航设计技巧【小窍门】：店铺导航设计技巧 （1）店铺介绍。 （2）特殊说明。 （3）宝贝推荐。 （4）慎用固定页面。 任务2 淘宝旺铺版整页设计3.2 分类导航承载的信息内容应该有哪些？3. 分类导航设计【导航】【导航】突出易用的主题色彩文字的对比理性消费者加深新用户印象 平衡老用户需求感性用户 任务2 淘宝旺铺版整页设计3.4 分类导航制作3. 分类导航设计通过图片分解的形式对旺铺导航进行制作与设置，需要的软件有Photoshop和Dreamweaver8。打开Ps新建950*270像素的新图片，利用标尺和参考线将图片分割，确定出导航分布

3、：任务2 淘宝旺铺版整页设计3. 分类导航设计3.4 分类导航制作通过画笔工具沿着参考线画出布局图任务2 淘宝旺铺版整页设计3. 分类导航设计3.4 分类导航制作使用文字工具将文字添加进去，通过修改文字样式使文字到想要的效果 打开eamweaver8软件，利用热点工具画出需要添加链接的区域，添加完后点击代码，然后复制代码到文本文档中。任务2 淘宝旺铺版整页设计3. 分类导航设计3.5 分类导航设置进入店铺后台，点击店铺装修，进入后在自定义区点击编辑按钮，出现界面任务2 淘宝旺铺版整页设计3. 分类导航设计3.5 分类导航设置勾选编辑源代码，将刚制作好的代码粘贴进去，点击确定，预览没问题后进行发布。任务2 淘宝旺铺版整页设计3. 分类导航设计3.6 分类导航css代码设置进入到店铺的装修页面，将鼠标放在导航上面会出现“编辑”字样，单击，选择“显示设置”选项卡。任务2 淘宝旺铺版整页设计3. 分类导航设计3.5 分类导航设3.6 分类导航css代码设置(1) 修改导航分类下面的背景色，代码如下：.skin-box-bd .linkbackground:#000000;将代码粘贴到框内：效果图：任务2 淘宝旺铺版整页设计3. 分类导航设计3.6 分类导航css代码设置（2）修改整个导航的背景色，代码如下：.skin-b

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论