【摘要】优秀的教案对于提高课堂学习效率和促进教学发展都有重要的影响，为此威廉希尔app 搜集了创建个人网站教案，供大家参考。

创建个人网站

(一)本课教学目标：

1、理解网站站点的概念，掌握创建站点的操作。

2、会用表格规划网页的版面。

3、会在表格中插入文字和图片，会设置单元格中的文字格式，会设置文字和图片在单元格中的对齐方式。

4、会保存网页，并将网页中的图片保存到images文件夹中。

5、培养学生自学与合作学习的能力。

(二)教学设计与教学建议：

1、课堂引入分析：

创建站点对于学生来说并不是难点，如何规划网页的版面，对于学生来说难度更大。因此在课堂引入部分，可以这样设计：

首先教师可以准备两个内容一样的网页，一个是没有用表格规划版面的，一个是用表格规划版面的，让学生观察预览效果，比较哪一个更好;

其次，将制作这个网页的素材提供给学生，让学生自己尝试制作这样一个网页。学生在制作过程中会发现图文并不能按照自己的意愿随心所欲地摆在网页上，使得网页看起来很糟糕。随之会产生疑问:那个版面漂亮的网页是怎么做出来的

第三，教师再次出示利用表格规划版面的网页，动态出现表格线，让学生观察，学生就会看出版面是由表格规划的。而表格是学生在Word软件中就已经学习过的，此时再让学生尝试在FrontPage中插入表格，并在单元格中插入文字和图片。

由于学生在Word软件中学习过表格的操作，对插入表格，设置单元格的格式操作比较熟悉，因此这部分可以采用让学生自主探究的方式学习。_

2、重点内容分析：

本节课的重点可以归纳为:

(1)创建网站站点：

在FrontPage中提供了8种站点类型，我们可以根据需要选择不同的类型。需要注意的是，在"指定新站点的位置"框中，需要输入站点的位置和名称，如输入"d:web"，"d:"表示位置在"D盘"上，"web"表示站点的名称，位置和名称之间用""隔开，不要错输入成"/"。

(2)用表格规划网页的版面：

创建站点对于学生来说是重点，但不是难点。如何规划网页的版面，对于学生来说难度更大。因此本节课的难点放在如何规划网页的版面上。

可以应用表格很好地控制文字和图像在页面上出现的位置，把文字和图像规范地按照行或列对齐，使整个页面看上去紧凑而统一，非常美观大方。而表格对于学生来说并不陌生，在Word软件中已经学习过，这就使学生感觉到制作网页的难度大大降低了。

尽管用FrontPage制作网页对于学生来说是全新的知识，但由于FrontPage与Word同属于Office家族的成员，在许多功能上有太多的相似之处，我们可以在这实行"拿来主义"，把在Word中学习到的表格知识拿到FrontPage中，如插入表格，插入或删除行或列，合并或拆分单元格，设置行高或列宽，在单元格中插入文字或图片，设置单元格中文字或图片的对齐方式，对单元格中的文字设置字体，字号，字的颜色等操作，这体现了知识的迁移思想。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点:

(1)创建网站站点，选择"只有一个网页的站点"类型。

(2)通过"文件夹列表"打开要编辑的网页，了解网站的建设情况。

(3)用表格来规划网页的版面。根据网站结构对插入的表格进行拆分，合并单元格，设置行高，列宽，插入或删除行，列等。

(4)在单元格中插入文字和图片，设置单元格中的文字或图片的对齐方式，设置文字的字体，字号，颜色等。

(5)在FrontPage中，当网页包含图像元素时，这样的网页被保存时，图片是采用嵌入式保存的，即同一个网页中的图像和文字被分开保存。通常要将所有的图片保存在images文件夹中，这样有助于使站点的结构更加清晰，便于管理。

(三)教学补充：

1、什么叫网站站点 ：

创建网站站点的操作并不难，难的是学生对于"网站站点"这个概念不理解。什么是网站站点网站站点就是一组内容相关的网页的集合体。打个形象的比喻，站点就象一本书，而网页就象书中的一篇一篇的文章。书把文章集中在一起，而站点把网页集中在一起。

2、文件夹列表：

创建站点之后，会在FrontPage窗口出现一个新的列表框，叫做"文件夹列表"，用来显示当前打开的站点中所有的文件和文件夹。通过"文件夹列表"框，我们可以清楚了解网站的建设情况。也可以利用文件夹列表为站点添加新的网页。单击〖常用〗工具栏上的〖文件夹列表〗按钮可以打开或关闭"文件夹列表"框。

3、在FrontPage中插入表格与在Word中插入表格，有些不同，如下图所示。

在Word软件中插入表格

在FrontPage软件中插入表格

在FrontPage中，由于表格主要是为规划网页版面服务的，所以与Word相比主要有以下几点不同:

(1)在插入表格对话框中，增加了"边框粗细"的设置。为了让用表格规划过的网页版面看起来更加美观，可以把"边框粗细"的值设置为"0"，将表格的边框线隐藏起来。

(2)通常在指定宽度时，选用"百分比"，并将值设置为"100"，表示表格与页面同宽。

(3)可以调整"单元格边距"和"单元格间距"。

4、在制作网页时，要插入的素材图片很多，有些图片可以直接使用，有些图片则需要进行一些处理。在FrontPage中的"图片"工具栏可以对插入的图片进行简单的处理，在Word软件中也有类似的"图片"工具栏。对比两者的"图片"工具栏，我们会发现FrontPage中的"图片"工具栏在处理图片上功能更强。

FrontPage的"图片"工具栏

Word的"图片"工具栏

【总结】创建个人网站教案就为大家整理到这儿了，希望对大家有帮助，更多精彩内容尽在威廉希尔app 。

小编推荐：

五年级信息技术：制作月历教案

五年级信息技术：制作通讯录教案