2022年PS网页设计与制作.docx

《2022年PS网页设计与制作.docx》由会员分享，可在线阅读，更多相关《2022年PS网页设计与制作.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、以前的所学，制作出有个人特色的主页； 同学在自主实践环节是遇到的问题，通过同伴互助、 范例展现等方式， 更好地懂得为何这么做，以及怎么做；三、教学目标（一）、学问与技能1. 明白主页大小，把握设置主页大小的方法；2. 把握文本设置的方法，尝试通过更换大小、字体、变形、 混合选项出现出有个人特色的文本；3. 明白导航栏的样式及位置，把握矩形的绘制调整方法；（二）、过程与方法1. 通过课堂任务的设计，强化同学个人自主探究才能及小组协作学习才能；2. 培育同学对问题的分析和解决才能，更好地懂得PS 制作主页的方法与策略，提高同学对 PS的懂得与熟悉；（三）、情感态度与价值观提倡同学多观看、 多动手实

3、践， 不怕失败， 只怕不动； 在信息技术课堂上勇于探究实践， 通过作品展现自己；四、教学重点主页大小设定、标题和图片的大小及位置、导航栏制作五、教学难点主页中各对象的大小及位置六、教学方法任务驱动、分层教学、同伴互助七、教学预备极域多媒体网络教室、Photoshop cs5、学案八、教学过程教学教学活动同学活动设计意图阶段1.展现范例，吸引同学的留意力，观看放映展现同个年龄段同调动学习的积极性学的作品，可以吸倾听老师引同学的留意力，也更贴近同学的生创设情境观看素材文件活，引起更多的共鸣，尽快进入学习并进入创设情境氛围；挑选 PS制作网页，2.师：刚刚大家看到的是我们八年级拓 宽 学 生 的 知

4、 识一些同学的网页设计作品，在这些作面，提升 PS的操作品当中，有关于美食的，有关于旅行的，仍有关于漫画的，仍有关于科技的，等等；那么，你知道这些作品是怎么完成的？3. 老师小结：这些网页，我们一般称 之为主页，都是在PHOTOSHOP中完成；摸索并发表自己的看法技能；1. 启动 PHOTOSHOP，向同学展现2. 比照说明，网页设计时使用到哪些功能3. 小结：图片拖动至新建文档复文字文本工具习旧知导航外形观看放映 参加互动 摸索并答复PS 强大的图片文字与处理功能，同学在七下学习过， 通过师生互动，帮忙同学复习一些跟图片文字相关的操作；在复习了 PHOTOSHOP的一些基本操构作后，接下来，

5、我们要开头正式设计建知新主页了；在前一次课中，大家已选好图图片素材，并初步加工，怎么用在网片页中呢？(1). 登录 FTP，下载前一课储存上交的图片素材(2). 启动 PHOTOSHOP，参考学案，尝试新建文档第一引出同学的疑虑，启示同学绽开摸索；信息技术课堂更多师：引导同学尝试启动软件，开头新建文档师：主页新建完成后，其次步要添加背景图片，那么，如何将上周储存过的图片添加进来呢？邀请同学上台 演示；师：XX 同学演示得特别好， 第一， 打开文件，使用移开工具，将图片拖动 到文档中；当然，我们可以依据自己 的设想，调整图片的大小及位置；(3). 同伴互动， 落实新建文 档 时 的 各 项 参

6、数 ： 800*600背景色透亮或其它(4) .同学使用老师机面对全班展现操作过程， 并做相应的讲解；老师适当点评及补充说明；(5) 课堂操作时间， 同学操作，同伴互助，老师巡察；假如有困难，先自行尝摸索究，再向同伴寻求帮忙，假如实解决不了，可向老师寻求帮忙；的期望同学通过尝 摸索究发觉问题， 进一步尝摸索究寻 求 解 决 问 题 的 方法，从而提高解决 问题的才能；通过同学演示+讲解的方式，更加直 观地让全班同学了 解之前课上储存的 图片如何运用到网 页中；构师：现在我们需要给网页添加标题， 建新那么，你觉得网页的标题有什么特知点？ 标题(1) .同学观看放映，对比范例及个人体会，摸索(2)

