DOC《6·2 网页制作（一）-----民以食为天 教学设计》

五、重点分析 表格在制作网页中的的定位作用及表格边框线粗细等属性设置. 网页中图片属性的设置. 设置链接到指定网页的超链接.

六、难点分析

1、网页中表格的修饰.

2、网页中的图文混排操作.

3、设置链接到指定网页超链接操作.

七、教学准备 教师设置好服务器,保证每台学生机都能登录到服务器. 教师传发上课素材到学生机,包括一个名为 网页制作 的文件夹(D盘). 学生上课前浏览助学网站,了解课堂学习内容与任务. 学生按座位进行分组(4位同学一组).预先分组,选出组长,与学生沟通好奖励的层次和奖品.

八、教学过程.

1、情景模拟,激情导入 教师:俗话说: 民以食为天 .同学们想想看,你从小长这么大吃过的最好吃的菜是什么菜?或是你目前最喜欢吃,最渴望吃到的菜有哪些? 学生:立即被 美食 主题吸引,说出自己喜欢的菜式. 教师:老师知道了大家都喜欢吃哪些菜,同学们看看老师给你们准备的菜,喜不喜欢? 学生:欣赏图片(课件播放中国八大菜系的经典菜),被色香味俱全的菜吸引了. 教师:许多同学看得口水都流下来了,我相信大家对美食都是来者不拒的.今天我们这节课的任务就是同学们分小组合作制作一个小型的美食网站,以后有机会把这个网站放到因特网上,让更多的人加入到我们的美食行列中来. 学生:跃跃欲试. 老师:一说到做网站,许多同学都会觉得很难,其实不然.同学们看老师做的示范网站. 教师一边示范网站,一边讲解网站的结构(主页面,分页面),网页中的各构成元素(图片、文字、超链接等),使学生有个感性的认识,了解网页中各元素的不同布局. 学生:一边欣赏网站,一边听教师讲解.

2、第一阶段任务,完成网页制作的准备工作 教师:在前面的学习中,我们已经知道常用的网页制作软件有Frontpage、Dreamweaver等,我们选Frontpage软件来学习如何制作网站. 教师示范打开Frontpage软件. 教师:Frontpage跟我们前面学的Word、Excel一样,是Office办公软件中的一员,所以在实际操作中很多知识我们都可以进行迁移.同学们仔细观察,看看界面上和Word、Excel有哪些不同? 学生:视图栏;

在工作区下有三个标签:普通、HTML、预览. 教师:同学们观察得很仔细.视图栏中显示Frontpage的各种对象,我们所用的是网页视图.工作区底下的三个标签在网页制作中作用很大. 普通 标签表示网页处在编辑状态, HTML 表示处在超文本标记语言状态,反映的是网页的实质内容, 预览 窗口中可以对网页的实际效果预览.我们在 普通 状态下进行网页制作,如果你懂HTML语言,你也可以直接用HTML语言进行编辑网页. 我想讲到这里,同学们就可以大显身手了.第一阶段的任务是完成网页制作的准备工作. 准备工作:

1、针对学生机中菜系的资料,每个小组讨论做哪个菜系的网站

2、分工:哪个同学做主页面,哪个同学做分页面

3、将D盘 网页制作 的文件夹重命名为自己的名字,将相关菜系的文件夹复制到自己文件夹中. 学生:各小组分别讨论,完成准备工作.

3、第二阶段任务:制作网页 要点:设置网页标题;

插入图片并设置属性;

修饰文字;

插入表格设置属性;

合并单元格 教师:老师特地做了教学网站,帮助同学们学习制作网站.同学们双击桌面上的 网页制作助学网站 ,做主页的同学打开 主页制作 超链接,分页面的同学打开 分页面 超链接,参照网页中的任务安排可完成网页的制作.除了助学网站外,同学们还可以利用书本P114的实践体验来学习,小组内同学相互帮忙,当然也可以请教老师.借鉴老师的示范网站,完成 制作要求 中的任务,网页和谐就表示网页制作成功.因为我们制作的是美食网站,所以最先完成任务的三个小组奖励 绿盛牛肉干 . 最后提醒:在制作过程中,一定要记得保存,将文件保存到自己的文件夹中.主页一般命名为 index.htm ,分页面的命名一般要和网页内容相对应,做到见名知义. 好,任务明确,开始操作吧. 学生:各小组成员根据任务分配开始制作自己的网页. 在制作的过程中,插入讲解表格属性的设置和图文混排. [问题1]:在完成的网页效果中,表格的边框存在,有时会影响网页的整体效果,有没有方法使得表格起到定位的作用,在实际效果中又看不到表格边框. [表格属性]:在网页制作中,表格起着定位的作用.我们可以设置表格的相关属性.鼠标定位表格,单击鼠标右键,选择 表格属性 ,在出现的对话框中我们可以设置对齐方式、单元格边距、单元格间距、宽度和高度、边框粗细、背景颜色和背景图片等.当设置表格边框粗细为