1 / 8
文档名称:

PS网页设计与制作.docx

格式:docx   大小:204KB   页数:8页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

PS网页设计与制作.docx

上传人:buzaiwuzhuang123 2019/10/5 文件大小:204 KB

下载得到文件列表

PS网页设计与制作.docx

文档介绍

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