本节简介:使用在线生成工具突破淘宝默认最小宽度限制,制作全屏轮播海报效果。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
自己做箭头,可直接用默认箭头。箭头复制粘贴到图片空间中,然后替换成空间中的箭头地址。预览效果,想换效果在动画内容中设置,可以更改。复制代码后在自定义内容区,粘贴代码。码工助手让宽屏到1920px。轮播图片。店招和轮播之间有间隔,回到页头设置,页头下边距的像素关闭掉。
生成代码,点击复制,再<>中粘贴复制的代码。页头设置下边距关闭。可以去掉海报与导航栏的空白间距。
图片保证质量的基础上尽量小,存为web所用格式优化60以上即可。码工助手必须先登录再制作。箭头图片需要下载上传到图片空间,并将码工助手中的网址替换。
1、海报全屏宽度1920px 2、提高图片加载速度可以用储存为web,双稿对比选择品质数值 3、导航条与海报之间有空隙,在页头处关闭页头下边距
1关闭页头自动设置的10像素 2全屏轮播海报的制作:自定义模块-码工助手-登录-全屏轮播-轮播类型设置(圆形按钮风格)轮播图设置-图片地址-链接地址-轮播参数设置-左右箭头设置-左箭头图片-右箭头图片 3
全屏轮播海报的制作:自定义模块-码工助手-登录-全屏轮播-轮播类型设置(圆形按钮风格)轮播图设置-图片地址-链接地址-轮播参数设置-左右箭头设置-左箭头图片-右箭头图片
制作轮播链接在码工助手内制作完成后直接复制链接粘贴到编辑内源码位置即可
轮播海报的添加和链接运用:打开ps图片,框选轮播图,选择编辑中合并拷贝,新建与图片相应尺寸的文件,在粘贴图选择保存为web进行保存为jpeg格式