教学课时:2课时 教学过程: 一、新课导入 5/27
师:一个网站的内容和特色往往体现在浏览者看到的第一个页面------主页上，如果我们把主页设计的新颖、独特、美观，那么肯定会吸引很多浏览者访问我们的网站。今天我们就来学习制作网站的主页。二、新授
师:制作网站主页前，首先要设计好主页的版面布局，确定网站的大标题、各栏目的名称、文字、图片等的摆放位置。下面就让我们一起来为我们学校设计制作一个漂亮的主页吧。
师演示在主页中插入如下用表格布局的版面。 伊金霍洛旗第四小学
美丽校园组织机构校园明星师资队伍网上调查关于我们 学校简介插图 插图电子邮件插图 版权信息
三、巩固练习，出示任务:
1、学生仿照老师设计的版面制作学校主页的版面。
2、制作好版面后，输入标题和栏目文字，并将标题文字居中，设置成黑体、红色、7号，栏目文字设置为:蓝色、黑体、5号。
3、在表格需要插图的地方插入学校的全景图。并适当调整对齐方式和大小。
4、将制作好的主页保存到自己的网站中。
6 / 28
学生保存文件时，教师提示学生看教材第42页的“提示”部分。 师提问:“提示”告诉我们，对网站的主页文件名有什么要求, 生答??
教师强调:网站的主页文件名一般都要命名为:index.htm. 6/27 四、小结:
本课重点学习了设计一个主页的版面，一般为使主页的页面整齐、有序，我们最好采用表格来安排版面。这节课只是对主页进行了简单的设计，在后面的课中我们会一步步的完善我们学校的这个主页以及整个网站。
第6、7课时: 第四课修饰网站主页 教学目标:
1、掌握表格背景的设置方法。 2、学会在主页中制作悬停按钮。 3、学会在主页中制作欢迎字幕。
4、让学生通过一步步修饰网站主页，体验成就感，从而培养学生对信息技术的兴趣。
教学重难点:设置表格背景、制作悬停按钮和欢迎字幕 教学课时:2课时 教学过程: 一、导入新课
7 / 28
师:在网页中插入表格、输入文字、插入图片，看起来这个主页已经是整齐划一了，但同学们有没有觉得还有什么不满的地方吗,
生:观察?? 二、新授 1、设置表格背景
师:让我们试着给主页中的表格加一个背景，看看会怎么样, 7/27
教师演示“设置表格背景”的操作方法: 第一步:打开“自己的站点”
第二步:打开“自己的站点”中的“index.htm”主页文件。第三步:在表格中单击右键。选择“表格属性”，打开“表格属性”对话框。
第四步:选择“使用背景图片”选项，然后单击“浏览”按钮，打开“选择背景图片”对话框，找到要用来设置背景的图片后双击，再单击“确定”按钮即可。
师:设置表格背景的时候，要注意插入的图片和表格中的文字搭配，否则会让整个表格显得凌乱不堪，那要就适得其反了。
任务:请给你的主页中的表格设置一个漂亮的背景。学生完成任务后保存 二、制作悬停按钮
师:下面让我们来美化“伊金霍洛旗第四小学”主页中的每一个栏目按钮。 师演示操作方法:
第一步:选择主页中的第一个栏目“校园风景”第二步:选择“插入”——WEB组件——交互式按钮——完成
第三步:设置按钮文字、颜色、背景等。设置好后确定即可。
8 / 28
任务:请你把主页中的所有栏目按钮都做成自己喜欢的悬停按钮。 学生完成任务 三、制作滚动字幕
师:我们经常会在网站上看到一行或多行滚动的文字，就和电影中移动的字幕一样，非常有趣。今天，我们学习制作滚动字幕的方法。
(在制作滚动字幕之前，要确定字幕的位置。我们可以将主题“伊金霍洛旗第四小学”单元格拆分为两行，下面一行用于放置字幕。)
8/27
拆分单元格的方法:将光标定位在要拆分的单元格中，然后 1.单击“表格”?“拆分单元格”，弹出“拆分单元格”对话框; 2.设置拆分的方式，如:拆分成行; 3.设置拆分的行数，如:2行; 4.单击“确定”按钮。
将光标定位在要插入字幕的单元格中，
1.单击“插入”?“组件”?“字幕”，弹出“字幕属性”对话框;2.输入文字; 3.单击“确定”按钮。
{在一个内容较复杂的网页中，要较好地定位内容，需要对表格进行分割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“表格”菜单中进行，操作方法也很相似。}
任务:学生把“欢迎来到伊金霍洛旗第四小学”做成滚动字幕。 四、课堂小结: 第8、9课时:
9 / 28
第五课制作校园风景栏目 教学目标:
1、学会制作“校园风景”网页。
2、学会在“校园风景”网页里插入表格和缩略图。 3、学会修改网页的标题 教学重难点:
在网页中插入表格和在表格里插入缩略图 9/27
教学课时:2课时 教学过程: 一、导入:
师:完成网站的主页后，就可以按照网站的结构图制作与各个栏目相关的网页了。本课我们首先来制作“伊金霍洛旗第四小学”网站的“校园风景”栏目。
二、新授
1、制作“校园风景”网页
“校园风景”栏目是用来展示校园各处风景的图片的，为了让访问网站的人能够方便的找到自己感兴趣的图片，可以先把收集到的图片分类，如分成“教学楼”、“孺子楼”、“书山阁”等，然后把这些图片插入不同的网页。当然，首先要建立一个网页来列出校园各处风景的名称。
任务一:新建一个网页，并访照如下表格布局来安排网页内容，并把“校园风景”做成艺术字。
校园风景
10 / 28
相关推荐：
loading