图形图像处理  学科实训任务书
实训项目
旅游行业网页模板设计一
   
设计教师
教学分析
学生高二将被选拔参加网页比赛,因此本学期网页模板部分将作为教学重点,网站首页设计对整个网站至关重要,因此从审美的方面入手,结合使用方便的要求,用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小时内删除。