PS网页设计与制作.docx

.
PS网页设计与制作〔主页〕一、教材分析
设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用Photoshop设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的保存及处理方法，学生已了解有关网围。选择PS制作网页，拓宽学生的知识面，提升PS的操作
1
品当中，有关于美食的，有关于旅游
的，还有关于漫画的，还有关于科技的，等等。那么，你知道这些作品是怎么完成的？
：这些网页，我们一般称
之为主页，都是在PHOTOSHO呻完成。
思考并发表自己的看法
技能。
复习旧知
1. 启动PHOTOSHOP
2. 比照说明，网贞设计些功能
3. 小结：
图片一一拖动至新建文框文字——文本工具
TJ«T衲W且V*“即TTT耳r_J:ffS普3TT漩工旦r

导航一一形状
|Q□短JKT具u
■间龟矩形工A□
警。摘血具J
qa拧宓二mu电'/旦虹具u
j七兽定羿忒工^□
向学生展示
时使用到哪
/
观看放映
参与互动
思考并答复
PS强大的图片文字与处理功能，学生在七下学习过，通过师生互动，帮助学生复习一些跟图片文字相关的操作。
构建新知1图片1
在复习了PHOTOSHOP勺一些基本操作后，接卜来，我们要升始正式设计主贝了。在前一次课中，大家已选好图片素材，并初步加工，怎么用在网页中呢？
(1) .登录FTP,下载前一
课保存上交的图片素材
(2) .启动PHOTOSHOP
参考学案，尝试新建文
档
首先引出学生的疑虑，启发学生展开思考。
信息技术课堂更多
师：引导学生尝试启动软件，开始新建文档⑶.同伴互动,
落实新建文档时的各项参数：
800*600背景色透明或其它的希望学生通过尝试探索发现问题，进一步尝试探索寻求解决问题的方法，从而提高解决问题的能力。
(4).学生使用教师机面向全班展示操作过程，并做相应的讲解。教师适当点评及补充说明。
通过学生演示+讲解的方式，更加直观地让全班同学了解之前课上保存的图片如何运用到网页中。
师：主页新建完成后，第二步要添加背景图片，那么，如何将上周保存过的图片添加进来呢？邀请学生上台演示。
师：XX同学演示得非常好，首先，打开文件，使用移开工具，将图片拖动到文档中。当然，我们可以根据自己的设想，调整图片的大小及位置。
(5)课堂操作时间，学生操作，同伴互助，教师巡视。如果有困难，先自行尝试探究，再向同伴寻求帮助，如果实解决不了，可向老师寻求帮助。
师：现在我们需要给网页添加标题,那么，你觉得网页的标题有什么特点？
(1).学生观看放映，对照范例及个人经验，思考⑵.学生答复下列问题
结合学生的个人经验，鼓励学生表达个人看法。不仅仅
表达个人的看法〔2-3
是通过教师给出的几张图片得出一个结论，更多是从学生的生活和个人体验出发。
(3) .学生使用教师机面向全班，演示如何在文档中添加文字，以及更改文字的形状、大小、颜色。通过修改图层的混合选项，使文字呈现出更多丰富的样式。
(4) .课堂操作时间，学生操作，同伴互助，教师巡视。如果有困难，先自行尝试探究，再向同伴寻