专题七 利用FrontPage创建教师个人网站[最终定稿]

第一篇：专题七 利用FrontPage创建教师个人网站

专题七 利用FrontPage创建教师个人网站

学习目标：

1、设计个人网站的基本结构。

2、利用FrontPage制作个人网站。

教师通过建立个人网站收集与管理课件、教案等教学资源，发布课程安排、作业布置等教学信息，展示个人风彩。创建教师个人网站是一个系统的过程，包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。

一、设计网站的结构

二、收集与加工网站所需素材

三、开发网站

四、发布网站

应该掌握的技能

1、利用FrontPage，新建并保存一个站点。

2、新建、保存站点中的网页。

3、插入并调整表格。

4、在表格中输入文字并编辑。

5、加入背景图片。

6、在网页中插入图片并调整。

7、在网页中创建“超链接”。

8、在网页中利用字幕组件和框架。

9、在网页中设置背景音乐。

10、在网页中加入音频、视频。

11、发布网站。

一、设计网站的结构

（一）确定教师个人网站的名称与栏目1.网站名称就是一个网站的名字

命名原则：（1）内容性；（2）艺术性 2.网站栏目是网站内容的目录

栏目的设计应以教学需要为主要目的

名站欣赏：数学天地、寻访生命、憩心林、语文在线。

活动1：欣赏“配套光盘：专题7《数海泛舟》教师个人网站”中的栏目。

活动2：根据需要，确定个人网站的名称并设计栏目，填写下页表7-1。

（二）规划网站结构

网站的结构是指网站中各个网页之间的关系。例:《数海泛舟》网站结构图示例

二、收集与加工网站所需素材

网站素材包括文本、图片（图形与图像）、动画、音频和视频等。

在网站开发前，应根据每个网页内容的需要，收集相关的素材，途径：网上搜索或自制。1.表7-3网站所需素材表

2.《数海泛舟》网站首页所需素材收集加工示例

三、开发网站

站点：是一组相关网页的有机结合，网页之间彼此相连，这种完整的结构就称为站点。（网站相当于一本书，一个体系。网站的概念大于网页。

网页：站点就像一本书，网页就像书中的一篇篇文章。一个网站内可以包含很多页，当然也可以仅有一页。Home Page：进入站点后看到的第一个页面通称为Home Page，也称为主页或首页，通常被命名为“Index.html。1.创建站点

1）创建步骤：

（1）新建站点（打开frontpage程序，单击文件（2）选择保存位置，给网站命名。

单击文件→新建站点，弹出对话框→单击“只有一个网页网站”的图标，在“指定新站点位置”文本框中输入新站点的位置与名称，然后“确定”

提示：名称中不能出现tab / < > ? * : # |等符号，还不能出现汉字。因为中文可能会对网址的正确显示造成困难。

“文件夹列表”按钮 2.新建子文件夹步骤：

1).右键单击“站点文件夹”； 2)选择“新建文件夹”命令； 3.)命名为“audio”。

活动4：根据自己网站内容与素材管理的需要，建立相应的子文件夹。3.新建网页步骤：

1)．新建空白网页：单击工具栏中的新建网页按钮，新建一个空白网页。2)．保存新建的网页:保存位置：当前站点；保存名称：不能出现汉字 提示：应及时保存新建网页到站点，名称中不能有汉字。活动5：根据自己网站的需要，建立并保存相应的网页。

4、编辑网页

在制作网页时，表格是必不可少的，我们不仅利用表格显示一些有规律的数据，而且还经常对表格中的单元格进行调整，在其中放入文本和图形，达到对网页进行布局的目的。利用表格布局网页

1）插入并设置表格（由“表格属性”对话框可知，当我们将“边框粗细”设置为0时，边框线将隐藏，利用此项功能，我们可以利用表格来排版页面。）活动6：根据自己网站布局的需要，插入并设置表格。2）调整表格

活动7：根据自己网站布局的需要，设置单元格的属性。

5、输入与编辑文字

1）．输入文字创建好表格后，就可以在表格里输入文本了，一般情况下直接输入，当达到单元格末尾时文字会自动换行的。Enter是分段，要想在没有达到末尾时就要换行，按SHIFT+ENTER键，这样文本就强制换行了注：换行（Shift+Enter）和分段（Enter）的区别 活动8：根据自己网站的网页内容的需要，输入或插入文字。2）．编辑文字

