第四节-设计制作网页.docx

2018—2019学年第二学期教案（课时备课）
第1 课时 第 周 年 月 日 星期
课 题
第四节 设计制作网页
教
学
目
标
知 识 目 标
了解网页设计相关知识；掌握通过主题实现网页风格统一的方法；掌握通过插入表格定位网页元素的方法。
能 力 目 标
通过对主页结构的分析设计，领会网页设计的方法；领会通过表格定位，通过自评和互评作品，能归纳利用FrontPage制作网站的基本思想方法。
情感、态度、价值观
通过设计网页的活动，提高同学们的规划设计能力；通过制作网站主页，提高同学们的色彩运用能力。
教学重点
1、有关网页的基本知识；
2、网页的设计原则，设计网页版面布局；
3、在网页中插入文字、图片、水平线及网页的保存、预览。
教学难点
1、网页设计的原则；
2、利用表格布局版面；
3、在网页中插入文字、图片和水平线。
教学用具
所用的教室为多媒体实验室，教师需要演示，学生在软件上进行练习。
学情分析
本课程的教学对象为八年级学生，他们求知欲强，敢于表现自我。在第一单元课程学生已经掌握了网络基础知识，在上学期学生学习了平面设计课程Photoshop，动画制作Flash。通过观察，学生已经对网页略知一二，都很想设计属于自己的网页，制作出自己的网站和空间，他们已经具备了收集资料，运用资料，分析问题和解决问题的能力。FrontPage是一个所见即所得的网页制作工具，易学易用，与word文字处理软件类似，这种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用较大，网站站点的建立也给学生提供了展示个性，自主、协作的机会，可促使他们合作、主动、创造性地学习，在教学中给学生自由发挥的空间，让学生在兴趣中自主探究学习。
教学方法
多媒体演示法、案例教学法、归纳总结法
教学资源
课前准备几个不同风格的主页范例，分析版面布局、色彩运用，以及实现方法，供学生参考学习，激发学习兴趣。
课时安排
1课时
教学过程

初次备课
二次备课
课前三分钟德育课堂
1858年，瑞典的一个富豪人家生下了一个女儿。然而不久，孩子突然患了一种无法解释的瘫痪症，丧失了走路的能力。
一次，她和家人一起乘船旅行。船长的太太给孩子讲船长有一只天堂鸟。对这只鸟的描述深深地迷住了她，极想亲眼看一看。于是，保姆把她留在甲板上，自己去找船长。她却耐不住，央求服务生立即带她去看天堂鸟。那服务生不知道她不能行走，而只顾带着她一道去看天堂鸟。奇迹发生了：她因为过度地渴望，竟忘我地拉住服务生的手，慢慢地走了起来。从此，她的病痊愈了。也许是由于有童年时忘我而战胜疾病的经历，长大后，她又忘我地投入到文学创作之中，后来成为第一位荣获诺贝尔文学奖的女性，她就是茜尔玛·拉格萝芙。
一、导入新知
思考：在网页中使用表格有何作用？
表格可使网页中的文字、图片、动画等素材排列整齐有序，并且不会因浏览窗口大小的改变而改变排列方式。
试一试：阅读相关内容，试着在站点“新疆美食”中打开首页文件Index.htm，分别插入四个表格，依次为：2*3、2*2、1*4和2*1，宽度都为780像素，水平居中。（教师巡回指导）
二、讲授新知
1、行高和列宽的调整
方法一：手动操作
方法二：通过单元格属性或表格属性调整
2、单元格的合并和拆分
教师演示：
（1）选中想要合并或拆分的单元格；
（2）单击鼠标右键，在快捷菜单中选择“合并单元格”或“拆分单元格”。
3、插入或删除表格中的行或列
（1）选择相应的行或列；
（2）单击鼠标右键，在快捷菜单中进行相应选择。
4、平均分布行和列
（1）选择需要平均分布的行或列；
（2）单击鼠标右键，在快捷菜单中进行相应选择。
练一练：参照“新疆美食”网站首页布局的内容，调整前面插入的表格，并将在第1课中输入的内容移到表格内。预览网页，测试调整效果。
教师操作：“文件”-——“另存为”——选择“Frontpage模板（*.tem）”，并命名模板文件名（如：“新疆美食”）
练一练：将网站首页文件Index.htm存储为网页模板，命名为“我的模板”，然后以利用模板的方式新建一个网页。
问题：比较：观察两幅电视背景墙效果图，比较多色彩背景墙和单色背景墙哪种让客厅更加充满活力？
通过比较，同学们知道了多色彩背景墙可以让房间显得更加生动活泼，在网页中我们也可以通过设置表格或单元格的背景来达到局部色彩的变化，使网页变得生动有活力。
方法：将光标定位在某一单元格内，单击鼠标右键，在快捷菜单中选择“表格属性”或“单元格属性”分别进行设置。
练一练：在你的网页表格中，先后设置不同的背景颜色和背景图片，体验背景对网页的美化作用。
三、巩固练习
1、单元格的基本操作
（1）选择单元格（“表格”一“选定”一“单元格”）
Ctr1：可选择不相邻的单元格
Shift：选择多个相邻的单元格
（2）插入单元格（“表格”一“插入”一“单元格”）
（3）合并单元格（“表格”一“合并单元格”或“表格工具栏”上的“合并单元格”按钮）
（4）拆分单元格（“表格”一“拆分单元格”或“表格工具栏”上的“拆分单元格”按钮）
2、填充单元格
（1）文本与图像填充（“插入”一“图片”）
（2）对齐文本与图像（“表格”—“属性”一“单元格”，“水平对齐方式”、“垂直对齐方式”）
3、修改表格的行与列
（1）选择行与列
（2）插入行与列（“表格”一“插入”一“行或列”）
（3）均分行与列（“表格工具栏”中的“平均分配行高”或“平均分配列宽”）
（4）删除行与列（“表格工具栏”中的“删除单元格”按钮或“表格”一“删除单元格”命令）

课堂
小结
本节我们学习了网页设计与布局的相关知识，知道了通过应用主题，使网站风格一致，学会了通过插入表格、合并与拆分单元格、设置单元格属性，实现网页版面的布局划分。通过在单元格中输入文字、加入图片。初步完成了Index.htm主页的制作。
布置
作业
1、预览网页有两种方法，一是在网页设计视图中单击下面的【预览】，另一种是执行【文件/在浏览器中预览】命令，试一试，看看两种方法是否有区别？
2、FrontPage中的“主题”与PowerPoint中的“主题”是否相似？
3、用表格定位网页文字与图片时，遇到以下问题如何解决：
（1）插入的表格行、列数不够，用什么方法增加行列数？
（2）你是如何改变表格的列宽和行高的？
（3）如果要删除表格，该如何操作？
（4）在“预览”网页时如果不想看见表格线，应该怎么办？
4、在网页中插入图片或艺术字时，如何设置环绕方式？
板书
设计
第四节 设计制作网页
1、打开“新疆美食”网站，进入网页编辑模式。
2、设计网页结构，编辑制作主页。
3、保存主页，关闭站点。
课
后
反
思
1、 亮点：

2、不足及改进措施：