网店美工赢家宝典（第4章）.pptx

;;第4章 品牌展示的窗口之店铺页头;;; 文字Logo; 图形Logo;图文logo图文组合标志集中了文字标志和图形标志的长处，克服了两者的不足，让平淡无味的图形和文字瞬间变得美丽、漂亮起来，如绿色食品标志。;;操作步骤;操作步骤;操作步骤;栅格化图图层;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;;;;第一款 店招;;;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;;;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;步骤7? 在工具箱中选择【直线工具】 ，在工具选项栏中设置【填充】的值为【#ffffff】，【粗细】为【1像素】，然后在图像上按住鼠标从上至下拖动绘制直线。;操作步骤;操作步骤;设置色标颜色;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;操作步骤;;;;操作步骤;步骤2? 在弹出的【添加导航内容】对话框中可以选择导航显示的内容，勾选展示内容前的复选框，点击【确定】按钮。;;;步骤1? 打开在节已经设计好的店招和导航条，在工具箱中选择【裁剪工具】，沿着参考线裁剪图像，将其保存为名称为【店招】的JPEG格式图像。;步骤2? 打开Dreamweaver软件，在【文件】面板【淘宝店铺代码】站点中新建【untitled.html】文件，在编辑框中将除【.html】以外的文字删除，然后在【.html】左侧输入【导航】，按【Enter】键确认操作，重命名文件。;步骤3? 双击打开【导航】文件，点击【代码】按钮，并删除页面中的所有代码。;步骤4? 点击【设计】按钮返回设计操作页面，选择【表格】按钮，打开【表格】对话框，在其中设置参数，点击【确定】按钮，新建一个表格。;步骤5? 鼠标点击制作好的表格内容区域，点击【图像】按钮 ，在弹出的【选择图像源文件】对话框中选择已保存的【店招.jpg】，点击【确定】按钮。系统会弹出2个提示框，依次选择【否】和??取消】命令，完成插入图片的操作。;步骤6? 点击【图像】按钮右侧的下拉三角按钮，在弹出的下拉列表中选择【绘制矩形热点】命令。;步骤7? 将鼠标移至店招图像上，在【首页】模块上按住鼠标左键并拖动，绘制矩形热点，然后依次覆盖店招图像中导航条上的其他模块信息。;步骤8? 鼠标点击其中一个绘制好的矩形热点，在【属性】面板中添加链接地址，【目标】选择为【_blank】 。;步骤9? 依次添加好链接之后，点击【代码】按钮，将【map】与【/map】之间所有的代码全部剪切（快捷键为【Ctrl+X】），然后粘贴到【img src=图片地址/】后侧。;步骤10? 将代码中【Map】属性全部改成【Map031】因为淘宝网站中有【Map】属性，所以我们需要改一下属性名。依次按【Ctrl+A】【Ctrl+C】组合键，复制全部代码。;步骤11? 进入淘宝【店铺装修】页面，点击【店铺招牌】模块右上角的【编辑】按钮在弹出的【店招招牌】对话框中选择【自定义招牌】单选钮，点击【源码】按钮，然后将Dreamweaver【导航】文件中所有的代码粘贴到代码编辑区域内，并将【高度】更改为【150px】，点击【确定】按钮完成操作。;;;步骤1? 进入【店铺装修】页面，点击【导航】模块右上角的【编辑】按钮，在弹出的【导航】对话框中点击【显示设置】选项卡，在编写区域内编辑代码。;操作步骤;操作步骤;;;操作步骤;操作步骤;操作步骤;操作步骤;;;操作步骤;步骤2? 在弹出的到页头背景操作页面中设置【页头下边距10像素】为【关闭】，点击【更换图片】按钮，更换桌面上的页头背景图，设置【背景显示】为【不平铺】，【背景对齐】为【居中】，点击【应用到所有页面】按钮，完成对页头背景的设置。;操作步骤