活动9根据自己网站网页内容和风格的需要，编辑文字，调整段落。

6、插入与设置图片 活动10

根据自己网站网页布局的需要，在相应的单元格内插入图片。2)设置背景图片：（击右键网页属性）3)保存图片

注：插入图片后需保存图片到站点下才能正确预览 4）编辑图像 1.设置图片格式

法1:在图像上双击鼠标,利用图片属性对话框，对图像的环绕、布局和大小设置 法2:利用图片工具栏,设置图片的裁剪、透明、立体效果等

注：打开图片工具栏:单击查看→工具栏→图片 2.给图像添加文字

选定图像,单击图片工具栏上的文本按钮A 活动11

根据自己网站的需要，设置背景图片并保存图片。

7、插入媒体和组件

为了让网页充满活力，只有静态的图像是不够的，我们往往需要在网页中加入背景音乐、视频，或加入动画等。

（一）、插入音频（wav、midi等)1.在网页中插入背景音乐

· 在网页的空白处，单击右键→网页属性，弹出“网页属性”对话框

· 在“背景音乐”栏中加入背景音乐文件，并设置循环次数（循环播放或限定次数）。

1)插入图片（插入图片）2.在网页中插入音频插件

单击插入→高级→插件，通过“浏览”按钮选择要插入的音频文件，击“确定”。在普通模式下，为了表示插入音频的位置，FRONTPAGE就会使用这样的插头标记。现在我们切换到预览模式，音乐就自动播放了。插头就会变成一个播放器。播放器名字叫Active Movie，它是Internet Explorer 浏览器自带的一个媒体播放插件。

（二）、插入视频(avi mov mpg)单击插入→图片→视频

（三）、插入Flash影片(*.swf)方法:定位光标,单击插入→高级→插件

（四）、插入 Web组件 1.插入滚动字幕

单击插入→组件→字幕

双击输入的字幕可编辑 2.插入横幅广告管理器

定位光标,单击插入→组件→横幅广告管理器 3.插入站点计数器

为了了解站点的访问情况,用户可在网页中使用站点计数器来记录被访问期间的次数

定位光标,单击插入→组件→站点计数器

8、编辑网页链接邮箱地址。

选中文本或图片，击右键→超链接，可链接到同一网站内其他网页、其他网站、文件和电子提示：单击目标框架，可设置链接页面的样式。l.设置网页过渡效果 单击格式→网页过渡

9、浏览网页 步骤：

1.）保存编辑过的网页 2.）在浏览器中预览 3.）图7－23网页预览效果图

10、框架网页

框架:简单理解,就是把一个网页分成几份,每一份填充其它网页,当浏览者浏览这个网页时,它可调入其它网页, 形成一个完整页,这就是框架。框架组成:边框、滚动条、网页。

（一）创建框架网页 1.创建框架网页 单击文件→新建,选择“框架网页”选项卡,在“框架网页”对话框里列出了10种框架布局模板,选择自己需要的一种,单击“确定”。2.编辑框架内容

每个框架有两个按钮,单击新建网页按钮,这些按钮就是用来让我们指定在框架里显示哪个网页的，或新建一个网页，或设置一个已经存在的编辑好了的网页。3.保存框架网页

逐个保存每个框架内的新建网页。

（二）改变框架的布局

注：框架的大小及属性均可通过“框架属性”对话框来设置。“框架属性”对话框介绍：

·边距：网页内容与框架边框之间的距离。

·显示滚动条：包括3个可选项：即“需要是”、“从不”、“始终”。

·“框架网页”按钮：单击“框架网页”按钮，弹出“网页属性”对话框的“框架”选项卡，在此项中可以设置框架之间的距离，若想无框架边框，只须取消“显示边框”复选框即可。1.调整框架的大小

法1:用鼠标拖动

法2:将光标置于要调整的框架中,单击右键或单击框架→框架属性 2.拆分或删除框架

拆分: 法1:用鼠标拖动:按Ctrl键不放,用鼠标拖动框架的边框线

法2:用菜单:将鼠标置于要拆分的框架中,单击框架→拆分框架

删除: 选定要删除的框架,单击框架→删除框架.（三）设置目标框架

目标框架是超链接目标网页出现的那个框架。例如，在左边的目录框架中单击一个链接后，右侧的框架中将出现一个对应的网页。所以右边框架是左边框架中所看到的链接的目标框架。

