图形图像处理 学科实训任务书
实训项目 | 旅游行业网页模板设计一 | ||||||
课 时 | |||||||
设计教师 | |||||||
教学分析 | 学生高二将被选拔参加网页比赛,因此本学期网页模板部分将作为教学重点,网站首页设计对整个网站至关重要,因此从审美的方面入手,结合使用方便的要求,用PS制作网页页面是学生必须掌握的技能。 | ||||||
教学目标 | 知识目标 | 1. 会使用参考线辅助设计 2. 熟练掌握形状工具的使用 3. 掌握使用图层组管理网页元素 4. 会设置图层样式 5. 熟练运用切片工具 | |||||
能力目标 | 1.熟练掌握网页布局 2.优化输出切片图像 | ||||||
德育目标 | 同学互助,共同进步 | ||||||
教学重点 | 1.参考线的使用 2.“图层样式”的使用 3.切片工具的使用 | ||||||
教学难点 | 1.形状工具的使用。 2.切片工具使用时的编辑设置。 | ||||||
任务描述 | 设计制作如图所示的旅游行业网页首页模板效果图 | ||||||
任务分析 | 1. 了解网页模板设计的方法 2. 掌握使用图层组管理网页元素 3. 熟练运用切片工具 4. 优化输出切片图像 | ||||||
任务实施 | 任务一:新建文件绘制参考线 绘制参考线方法: 1.菜单 命令,显示标尺,从标尺拖拽。 2.菜单 命令,绘制准确位置参考线。(对话框中有 、 两个单选按钮) 任务二:制作网页logo 任务三:制作网页导航栏 1.创建“网页导航”图层组 2.输入导航文字 3.绘制圆角矩形 4.添加“渐变叠加”图层样式(具体设置参考课本162页) 5.输入白文字 6.利用直线工具绘制分割线 任务四:制作右侧导航栏 1.创建“右侧导航”图层组 2.使用“圆角矩形”工具绘制路径,利用 按钮将路径转换为选区,渐变填充 3.利用“圆角矩形”工具的“形状”选项制作白外发光框 4.利用直线工具绘制6条直线做分隔线(绘制一条,复制5条,利用移动工具移动到最高最低合适位置,利用 键选中6个图层,单击 按钮进行分布) 5.用同样的方法绘制7个白圆点 任务五:创建“重要文字”工具组 任务六:创建“文字内容”工具组 1. 输入文字,插入“风景1.jpg”。 2. 输入文字介绍 3. 制作其他小图片 4.制作圆角矩形按钮 4. 用同样的方法添加其他文字和图片 任务七:添加装饰图片 任务八:制作网页底部 旅游psd模板任务九:制作切片 任务十:保存并生成网页 1.菜单 命令,弹出“存储为Web所有格式”对话框。(重点) 2.单击 按钮,弹出“将优化结果存储为”对话框 3.设置名称,格式为 ,单击 按钮(难点) | ||||||
知识总结 | 1.精确绘制参考线方法 2.熟练掌握形状工具的使用,工具选项栏的设置 3.掌握使用图层组管理网页元素 5.熟练运用切片工具 | ||||||
拓展作业 | 1. 未做完的完成本次任务 2. 完成的同学自定主题,搜集素材,准备自己设计网页模板 | ||||||
修改建议 | |||||||
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论