第四节设计制作网页.docxVIP

2018- 2019学年第二学期教案（课时备课） 第1课时 第 周 年 月 日 星期 课题 第四节设计制作网页 目标 知识目标 了解网页设计相尖知识；掌握通过主题实现网页风格统一的方法；掌握 通过插入表格定位网页兀素的方法。 能力目标 通过对主页结构的分析设计，领会网页设计的方法；领会通过表格定 位，通过自评和互评作品，能归纳利用Frontpage制作网站的基本思想 方法。 情感、态度、价值观 通过设计网页的活动，提咼同学们的规划设计能力； 通过制作网 站主页，提咼同学们的色彩运用能力。 教学重点 1、 有矢网页的基本知识； 2、 网页的设计原则，设计网页版面布局； 3、 在网页中插入文字、图片、水平线及网页的保存、预览。 教学难点 1、 网页设计的原则； 2、 利用表格布局版面； 3、 在网页中插入文字、图片和水平线。 教学用具 所用的教室为多媒体实验室，教师需要演示，学生在软件上进行练习 。 学情分析 本课程的教学对象为八年级学生，他们求知欲强，敢于表现自我。在第一单元课程学生已经掌 握了网络基础知识，在上学期学生学习了平面设计课程 Photoshop，动画制 作Flash。通过观察，学生已经对网页略知一一，都很想设计属于自己的网页，制作出自己的 网站和空间，他们已经具备了收集资料，运用资料，分析问题和解决问题的能力。Frontpage是 一个所见即所得的网页制作工具，易学易用，与 word文字处理软 件类似，这种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用较 大，网站站点的建立也给学生提供了展示个性，自主、协作的机会，可促使他们合作、主动、创 造性地学习，在教学中给学生自由发挥的空间，让学生在兴趣中自主探究学习。 教学方法 多媒体演示法、案例教学法、归纳总结法 教学资源 课刖准备几个不同风格的主页范例，分析版面布局、色彩运用，以及实现方法，供学生参考学 习，激发学习兴趣。 课时安排 1课时 教学过程 初坎备课 二次备课 课前二分钟德育课堂 1858年，瑞典的一个富豪人家生下了一个女儿。然而不 久，孩 子突然患了一种无法解释的瘫痪症，丧失了走路的能力。 一次，她和家人一起乘船旅行。船长的太太给孩子讲船长有一 只天堂鸟。对这只鸟的描述深深地迷住了她，极想亲眼看一看。于 是，保姆把她留在甲板上，自己去找船长。她却耐不住，央求服务生 立即带她去看天堂鸟。那服务生不知道她不能行走，而只顾带着她一 道去看天堂鸟。奇迹发生了：她因为过度地渴望，竟忘我地拉住服务 生的手，慢慢地走了  起来。从此，她的病痊愈了。也许是由于有童年时忘我而战胜疾病的 经历，长大后，她又忘我地投入到文学创作之中，后来成为第一位荣 获诺贝尔文学奖的女性， 她就是茜尔玛?拉 格萝芙。 一、 导入新知 思考：在网页中使用表格有何作用？ 表格可使网页中的文字、图片、动画等素材排列整齐有 序，并且不会因浏览窗口大小的改变而改变排列方式。 试一试：阅读相尖内容，试着在站点“新疆美食”中打 开首页文件Index.htm，分别插入四个表格，依次为:2*3、2*2、 1*4和2H，宽度都为780像素，水平居中。(教师巡回指导) 二、 讲授新知 1、 行咼和列宽的调整 方法一：手动操作 方法二：通过单元格属性或表格属性调整 2、 单兀格的合并和拆分 教师演示： 选中想要合并或拆分的单元格； 单击鼠 标右键，在快捷菜单中选择 合并单 元格”或拆分单元格”。 3、 插入或删除表格中的行或列 选择相应的行或列； 单击鼠标右键，在快捷菜单中进行相应选择。 4、 平均分布行和列 选择需要平均分布的行或列； 单击鼠标右键，在快捷菜单中进行相应选择。 练一练：参照新疆美食”网站首页布局的内容， 调整前面插入的表格，并将在第1课中输入的内容移到表 格内。预览网页，测试调整效果。 教师操作：’文件”-——“另存为” 一一选择 Frontpag模板(*?tem) ”，并命名模板文件名(如： 新疆美食”) 练~练：将网站首页文件In dcx.htm存储为网页模  问题：比较：观察两幅电视背景墙效果图，比较多色彩背景墙和单色背景墙哪种让客厅 更加充满活力？ 通过比较，同学们知道了多色彩背景墙可以让房间显得更加生动活泼，在网页中我们也 可以通过设置 表格或单元格的背景来达到局部色彩的变化，使网页变得生动有活力。 方法：将光标定位在某一单元格内，单击鼠标右键，在快捷菜单中选择 表格属性”或 单元格属性”分别进行设置。 练一练：在你的网页表格中，先后设置不同的背景颜色和背景图片，体验背景对网页的 美化作用。 三、巩固练习 1、单元格的基本操作 (1)选择单元格(“表格” 一 “选定” 一 “单元格”) Ctrl :可选择不相邻的单元格 Shift :选择多个相邻的单元格 (2)插入单