1、设置超链接的目标框架

步骤：选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定 · 知识加油站：

在“创建超链接”窗口击“目标框架”按钮，弹出“目标框架”对话框，从中选择“新建窗口”，则被链接的网页会创建一个新的浏览器窗口，并在其中显示。

四、发布网站

（一）测试网站

在发布站点之前，应该检查各个页面之间的链接、网站的外观和文件的路径等，测试无误后，可以发布网站了。

（二）发布网站 网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。

方法：单击文件→发布网站，弹出对话框，在远程网站选项卡中选文件系统，在远程网站位置输入一个本地计算机中的具体路径或单击浏览，再单击发布网站。用专门的上传软件发布，如FlashFXP

作业：上传自己制作的个人教学网站1.首页制作要求:

（1）使用表格布置网页;（2）网页上要有文字、图片及背景图片；（3）准确创建网页间的超链接；（4）能插入一段背景音乐；2.其他子网页可以依照自己需要进行简单编辑。

第二篇：用FrontPage制作网站(反思)

“用FrontPage制作网站”的教学设计

信息技术是一门知识性、技能性和创新性相结合的学科，现阶段中学信息技术课程的任务已从单纯的信息技能训练上升为全面地培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开。以“制作网站”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。以下是笔者对这一单元的教学设计。

一、教材分析

我校目前使用的教材是贵州省中小学信息技术教材编写组编写的《初中信息技术》。网页制作是第五册第八章的教学内容。学生在前面已经学习相关的一些知识，如初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；注重对学生了解内容编排的原则、页面布局的种类等知识的掌握，并且注重让学生采用适当的设计，体现自己的风格、个性、以及色彩搭配的合理性，以提高他们的艺术修养和审美情趣。

教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在前面，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。

二、学生分析

本章教学对象为九年级学生，有一定的计算机运用能力，但是基于初中生的知识水平和课时上较少的原因，教师要有组织地安排实际操作，在讲解操作过程中，使学生了解任务并紧紧围绕任务这一主线，激发学生学习兴趣及培养学生的探索、钻研、设计的能力，逐步深入，以达到设计完成整个网站的目的。

三、学习目标

本单元的认知、情感和动作技能三种目标分述如下：  认知目标

1、能简要陈述FrontPage2000主要功能，熟悉其操作界面

2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接

3、能主动获取、收集有关信息，并加以分类和整理

4、能客观评价网页的内容和风格，具备一定的审美能力  情感目标

1、具有集体荣誉感，愿意为班级的网页建设出谋划策

2、能够较全面地体现个人能力，展示自我个性

3、具有乐于助人、团结协作的精神，共同合作完成任务

4、能尊重他人的劳动成果，有保护知识产权的意识  动作技能目标

1、能熟练地建立、打开、保存、浏览网页文件

2、能在网页中熟练地插入文字、图片、动画、水平线

3、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐

4、能选择合适的网页背景图案和背景音乐

5、能根据实际需要使用不同的超链接，合理地组织网页

6、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感

四、教学方法

1、采用任务驱动的方法

本单元的学习通过完成班级或个人网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，个人网页的信息更能实现每个学生展示自我的目的，因此完成这些任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。

2、采用小组协作的方法

制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。

制作个人网页也需要搜集个人的多方面资料，并且体现自我特性，展示自我风采的一个平台，资料的准备必须充分，当然这种个人网页的制作针对信息技术基础知识运用较好的学生而言。这部分同学也可以邀请其他同学协助完成任务。

3、教师提供资源库的方法

要培养学生的信息能力，就必须为他们提供大量处理信息的机会。教师的任务就是收集、设计和管理学习资源，引导和帮助学生接触到丰富的学习资源，为学生的知识构建提供支撑。学生设计网站的各种资源可以通过各种渠道为学生在网络教室中提供，以方便学生使用。

五、教学过程

本单元的教学共需8课时，每节课教师都要求学生完成子任务。教学安排如下表： 课时 学习子任务 教师活动 学生活动 1

1、访问推荐网页

2、明确任务、评价网页

3、形成小组、明确分工

1、推荐优秀网站

2、组织学生讨论网页内容和风格。

3、提出学习任务(网页制作)和原则(小组协作)

4、提供网页栏目划分建议

