C实习《视觉营销》课程教学包-图片处理篇悬浮模块制作.ppt

C实习 一个全新的教学管理平台。为敬爱的老师提供可视化的学生成长轨迹，丰富优质的教学资源，完备的考核评价体系，精准的学生数据分析服务，对口的实习就业对接服务。 扫码加入C实习网店运营教师群 QQ群号：428258191 第一时间获取更新版本和最新资源！ 想认识全国电商专业的其他代课老师，欢迎加入C实习大群 QQ群号： 312612939 本节课结束 * 18-视觉营销(图片处理篇) 悬浮模块制作 教学目的： 通过本节学习，掌握悬浮窗制作和安装。 知识要求： 1、计算机基础操作 2、PS基础知识 技能目标： 1、悬浮窗制作和安装 1、悬浮窗制作和安装 教学内容： 悬浮模块制作 联系旺旺 查看分类 简洁实用 返回首页 店铺LOGO 辅助工具：标尺参考线 悬浮模块制作 透明局部 透明模式下 色彩复杂存储为PNG PNG-24 悬浮模块制作 背景无色（透明） Logo 旺旺图标 背景色 文字 栏目条 分层制作 悬浮模块制作 模块保存为Web 悬浮模块制作 透明模式下 色块模式 索引色压缩只有256色 会造成失真 存储为GIF 悬浮模块制作 透明模式下 色彩复杂存储为PNG PNG-8 PNG-24 不同压缩格式 效果不同 悬浮模块制作 悬浮模块制作 打开图片空间，上传悬浮模板图片 悬浮模块制作 打开图片空间，上传悬浮模板图片 悬浮模块制作 生成模块 复制图片空间上传后的代码，粘贴至DW 悬浮模块制作 生成模块 复制图片空间上传后的代码，粘贴至DW 悬浮模块制作 为各个区域添加链接 矩形热点工具 选区“所有宝贝” 悬浮模块制作 为各个区域添加链接 矩形热点工具 选区“所有宝贝” 备注各个区域名称 悬浮模块制作 进入店铺 复制“所有宝贝” 地址栏里的 网站链接 悬浮模块制作 进入DW 讲对应链接 粘贴进“链接” 悬浮模块制作 ①选区热点区域 ②修改名称 ③插入链接 链接格式：http：//www.xxxxxx.xxx ④目标设置为：blank 浏览器跳出新页面 没有设置会刷新原有页面 重复上诉操作为所有区域添加链接 悬浮模块制作 返回顶部 选定区域 备注名称 添加链接 在“目标”设置-top 即可直接返回网店顶部 悬浮模块制作 模块安装至网店 悬浮模块安装至店铺需要网店助手制作CSS代码 悬浮模块制作 这里使用网店助手为疯狂美工 固定模式/自适应模式 都可以根据网店需求自行设置 悬浮模块制作 DW中，切换为代码模式，复制代码，粘贴进疯狂美工预览效果 悬浮模块制作 固定模式 预览效果 根据网店需求 自行设置 悬浮模块制作 在网页最上层 淘宝和天猫CSS虚浮窗代码不同不同 悬浮模块制作 生成代码》安装中心》首页》添加自定义模块》 悬浮模块制作 发布后可显示 悬浮模块制作 PS:固定背景 悬浮模块制作 统一图片大小 课程视频 视频课程在线播放：/article-8890-1.html 视频课程离线版：压缩包-视频文件夹内 统一图片大小 课后考核方法 评级 评级标准 优 训练、作业、实训，累积【优】评级在27个及以上，且不存在任何【差】评级 良 训练、作业、实训，累积【优】评级在24-26个，且不存在任何【差】评级 中 训练、作业、实训，累积【优】评级在23个，且不存在任何【差】评级 差 训练、作业、实训，累积【优】评级低于23个，或存在【差】评级 *