《PS网页设计与制作文档推荐》由会员分享，可在线阅读，更多相关《PS网页设计与制作文档推荐（6页珍藏版）》请在金锄头文库上搜索。
1、PS网页设计与制作 主页 一 教材分析 设计制作网页的方法有很多 所用软件也各不相同 在本次拓展课程教学中 采用 Photoshop 设计网页 本课是第四课时 在之前的课中 教师介绍了网页大小 图片素材的保存及处理方法 学生已了解有关网页的相关知识点 本节课在此基础上 开始学习PS网页设计 通过新建文档 完善网页中的其它要素 如 文本 页头 页脚 图片等要素 二 学情分析 认知水平 本班学生为八年级学生 善于接受新鲜事物 欠缺专注力 知识迁移能力 知识技能水平 在前几课时的学习中学生了解了网页的常见大小 主页包含的各项要素 七年级下已学习过PS 的相关知识与技能 有一定的基础 本节课 学生需要
2、灵活运用以前的所学 制作出有个人特色 的主页 学生在自主实践环节是遇到的问题 通过同伴互助 范例展示等方式 更好地理解为何 这么做 以及怎么做 教学目标 知识与技能 了解主页大小 掌握设置主页大小的方法 掌握文本设置的方法 尝试通过更改大小 字体 变形 混合选项呈现出有个人特色的文本 了解导航栏的样式及位置 掌握矩形的绘制调整方法 过程与方法 通过课堂任务的设计 强化学生个人自主探究能力及小组协作学习能力 培养学生对问题的分析和解决能力 更好地理解PS制作主页的方法与策略 提高学生对PS的理 解与认识 情感态度与价值观 提倡学生多观察 多动手实践 不怕失败 只怕不动 在信息技术课堂上勇于探索实
3、践 通过作 品展示自己 教学重点 主页大小设定 标题和图片的大小及位置 导航栏制作 教学难点 主页中各对象的大小及位置 教学方法 任务驱动 分层教学 同伴互助 教学准备 极域多媒体网络教室 Photoshop cs5 学案 教学过程 教 学 阶段 教学活动学生活动设计意图 创 设 情 境 展示范例 吸引学生的注意力 调动学 习的积极性 2 师 刚才大家看到的是我们八年级一 些同学的网页设计作品 在这些作品当 中 有关于美食的 有关于旅游的 还 有关于漫画的 还有关于科技的 等等 那么 你知道这些作品是怎么完成的 3 教师小结 这些网页 我们一般称之 为主页 都是在PHOTOSHOP中完成 观看
4、放映 聆听老师 观察素材文件 并进入创设情境 思考并发表自己的看法 展示同个年龄段同 学的作品 可以吸 引学生的注意力 也更贴近学生的生 活 引起更多的共 鸣 尽快进入学习 氛围 选择 PS制作网页 拓 宽 学 生 的 知 识 面 提升PS的操作 技能 复 习 旧 知 启动 PHOTOSHOP 向学生展示 对比说明 网页设计时使用到哪些功能 小结 观看放映 参与互动 思考并回答 PS 强大的图片文字 与处理功能 学生 在七下学习过 通 过师生互动 帮助 学生复习一些跟图 图片 拖动至新建文档 文字 文本工具 导航 形状 片 文 字 相 关 的 操 作 构 建 新 知 图 片 在复习了 PHOT
5、OSHOP的一些基本操作 后 接下来 我们要开始正式设计主页 了 在前一次课中 大家已选好图片素 材 并初步加工 怎么用在网页中呢 师 引导学生尝试启动软件 开始新建 文档 师 主页新建完成后 第二步要添加背 景图片 那么 如何将上周保存过的图 片添加进来呢邀请学生上台演示 师 XX 同学演示得非常好 首先 打 开文件 使用移动工具 将图片拖动到 文档中 当然 我们可以根据自己的构 想 调整图片的大小及位置 1 登录 FTP 下载前一课 保存上交的图片素材 2 启动 PHOTOSHOP 参 考学案 尝试新建文档 3 同伴互动 落实新建 文 档 时 的 各 项 参 数 800 600 背景色透明
6、或 其它 学生使用教师机面向全 班展示操作过程 并做相 应的讲解 教师适当点评 及补充说明 课堂操作时间 学生操 作 同伴互助 教师巡视 首先引出学生的疑 虑 启发学生展开 思考 信息技术课堂更多 的希望学生通过尝 试探索发现问题 进一步尝试探索寻 求 解 决 问 题 的 办 法 从而提高解决 问题的能力 通 过 学 生 演 示 讲 解的方式 更加直 观地让全班同学了 解之前课上保存的 图片如何运用到网 页中 如果有困难 先自行尝试 探究 再向同伴寻求帮 助 如果实解决不了 可 向老师寻求帮助 构 建 新 知 标 题 师 现在我们需要给网页添加标题 那 么 你觉得网页的标题有什么特点 师 教师
7、小结标题特点 醒目 颜色 大小或者字体与网页中的其他文本不 一致 位置根据整体页面布局而定 师 有请一位同学给大家演示如何制作 网页的标题 教师通过设问的方式引导学生讲解有 关文字的操作 教师板书 文本 字体 字体库中的或自行下载 形状 变形 立体 混合选项 学生观看放映 对照范 例及个人经验 思考 学生回答问题 表达个人 的看法 2 3 人 学生使用教师机面向全 班 演示如何在文档中添 加文字 以及更改文字的 形状 大小 颜色 通过 修改图层的混合选项 使 文字呈现出更多丰富的 样式 课堂操作时间 学生操 作 同伴互助 教师巡视 如果有困难 先自行尝试 探究 再向同伴寻求帮 助 如果实解决不
8、了 可 向老师寻求帮助 结合学生的个人经 验 鼓励学生表达 个人看法 不仅仅 是通过教师给出的 几张图片得出一个 结论 更多是从学 生的生活和个人体 验出发 大标题的制作也是 本课的一个重点 设计的意图是学生 通过对比尝试 找 到更适合自己的网 页 制作出更具个 人特色的作品 采 用分层教学 鼓励 同学结合个人实际 情况 下载安装新 的字体 对于另外 的基础较弱的学生 的 则鼓励通过开 关的改变 颜色调 整和混合选项的应 用 制作出精彩的 标题 大小 大于普通文字 教师鼓励基础较好的同学尝试探究任 务一 自主上网搜索下载字体 并安装 使用 构 建 新 知 导 航 师 导航是一个网页的重要组成部
9、分 位于页面顶端 或是侧边的区域 一般 由一排水平或垂直的按钮组成 起着网 站内部页面链接的作用 在你的网页 中 打算如何设计呢 教师小结导航栏的制作 位置 上边或侧边 形状 矩形较适合 大小 依整体页面及个人喜好而定 形状与文字分开操作 师 哪位同学能够演示下呢 学生观看放映 观看范 例中的导航制作 学生结合自己的网页 发表看法 学生使用教师机面向全 班展示操作过程 并做相 应的讲解 教师适当点评 及补充说明 课堂操作时间 学生操 作 同伴互助 教师巡视 导航是本课的分层 教学内容之一 学 习 效 率 较 高 的 同 学 可以自助尝试 制作导航 课上结合其余同学 的作品 引导学生 观 察 导
10、 航 栏 的 特 点 分析制作时的 使用到的工具 及 可能会用到的一些 操作小技巧 教师 重在引导 归 纳 总 结 保 存 作 业 至 桌 面 格 式 为 学 号 姓 名 psd 上传至教师机 以供教师 查看操作情况 教师课后查看作业 登录汇总 针对作 业中出现的小问题 下一课时 展开分 析与讲解 1 学生按要求保存并上 交作业 2 学 生 跟 随 教 师 的 板 书 对本堂课的所学进行 本课的基础任务是 新建文档 制作网 页背景和大标题 拓展提升任务是下 载安装字体制作新 颖的标题及导航栏 的制作 教师根据 学生上交的作业 做好记录 以便下 小结 一堂课开展教学 板 书 PS网页设计与制作
11、新建文档二 标题三 导航 大小 800 600 像素网页标题 醒目形状 可选矩形 背景色 透明字体 字体库或下载大小 自定 形状 变形位置 上边或侧边 立体 混合选项 教学反思 本课是一节常态课 通过前期的课上接触结合上交的作业 发现本班学生的认知能力和操作水平 存在不小的差异 大部分学生的学习的积极性有 但持续时间不长 在学习中遇到问题时 大部 分学生愿意主动探究 探究成功后积极性倍增 探究失败后有挫败感 积极性大幅下降 在开展 网页设计制作教学时 采用 PS网页设计与制作 本课设计时考虑到了不同能力学生的学习情况 采用 分层教学 课上通过展示作品 激起学生的学习兴趣 抛出问题 引出答案 进入本课 的学习主题 课堂中任务驱动与分层教学相结合 很好地照顾到不同层次的学生 演示环节 由 学生自愿和教师抽查相结合 整个课堂教学进展有序 课前预设的学习目标也较好地完成了 本节课的不足之处在于 课堂整体学习效率受学生的完成情况影响较大 若学生花很多时间纠结 在选哪个颜色更好看类似的问题上 不利于开展后面的教学 在今后的教学中 不妨向学生明确 提出这一段的操作时间 更有效地开展每一课的教学 教案信息表 作者姓名曹亚利电子信箱学段八年级上 作者单位海宁市斜桥中学邮编 教案名称PS网页设计与制作手机 适用教材拓展课程课时1