1、浏览网页

2、了解评价网页的标准

3、明确任务，选择小组

4、课后收集整理信息

1、使用Web站点模板建立网站

2、熟悉F rontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作

3、网页中文本的编辑排版

1、进行集体讲解和演示

2、指导个别小组的网页制作，回答学生提出的问题。

1、创建站点

2、创建网页文件，输入网页文字信息并保存

3、设置文本字体字号颜色，调整段落对齐方式和缩进格式

4、完成主页的保存

3-4

1、学会插入图片、动画、水平线

2、设置背景和音乐

3、学习插入表格，并用表格实现页面布局

1、介绍素材库中各类素材

2、提醒学生网页上的图片和动画应少而精，以免影响浏览速度

3、介绍表格的嵌套

4、分析学生网页，用表格演示页面布局

1、选择合适的素材插入网页合适位置，2、设置图片和动画的大小、对齐方式和边框

3、设置网页背景和音乐

4、在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑

5、用表格规划页面内容 5--6

1、小组合作，建立并充实主页内容。

2、建立页间链接，并学会通过预览功能测试链接

3、学会创建书签链接、邮件链接和图片链接

4、建立URL链接

5、初步学会创建图象的热区链接

6、对每个链接进行测试

1、分析学生操作错误原因，页间链接应使用相对路径

2、演示超级链接的建立、使用预览功能测试链接

3、分析一个主页，让学生找出不同的超级链接

4、讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答

5、错误原因分析，URL链接使用绝对路径

1、创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确

2、学会使用相对路径

3、选择内容较多的页面建立书签链接

4、在图片上练习图片链接和热区链接

5、为酷站链接和站长信箱建立正确的链接

6、加深URL地址的认识

7、对每个链接进行测试 7

1、学会插入滚动字幕

2、学会使用悬停按钮

3、学会插入站点计数器和横幅广告管理器

4、小组网页初步组合

1、逐个检查各小组网页的制作进展，并给出评估意见

2、参与网上讨论、答疑

3、讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件

1、在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式

2、在主页上插入计数器和横幅广告管理器

3、选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象

4、设置网页的动态效果

1、各组网页演示、互评

2、网上投票推选优秀网页和网页制作高手

3、每位同学自评

1、组织小组网页互评

2、为每个学生的作品打分

1、积极参加小组互评

2、投票推选优秀网页和网页制作高手

3、认真小结本人学习情况，并如实打分自评

六、教后体会

a)以任务驱动的方式编排教学内容，使学生围绕信息处理提出任务、自主探索并完成任务。b)网页制作单元的开始部分应首先介绍网页整体布局。通过浏览典型网页，分析页面的框架结构、内容安排、色彩搭配等关键问题，让学生了解评价一个网页的大致标准。学生设计网页时，就会自然地考虑到这些关键因素，有了较高的起点，作品自然不会差。反之，不利于激发学生学习和创作的欲望。

第三篇：用FrontPage创建网页教学设计

大海 发表于 2011-11-7 12:32:00

一、教学内容分析：

《用Frontpage创建网页》是海南出版社信息技术八年级下册第一章《建好网上的“家”——网页制作》中第一节的内容，用Frontpage创建网页教学设计。Frontpage是微软办公自动化软件Office中的一个极为重要的组件之一，它具有功能强大、操作方便等特点，是目前最为流行的网页制作与站点管理工具之一。Frontpage 既是简单实用的网页编辑器，又是一个浏览，有“所见即所得”的效果，创建网页的过程中还可以不时地在文本编辑器和浏览之间切换，以查看编写页面的效果。而且，八年级学生已经学过Word2003、powerpoint2003的操作，而它们又出于同一家族，它们有许多相似之处，Frontpage的许多菜单、工具的操作会有一种似曾相识之感，教学过程中，要注意引导学生进行知识的迁移，这些都有助于学生轻松进入Frontpage的世界。

二、学生学情分析

教学对象是八年级的学生，他们质对许多事物充满好奇，求知欲强，学生的创作欲望强，表现力强，对于教师布置的任务能够认真对待。因此本节课中，鼓励他们独立完成作品，培养他们热爱自然、热爱环境、热爱家乡的意识。因为有Word软件的学习经验，学生在学习Frontpage 软件时会有似曾相识的感觉，很多的知识点都已学习过，所以教师不要拘泥于教材，要根据学生的实际情况，有的放矢，充分激发学生学习兴趣，最大限度挖掘学生的创造潜能。但是学生之间还存在一定差异，信息技术认知能力、实际操作能力和知识水平都存在一定的差异。

