PS网设计与制作

1、PS网页设计与制作（主页）一、教材分析设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用 Photoshop设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的 保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习PS网 页设计，通过新建文档*完善网页中的其它要素，如：文本、页头页脚、图片等要素。二、学情分析认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。知识技能水平：在前几课时的学习中学生了解了网页的常见大小，主页包含的各项要素，七年级下已学 习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活

2、运用以前的所学，制作 出有个人特色的主页。学生在自主实践环节是遇到的问题，通过同伴互助例展示等方式， 更好地理解为何这么做 以及怎么做。三教学目标（一）、知识与技能1. 了解主页大小，掌握设置主页大小的方法。2. 举握文本设置的方法，尝试通过更改大小、字体、变形、混合选项呈现出有个人特 色的文本。3. 了解导航栏的样式及位置，掌握矩形的绘制调整方法。（二）、过程与方法1.通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。2 培养学生对问題的分析和解决能力，更好地理解PS制作主页的方法与策略，提高 学生对PS的理解与认识。（三）、情感态度与价值观提倡学生多观察、多动手实践，不怕失败

3、，只怕不动。在信息技术课堂上勇于探索实践， 通过作品展示自己。四、教学賣点主页大小设定、标趣和图片的大小及位置、导航栏制作五、教学难点WORD版木主页中冬对象的大小及位置六教学方法任务驱动、分层教学、同伴互助七、教学准备极域多媒体网络教室、Photoshop cs5、学案八教学过程学段抓阶教学活动1.展示例，吸引学生的注意:力，调 动学习的积极性创设情境2.师：复习旧知刚才大家看到的是我们八年级,4*一些同学的网页设计作品，在这些作品当中，有关于美食的，有关于旅游的，还有关于漫画的，还有关于科扌支的，等等。那么，你知道这些作品是怎么完成的？3.教师小结：这些网页，我们一般称之为主页嘟是在PHO

4、TOSHOP中完成。1. 启动PHOTOSHOP，向学生展示2. 对比说明，网页设计时使用到哪 些功能3. 小结：图片一一拖动至新逑文档文字一一文本工具WORD版木学生活动观看放映聆听老师观察素材文件并进入创设情境思考并发表自己的看法观看放映参与互动思考并回答设计意图展示同个年龄段同 学的作品，可以吸 引学生的注意力， 也更貼近学生的生 活*引起更多的共 呜，尽快进入学习 氛国。选择PS制作网页， 拓宽学生的知识 面，提升PS的操作 技能。PS强大的图片文 字与处理功能*学 生在七下学习过， 通过师生互动，帮 助学生复习一些跟 图片文字相关的扌桑导彫i_形状l_a矩形工具u 口回甬矩形工具Uj

5、悌回工具UQO参边形工具u% r/宜线工具UJI 矗目就状IA U:亍 T湧排空宇工且T jT亘邦丈手工具r址商好茨腹工具r ?;： fiJIFS字竣成工S r在复习了 PHOTOSHOP的一些基本操作后，接下来，我们要开始正式设计主页了。在前一次课中，大家已选好图片素材，并初步加工，怎么用在网页中呢？师：引导学生尝试启动软件，开始新建文档(1).登录FTP，下载前一课保存上交的图片素(2)启动 PHOTOSHOP 参考学案，尝试新建文首先引出学生的疑虑，启发学生展开信息技术课堂更多的希望学生通过尝构建新知(图片)师：主页新建完成后，第二步要添加 背景图片，那么，如何将上周保存过 的图片添加进

6、来呢？邀请学生上台 演示。师：XX同学演示得非常好，首先，打 开文件，使用移动工具，将图片拖动 到文档中。当然，我们可以根据自己 的构想，调整图片的大小及位置OWORD版木(3).同伴互动，落实新 建文档时的各项参数： 800*600 背景色透明 或其它(4)学生使用教师机 面向全班展示操作过 程，并做相应的讲解。教师适当点评及补充说 明。(5)课堂操作时间，学试探索发现问趣， 进一步尝试探索寻 求解决问题的办 法，从而提高解决 问题的能力。通过学生演示+讲 解的方式，更加直 观地让全班同学了 解之前课上保存的 图片如何运用到网 页中。师巡视。如果有困难先自行尝试探究，再向同伴寻求帮助，如果实

7、师：现在我们需要给网页添加标趣， 那么，你觉得网页的标趣有什么特 占?解决不了，可向老师寻 求帮助。(1) 学生观看放映，对 照例及个人经验，思考(2) .学生回答问題，表达个人的看法(2-3人)构建新知(标题)师:教师小结标题特点:醒目，颜色、大小或者字体与网页中的其他文本不一致，位置根据整体页面布局而定师：有请一位同学给大家演示如何制作网页的标趣(3)学生使用教师机 面向全班，演示如何在 文档中添加文字，以及 更改文字的形状、大小、 颜色。通过修改图层的 混合选项，使文字呈现 出更多丰富的样式。教师通过设问的方式引导学生讲解 有关文字的操作。教师板书：文本：字体：字体库中的或自行下载形状：

8、变形(4)课堂操作时间，学 生操作，同伴互助，教 师巡视。如果有困难， 先自行尝试探究，再向 同伴寻求帮助，如果实 解决不了，可向老师寻 求帮助。WORD版木立体：混合选项结合学生的个人经 验,鼓励学生表达 个人看法。不仅仅 是通过教师给出的 几图片得出一个结 论，更多是从学生 的生活和个人体3佥 出发。大标题的制作也是 本课的一个重点， 设计的意图是学生 通过对比尝试，找 到更适合自己的网 页，制作出更具个 人特色的作品。采 用分层教学，鼓励 同学结合个人实际 情况*下载安装新 的字体*对于另外 的基础校弱的学生 的，则鼓励通过开改 昆 挣 O 的和，题 关整用标构建新知(导航)他般敷算 畑

9、置状小U- 师分一起打 教位形大形 师是 容 较 O 结 品 分 到 会 IJ 引 航学率以航上作家，用能作在 导 教 效 可 导 课 的 观A使 可 操 重归纳总结学师 对展 式 T 匚 格帧 希下9 J/_ &Jk- 柞 d 變 果 存 斤 - S 爭 消 TT 扌 存 P 畚 帀 业V刀 保 号 査 教 作 开WORD版木行小结0学生上交的作业， 做好记录，以便下 一堂课开展教学。PS网页设计与制作新建文档二、标趣三、导航大小：800*600像素网页标题：醉目形状：可选矩形背景色：透明字体：字体库或下载大小：自定形状：变形位置：上边或侧边立体：混合选项九、教学反思本课是一节常态课，通过前

10、期的课上接触结合上交的作业，发现本班学生的认知能力和 操作水平存在不小的差异，大部分学生的学习的积极性有，但持续时间不长，在学习中遇到 问趣时，大部分学生愿意主动探究，探究成功后积极性倍增，探究失败后有挫败感，积极性 大幅下降。在开展网页设计制作教学时，采用PS网页设计与制作。本课设计时考虑到了不 同能力学生的学习情况，采用“分层教学”。课上通过展示作品，激起学生的学习兴趣*抛 出问趣，引岀答案，进入本课的学习主题。课堂中任务驱动与分层教学相结合，很好地照顾 到不同层次的学生。演示环节，由学生自愿和教师抽查相结合，整个课堂教学进展有序。课 前预设的学习目标也校好地完成了。本节课的不足之处在于，课堂茫