本节简介:使用Dreamweaver实现全屏店招效果及添加热点地图
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
店招装修:链接区域和背景区域分别编辑,背景区域在页头里上传设置不平铺,居中对齐。热点区域在店招点击编辑复制代码到DW里添加图片空间里的链接,然后在设计视图中加热点
店招装修:链接区域和背景区域分别编辑,背景区域在页头里上传设置不平铺,居中对齐。热点区域在店招点击编辑复制代码到DW里添加图片空间里的链接,然后在设计视图中加热点
先设计好1020*150像素的页头,把中间的部分裁下来,再把大图当页头做背景。
店招的基本高度120,宽度旺铺的是990,基本版的是970.
到代码页,左下角有一个p,可以快速选择代码,复制后来到代码中,到淘宝店铺装修页面,把原来的代码删除,黏贴进新代码
复制链接地址,粘贴到链接中,目标选择-blank就是在新窗口中打开。
在设计中-点击属性中的热点地图-选择方框-把需要有链接的部位框出
复制代码,打开dw,选择hml文件,在body中间编辑,黏贴代码,图像没有显示出来,因为地址是淘宝专用地址,找到图像空间。把图片地址改为图像空间的地址。
页头图片中间可以留白,这样能减少像素,店铺打开能更快
在页头区域,上传页头背景图。选择更换图片。注意文件大小在200k以内。背景图必须店招加导航条
所以就把店招划分为三个部分,按照485和1435像素建立参考线,根据参考线建立店招中间950的图片。
复制图片路径,进入店铺装修,选择编辑店招区域。选择自定义招牌,选择插入图像。会发现图像无法全屏
页头图片中间可以填充白色,可以降低图的像素,要求200kb一下