三、教学目标：

【知识与技能】

（1）初步了解Frontpage 2003的基本功能。

（2）掌握Frontpage 2003的启动和掌握在网页上文字的输入。

（3）熟悉Frontpage 2003窗口的组成。

（4）通过实例学会创建简单的网页和保存网页文件。

【过程与方法】

（1）能用Frontpage 2003制作简单网页；具有一定探索新应用软件的能力

（2）通过对比观察，培养学生利用已学知识去解决问题的能力，培养学生敢于尝试和自主探究的学习能力；培养学生的相互协作能力和知识的迁移能力。

【情感态度与价值观】

（1）激发学生热爱自然、热爱环境、热爱家乡的情感。

（2）激发学生的学习热情和创作热情，在亲历学习过程中，获取知识、体验成功，从而提高学习兴趣。

（3）培养审美意识，促进学生形成良好的审美观；提高信息素养。

（4）在合作学习中，学会交流与协作，提高学生的合作意识和合作能力。

四、教学重点和教学难点

【教学重点】 Frontpage 2003的启动以及Frontpage 2003的窗口组成。

【教学难点】 通过实例学会用Frontpage 2003创建简单的网页和保存网页文件。

【处理思路】 在介绍Frontpage 2003的窗口组成时运用比较法，打开Word 2003的工作窗口和Frontpage 2003的窗口进行比较，让学生找出他们相似之处和不同之处。如何在Frontpage 编辑器“普通”状态中简单地创建网页，预览网页，教师先进行示范操作、讲解。然后，学生完成练习，师生共同解决问题。

五、教学策略设计

本课内容设计中，注重创设教学情景，有效设计问题，激发学生的学习兴趣和求知欲，引导学生通过积极有效的独立自主的探究和比较，获得知识。在教学设计过程中，本人将本课的教学过程分为以下六个环节：

创设情境，激起兴趣（2分钟）

引出问题，尝试练习（8分钟）

任务分析，演示讲解（8分钟）

自主创作，小组协作（12分钟）

交流评价，体验成功（8分钟）

小结探究，课外延伸（2分钟）

六、教学方法

“创设情境法”、“比较法”、“任务驱动法”、“演示法”

七、教学准备

硬件：速龙多媒体网络教室，30台学生机

软件：Frontpage 2003软件，教师自制的教学课件，教师自制的网页

学生分组：把48名学生分为6个组，每组8人共用5台学生机，并由学生选好组长。

八、教学安排：1课时

九、教学过程（见下表）

教学环节 教师活动 学生活动 设计意图

一、创设

情境，激起

兴趣

（2分钟）

1、出示新浪网站的主页、三亚人民政府网主页等几个网站的主页，教学反思《用Frontpage创建网页教学设计》。

2、问：同学们，你们在网上冲浪过吗？

问：是否为浏览过的色彩缤纷的网页倾慕不已呢？

问：同学们想制作自己的网页吗？

其实我们只要学会使用制作网页的软件工具就可以了，老师相信你们通过学习一定能设计出更好的属于自己的网页。

3、出示网页《美丽三亚，浪漫天涯——我爱三亚》。学生看到可以上网，个个都很兴奋。答到：当然是上过啊。

是啊。

想，非常想！

欣赏

从学生感兴趣的主题入手，旨在激发学生的学习兴趣。

让学生在欣赏的过程中激发学生的学习热情，热爱环境、热爱家乡的情感。

二、引出

课题，尝试

练习

（8

分钟）

1、同学们知道这些网页是怎样做出来的吗？

2、展示课题：用Frontpage 创建网页

3、那么Frontpage2003能做些什么呢？

4、展示Frontpage 2003的功能，并做了简单的概述。

5、你们能启动你们计算机里的Frontpage 2003吗？

想一想，WORD 2003是如何启动的呢？如果想不起来的话，可参考我们的操作向导来完成操作。

6、任务一：练习启动 Frontpage 2003。（同学们想一想可以用几种方法来启动Frontpage 2003？）

【①开始——程序——Office 2003—— MicrosoftOfficeFrontpage2003

