本节简介:讲解活动专题页面切图、制作热点地图以及突破淘宝默认950px宽度的装修方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
切图 导出图像和HTML 把代码放入DW中 添加热点地图和定位属性
地图名称 一定要唯一,map, 做什么位置就用什么位置命名比较好:如promap
做热点地图,输入链接,记得地图旁边的map这是地图名称,不同的链接不能重复,可以在map输入栏前面添加promap就不会冲突了
码工助手-通栏代码-把原始代码黏贴过来-填写模块宽度和模块高度-生成代码-返回装修页面-点击编辑,去掉原本的代码,黏贴生成的代码就可以
返还淘宝装修页面,自定义模块,黏贴代码。会发现我们的图像被限制在950px中。
如果之前没有更换本地地址,要先更换地址。代码从table开始复制到最后的map部分
做热点地图,输入链接,记得地图旁边的map这是地图名称,不同的链接不能重复。
把图片上传到图像空间。再用dw打开图片,看一下代码,把本地图像地址画成网络图像
把图片横向切割,一个热点地图范围最好不要分开切割。图像越小,网络加载速度就越快。所以要控制大小。图像高度不要超过700px,大小不要超过500kb,在200-300kb比较合适。
加链接时要改下地图的地址,如map名是一定要唯一,先加个pro;如promap,或者加后面。不要取中文名
本地图像换成网络图像;就是上传到空间的图片的地址链接
不要在要加链接的热点地图的地方切成两部分;分隔完后,用切片工具基于参考线切割出来。然后把图片存为web格式,优化图片,按shit 键全选图片,优化图片,品质60,jpg格式,高品质
网页是从上到下慢慢加载。如果页面太大,加载速度太慢。所以要用切片,不用整个图片加载链接。高度不要超过600-700;大小:200-300kb