7、 .同学答复以下问题 ,结合同学的个人体会，勉励同学表达个人看法；不仅仅表达个人的看法2-3是通过老师给出的人几张图片得出一个结论，更多是从学生的生活和个人体验动身；师：老师小结标题特点： 醒目， 颜色、大小或者字体与网页中的其他文本不一样， 位置依据整体页面布局而定师：有请一位同学给大家演示如何制作网页的标题老师通过设问的方式引导同学讲解有关文字的操作；老师板书：文本：字体：字体库中的或自行下载外形：变形立体：混合选项大小：大于一般文字(3) .同学使用老师机面对全班，演示如何在文档中添加文字，以及更改文字的外形、大小、颜色；通过修改图层的混合选项，使文字出现出更多丰富的样式；(4) .课堂

8、操作时间，同学操作，同伴互助，老师巡察；假如有困难， 先自行尝摸索究，再向同伴寻求帮忙，假如实解决不了，可向老师寻求帮忙；大标题的制作也是本课的一个重点， 设计的意图是同学通过比照尝试，找到更适合自己的网页，制作出更具个人特色的作品；采纳分层教学，勉励同学结合个人实际情形，下载安装新的字体，对于另外的基础较弱的同学的，就勉励通过开关的转变，颜色调整和混合选项的应用，制作出出色的标题；老师勉励基础较好的同学尝摸索究 任务一，自主上网搜寻下载字体，并安装使用师：导航是一个网页的重要组成部分，位于页面顶端， 或是侧边的区域， 一般由一排水平或垂直的按钮组成， 起着网站内部页面链接的作用；在你的网页中

9、，准备如何设计呢？老师小结导航栏的制作： 位置：上边或侧边构建知新外形：矩形较适合导航大小：依整体页面及个人喜好而定外形与文字分开操作师：哪位同学能够演示下呢？(1) .同学观看放映，观看范例中的导航制作(2) .同学结合自己的网页，发表看法；(3) 同学使用老师机面对全班展现操作过程， 并做相应的讲解；老师适当点评及补充说明；(4) 课堂操作时间， 同学操作，同伴互助，老师 巡察；导航是本课的分层 教学内容之一，学 习 效 率 较 高 的 同学，可以自助尝试 制作导航；课上结合其余同学 的作品，引导同学 观 察 导 航 栏 的 特点，分析制作时的 使用到的工具，及 可能会用到的一些 操作小技

10、巧；老师 重在引导；储存作业至桌面， 格式为“学号 .psd”，上传至老师机， 以供老师查看操作情归纳况；总结1. 同学按要求储存并上交作业；本课的基础任务是新建文档，制作网页背景和大标题；拓展提升任务是下载安装字体制作新老师课后查看作业，登录汇总，针对颖的标题及导航栏作业中显现的小问题，下一课时，展的制作；老师依据开分析与讲解；同学上交的作业，2. 同学跟随老师的板做好记录，以便下书，对本堂课的所学进一堂课开展教学；行小结；PS网页设计与制作一、新建文档二、标题三、导航大小： 800*600 像素网页标题：醒目外形：可选矩形板书背景色：透亮字体：字体库或下载大小：自定外形： 变形位置： 上边

11、或侧边立体：混合选项九、教学反思本课是一节常态课， 通过前期的课上接触结合上交的作业，发觉本班同学的认知才能和操作水平存在不小的差异，大部分同学的学习的积极性有，但连续时间不长， 在学习中遇到问题时，大部分同学情愿主动探究，探究胜利后积极性倍增，探究失败后有挫败感，积极性大幅下降；在开展网页设计制作教学时，采纳PS网页设计与制作；本课设计时考虑到了不 同才能同学的学习情形，采纳“分层教学”；课上通过展现作品，激起同学的学习爱好，抛 出问题，引出答案， 进入本课的学习主题；课堂中任务驱动与分层教学相结合，很好地照料到不同层次的同学； 演示环节， 由同学自愿和老师抽查相结合，整个课堂教学进展有序；课前预设的学习目标也较好地完成了；本节课的不足之处在于， 课堂整体学习效率受同学的完成情形影响较大，假设同学花许多时间纠结在选哪个颜色更好看类似的问题上，不利于开展后面的教学，在今后的教学中，不妨向同学明确提出这一段的操作时间；更有效地开展每一课的教学；教案信息表作者曹亚利电子信箱学段八年级上作者单位教案名称海宁市斜桥中学PS网页设计与制作适用教材拓展课程课时1