②双击“桌面”上的Frontpage 2003快捷方式】

7、同学们做得都很好，大部分同学都完成任务啦，哪位同学愿意把你所做的操作与同学们分享吗？

8、任务一同学们完成得都很好！希望大家再接再厉。（教师也对其中的不足加以指正。）用软件

思考

听

学生回忆以前学过WORD的基本操作方法，尝试运用到新软件操作中。

思考着并进行尝试操作

一个学生演示其操作过程

其它学生通过屏幕转播观看其学生的操作。

培养学生知识迁移的能力。

让学生在欣赏的过程中激发学生的学习热情，引发学生主动挖掘出本课的课题。

三、分析

任务，演示

讲解

（8

分钟）

1、比较Frontpage 2003窗口与Word 2003窗口的相似之处和不同之处。

教师小结：简单地介绍两者之间的异同。

2、那么老师的网页又是如何做出来的呢？

对于如何创建简单的网页进行一边讲解一边做简单的演示。

3、对于已经创建好的简单的网页又是如何保存的呢？

同学们，想一想在Word 2003中我们是如何保存文档的呢？

4、在编辑网页的过程中，想看看自己制作的网页的效果如何时，还可以用网页编辑器中的预览的网页。那么我们又是如何预览自己创建的网页呢？

进行操作演示网页的预览。结合屏幕上说出窗口的组成部分。讨论回答与WORD有哪些是相似的，哪些是有区别的？

小组内交流讨论

回答保存的操作。

结合课本第4页的内容进行回答。明确学生的学习任务，让他们通过讨论、交流，寻找解决问题的初步方案。

培养学生知识迁移的能力。

四、自主

创作，小组

协作。

（12分钟）假如，为了更好地推广三亚，让三亚走向世界，同学们能否利用Frontpage 2003来创建一个简单的“旅游三亚”的网页吗？并把网页保存在本班的文件夹中。

我们来比一比谁的网页更生动更吸引人。

1、根据任务要求进行作品创作。

2、小组成员之间相互交流、协作。

3、在教师帮助下对网页进行美化。

1、培养学生的探究能力，培养应用知识的能力，提高信息素养。

2、让他们通过讨论、交流和协作，培养学生与他人沟通的能力以及团队协作的精神。

五、交流

评价，体验

成功。

（8分钟）同学们的作品都完成的差不多啦，我们根据要求在组内进行互评。然后组长把本组内最优秀的作品上传到服务器的“八年级学生作品”中，与其它组的作品进行评比。

对各组选送出来的学生作品进行演示，并进行点评。最终还评出“最优秀作品”。

对各组选送出来优秀作品展示，其他学生进行点评，同时也对作品进行打分，从而评出“最优秀作品”。通过对作品的点评，学生不仅熟练掌握了信息技术的知识和技能，而且能将所学的知识灵活运用到自己创作的作品中，体会到了应用信息技术的乐趣和获得成功的喜悦。

六、小结

探究，课外延伸

（2分钟）通过今天这节课我们已经掌握了用Frontpage 2003来创建了一个简单的网页的基本操作。

我们要想使自己的网页更吸引人，呈现多姿多彩的画面，提高网页的点击率。同学们动动脑筋想想如何对你的网页进行修饰呢？

希望大家课后一起探讨，下次上课的时候再来对你的网页进行修饰，好吗？

留下疑问，让学生课后思考。

培养学生主动探究的能力。

十、课后反思

这节课是在比较学习，合作探究的基础上完成的。我本人认为这节课比较成功的地方有如下两点：

一是通过为学生展示Frontpage 网页时让学生感受到Frontpage 的魅力，激发兴趣，创设学习情境。这为本节课教学的顺利完成打下良好的基础。

二是本节课设计中利用Frontpage 2003与Word2003的比较让学生感到比较亲近，比较有利于Frontpage 2003的入门学习。

这节课的不足之处是由于学生个体差异比较大，班级人数过多，计算机少，有的学生甚至让别人来完成自己的任务。所以在今后的教学中，对个别人偷懒的应个别关注。

第四篇：网站建设合同（七）

甲方：____________（以下简称甲方）

地址：____________________________

电话：____________________________

联系人：__________________________

乙方：____________（以下简称乙方）

地址：____________________________

电话：____________________________

联系人：__________________________

