PS网页设计与制作.docx

PS网页设计与制作（主页）
一、教材分析
设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用
Photoshop 设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的 保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习 PS 网
页设计，通过新建文档，完善网页中的其它要素，如：文本、页头、页脚、图片等要素。
二、学情分析
认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。
知识技能水平：
在前几课时的学习中学生了解了网页的常见大小， 主页包含的各项要素， 七年级下已学
习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活运用以前的所学，制作 出有个人特色的主页。 学生在自主实践环节是遇到的问题， 通过同伴互助、 范例展示等方式， 更好地理解为何这么做，以及怎么做。
三、教学目标
（一） 、知识与技能
了解主页大小，掌握设置主页大小的方法。
掌握文本设置的方法，尝试通过更改大小、字体、 变形、混合选项呈现出有个人特
色的文本。
了解导航栏的样式及位置，掌握矩形的绘制调整方法。
（二） 、过程与方法
通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。
培养学生对问题的分析和解决能力，更好地理解 PS制作主页的方法与策略，提高
学生对PS的理解与认识。
（三）、情感态度与价值观
提倡学生多观察、多动手实践，不怕失败，只怕不动。在信息技术课堂上勇于探索实践, 通过作品展示自己。
四、 教学重点
主页大小设定、标题和图片的大小及位置、导航栏制作
五、 教学难点
主页中各对象的大小及位置
六、 教学方法
任务驱动、分层教学、同伴互助
七、 教学准备
极域多媒体网络教室、Photoshop cs5、学案 八、教学过程
教学
阶段
教学活动
学生活动
设计意图
，吸引学生的注意力，
观看放映
展示冋个年龄段冋
调动学习的积极性
聆听老师
学的作品，可以吸
引学生的注意力，
也更贴近学生的生
创
：冈財大家看到的是我们八年级
rlrt 丄丄/rL.
活，弓1起更多的共
设
观察素材文件
情 境
一些同学的网页设计作品， 在这些作
鸣，尽快进入学习
品当中，有关于美食的，有关于旅游
并进入创设情境
氛围。
的，还有关于漫画的，还有关于科技
选择PS制作网页,
的，等等。那么，你知道这些作品是
拓宽学生的知识
怎么完成的
面，提升PS的操作
：这些网页，我们
般称
之为主页，都是在PHOTOSHOP完成。
思考并发表自己的看法
技能。
^学生展示
对比说明，网页设计时使用到哪
些功能
小结：
观看放映
参与互动
思考并回答
复习旧知
图片一一拖动至新建文档
文字——文本工具
导航一一形状
构建新知{图片
在复习了 PHOTOSHOP一些基本操作 后，接下来，我们要开始正式设计主 页了。在前一次课中，大家已选好图 片素材，并初步加工，怎么用在网页 中呢
师：引导学生尝