文档介绍：PS网页设计与制作（主页）
一、教材分析
设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用
Photoshop 设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、 FTP，下载前
一课保存上交的图片素
材
PS 强大的图片文
字与处理功能，学
生在七下学****过 ,
通过师生互动，帮助学生复****一些跟图片文字相关的操作。
首先引出学生的疑虑，启发学生展开思考 .
片
） 呢？
(2).启动 PHOTOSHOP，
参考学案，尝试新建文
信息技术课堂更多
师：引导学生尝试启动软件，开始新
档
的希望学生通过尝
建文档
试探索发现问题，
(3)。同伴互动 ,落实新建
进一步尝试探索寻
文档时的各项参数： 800
＊ 600
求解决问题的办
背景色透明或
法，从而提高解决
其它
问题的能力。
师：主页新建完成后 ,第二步要添加背
景图片，那么，如何将上周保存过的
图片添加进来呢？邀请学生上台演
通过学生演示 +讲
示。
解的方式 , 更加直
师:XX 同学演示得非常好，首先，打
(4)
.学生使用教师机面
观地让全班同学了
开文件，使用移动工具，将图片拖动
向全班展示操作过程，
解之前课上保存的
到文档中 .当然 ,我们可以根据自己的
并做相应的讲解。教师
图片如何运用到网
构想，调整图片的大小及位置。
适当点评及补充说明。
页中。
(5) 课堂操作时间， 学生
操作，同伴互助，教师
巡视 .如果有困难，先自
行尝试探究，再向同伴
寻求帮助，如果实解决
不了，可向老师寻求帮
助。
构
师：现在我们需要给网页添加标题，
(1) 。学生观看放映， 对
建
题
那么，你觉得网页的标题有什么特
照范例及个人经验，思
新
）
结合学生的个人经
知
(
点？
考
标
验，鼓励学生表达
.学生回答问题 ,表达个人的看法 (2—3 人）
个人看法 . 不仅仅是通过教师给出的几张图片得出一个结论 , 更多是从学生的生活和个人体验出发。
师：教师小结标题特点： 醒目，颜色、
大小或者字体与网页中的其他文本 (3) .学生使用教师机面
不一致， 位置根据整体页面布局而定 向全班，演示如何在文
档中添加文字，以及更
改文字的形状、大小、
师：有请一位同学给大家演示如何制 颜色 . 通过修改图层的
作网页的标题 混合选项 ,使文字呈现
出更多丰富的样式 .
(4) .课堂操作时间，学
生操作，同伴互助，教
教师通过设问的方式引导学生讲解
师巡视 .如果有困难，先
有关文字的操作。
自行尝试探究 , 再向同
教师板书：
伴寻求帮助，如果实解
决不了，可向老师寻求
文本：字体：字体库中的或自行下载
帮助。
形状 :变形
立体 :混合选项
大标题的制作也是
本课的一个重点，
设计的意图是学生
通过对比尝试 , 找
到更适合自己的网页，制作出更具个人特色的作品 . 采用分层教学，鼓励同学结合个人实际
情况，下载安装新
的字体，对于另外
的基础较弱的学生
的 ,则鼓励通过开关的