甲乙双方本着平等互利的原则，通过友好协商，就更好的利用互联网资源，为甲方建立互联网站，特订立本合同。

一、合同内容

甲方委托乙方进行网站建设，其中包含域名申请、虚拟主机申请、信箱申请、网页制作、网站维护等。

二、甲、乙方权利、义务和责任

1．甲方须在本合同规定的时间内向乙方提供齐备网站内容资料（文字、图片、音频、视频等），并保证该资料不违反国家法律、法规，不侵犯任何第三方的权利，否则由此引起的全部责任由甲方自己完全承担，与乙方无任何关系。

2．甲方积极、及时向乙方提出对网站制作明确的需求和要求、建议等或配合乙方人员明确网站制作的需求、要求和详尽事宜等，授权指定一甲方内部人员或其他项目监理公司的人员作为该网站制作项目的负责人，该负责人应及时对乙方的工作进度和成果进行确认、验收及代表甲方及时明确具体要求或提出意见、建议等，全力配合乙方以最高的效率在规定的时间内完成该网站制作项目。

3．甲方同意，本合同的签署意味着甲方授权乙方在履行本合同时可以使用甲方的名称、商标、域名、企业标志等，但此等使用不能损害甲方的利益。

4．甲方应自合同签订之日起2个工作日内向乙方支付定金，乙方收到定金后方开始着手制作。甲方不在合同规定时间内支付定金的，视为违约，乙方有权拒绝履行或单方终止该合同并有权收取甲方相当于总制作费5%的违约金。

5．甲方必须在合同规定的时间内，完成网站建设规定的内容，否则乙方每天支付合同总金额的1%，由于甲方未及时提供资料而导致乙方工作不能按时完成的，乙方不负任何责任，并有权向甲方提出延期要求，延期时间由双方协商确定。

6．甲方须以书面形式对乙方制作好的网站进行验收确认，乙方制作好的网站一经甲方验收合格，乙方的制作任务即告完成，甲方应在验收后2个工作日内向乙方支付其余的制作费。

7．甲方可以向乙方或第三方互联网服务商购买域名注册、网站空间、企业邮箱、网站维护、网站推广等服务。采用第三方的网站空间时乙方应给予必要的配合和协助。

8．乙方确保该网站的制作的质量及不侵犯第三方权利。

9．本合同标的及相关作品、程序、文件源码的版权属乙方所有，但乙方授予甲方排他的使用权。未经乙方许可，甲方不得公布文件源码，不得复制、传播、出售或者许可他人使用标的作品及其程序等。乙方可以在业务范围内使用这些作品。

10．乙方应对涉及甲方商业秘密的事项保密，应确保甲方提供的资料和信息等不向任何第三方提供并于项目验收通过后及时将其载体归还给甲方。

11．乙方会给出电子文档形式的《网站操作说明》并指导甲方操作该网站。

12．本合同签订后，经双方当事人协商一致，可以对本合同有关条款进行变更或者补充但应当以书面形式确认。上述文件一经签署，即具有法律效力并成为本合同的有效组成部分。

13．任意一方欲提前解除本合同，应提前通知对方。甲方提前解除合同的，无权要求乙方返还已支付的费用并应对乙方遭受的损失承担赔偿责任；乙方无故解除合同的，应双倍返还上述费用。本合同其他条款对合同的解除另有约定的，从其约定。

14．因不可抗力或者其他意外事件，或者使得本合同的履行不可能、不必要或者无意义的，任一方均可以解除本合同而不承担责任。

三、付款方式及合同期限

1．域名管理年费：人民币___________元/年。主机空间租用费___________元/年。企业邮箱___________元/年。域名、空间、企业邮箱费用合计___________元/年。

网站制作费：___________元，维护费：___________元/年，合计___________元。

2．本合同签定之日起两日内，甲方必须支付给乙方___________%的定金，网站制作完成并上传到虚拟主机后，甲方必须付清其余款项。

3．本合同自___________年_______月________日起，到___________年________月________日止，时间到后，合同自行解除。如果甲方续签合同，则另签合同。

四、此协议一式两份，双方各执一份。此协议自双方签字盖章之日起生效。

甲方：_______________ 乙方：_______________

甲方代表：___________ 乙方代表：___________

______年_____月____日 ______年____月_____日

第五篇：网站服务合同（七）[定稿]

甲方：__________________________

乙方：______信息技术发展有限公司

1．乙方提供的服务内容

乙方负责向甲方提供_______服务网（以下简称服务网）平台服务，供甲方进行对外宣传、内部管理、交易等方面服务，具体内容包括：网站广告、行业新闻、综合新闻、企业黄页、商业贸易、精品购物、企业招聘、中小企业asp服务、在线帮助等有关的网络服务。

2．使用规则

2．1　甲方在使用乙方服务网时，必须向乙方提供真实、准确的相关资料． 甲方保证不以他人资料在服务网进行注册或认证。

2．2　甲方在登记过程中，您将选择会员注册名和密码。您须自行负责对您的会员注册名和密码保密，且须对您在会员注册名和密码下发生的所有活动承担责任。

2．3　乙方为保障甲方的数据保密建议甲方使用ca电子数字证书。（企业无ca电子数字证书将无法使用服务网的信息发布、网上交易等功能，经甲方同意乙方可向甲方提供ca电子数字证书。年使用费____元）

3．甲方在使用乙方服务网时应遵循以下原则

3．1　使用信息服务不作非法用途。

3．2　不扰乱网络服务。

3．3　遵守所有使用服务的网络协议、规定、程序和惯例。

3．4　用户和会员应当保证其发布和传输内容的合法性。

3．5　用户和会员不得在商业服务网上论坛、上传程序以及留言评论处发布、传播任何非法的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的和淫秽的信息资料（包括文字与图片）。

3．6　用户和会员不得散布、传输任何教唆他人实施犯罪行为的资料；不能发布、传输危害国家安全的资料；不能发布、传输违反中国法律、法规及相关国际法规的任何资料。

3．7　因用户违反以上义务造成服务网或其他用户损失的，该用户应承担赔偿费用及因受害方采取法律手段所发生的律师费用以及其他可能需要的费用。

3．8　履行本声明规定的其他义务。

3．9　用户应根据本协议的规定，及时向服务网支付所发生的各类服务费用。

3．10　用户违反本协议的规定，致使用户发布的信息被服务网删除以及被服务网中断或终止服务的，应当向服务网支付已经发生的各类服务费用。

4．乙方的权利义务

4．1　乙方有义务在技术上确保整个服务网的正常运行，保证用户网上宣传、信息上传、交易活动的顺利进行。

4．2　乙方有义务建立健全公司内部规章制度，保证用户资料的安全。

4．3　在不可抗力情形下，乙方应采取适当措施减少用户因不可抗力而遭受的损失。

4．4　对甲方在注册使用服务网各项服务中所遇到的问题及反映的情况，乙方有义务及时做出回复。

4．5　对于甲方在服务网上有显而易见的违法行为、不当行为或违反本协议规定的行为，乙方有义务及时作出删除相关信息等处理。

4．6　乙方有权对甲方的注册资料及交易行为进行查阅，发现注册资料或交易行为中存在问题，有权向乙方发出询问或要求改正的通知。

4．7　国家生效法律文书或行政处罚决定确认甲方存在违法行为，或者乙方有足够事实依据可以认定甲方存在违法或违反服务协议行为的，乙方有权在服务网上以网络形式公布甲方的违法行为。

5．其它

5．1　合同期满后，如果甲方继续保留原有网上内容，需按时续费，乙方继续提供相关服务。甲方必须提前通知乙方续费事宜。

5．2　本协议书经双方签字，甲方向乙方支付服务费用后即生效。如乙方不能履行以上相关协议，需向甲方返还支付的服务费；如甲方不能履行以上协议，乙方不提供服务网的服务。本协议一式两份，甲、乙双方各执一份，签字盖章有效。

特别备注：

乙方已从_______市商务局、_______市科委得到了_______服务网初期运营经费的支持，所以入网的企业将免费获得乙方提供服务网一年期各项功能的服务。时间为_____年_____月_____日至_____年_____月_____日。

甲方：（签字盖章）_________

_______年_______月_______日

乙方：（签字盖章）________

_______年_______月_______日

甲方：_____________________

联系电话：_________________

传真：_____________________

联系地址：_________________

邮政编码：_________________

网址：_____________________

电子邮件：_________________

乙方：_____________________

联系电话：_________________

传真：_____________________

联系地址：_________________

邮政编码：_________________

网址：_____________________

电子邮件：_________________