高一frontpage制作网页教程(二)

第一篇：高一frontpage制作网页教程(二)

应用frontpage制作网页

（二）一、网页美化

A、添加网页背景：即整个网页的背景。

在编辑窗口中选择“普通”选项卡，在编辑区单击右击选择“网页属性”调出“网页属性”对话框，选择“背景”选项卡。1． 背景图片：在“背景图片”前打上勾，单击“浏览”按钮，弹出“选择文件”对话框，选择要应用的背景，单击“确定”按钮； 2． 水印：可以设置背景图片是否采用水印。3． 背景颜色：如果背景中不要添加图片，只添加颜色，只须在打开“背景”颜色的下拉列表中选择要应用的颜色，按“确定”即可。

B、表格属性设置：

在编辑窗口中选择“普通”选项卡，在编辑区单击右击选择“表格属性”调出“表格属性”对话框。

1． 布局：

即表格相对于整个网页的布局。

“对齐方式”分别有“默认”“左对齐”“右对齐”“水平居中”“两端对齐”； “浮动”，分别有“默认”“左对齐”“右对齐”三个选项；

（当“对齐方式”和“浮动”相矛盾时，优先选择“浮动”设置。）“指定高度”和“指定宽度”：有“象素”和“百分比”两种方式选择，分别进行绝对或者相对位置的设置； 2． 边框：即表格边框的设置。

粗细：指表格边框的线条粗细，若“粗细”设置为“0”，则表格边框不可见，即隐藏。数值越高，边框越粗。

颜色：即表格边框的颜色，可在下拉列表中选择； “亮边框”和“暗边框”：对四面边框分别进行设置。其中“亮边框”是指上边框和左边框，“暗边框”是指右边框和下边框。

3． 背景：即对表格背景进行设置。

有“颜色”和“背景图片”两个选择。

C、单元格属性设置：

在编辑窗口中选择“普通”选项卡，在编辑区单击右击选择“表格属性”调出“单元格属性”对话框。

“布局”中的对齐方式分为“水平对齐方式”和“垂直对齐方式”两种，是指单元格中内容的对齐方式，包括图片和文本。

单元格的其他属性设置与表格属性设置基本相似。

二、超级链接

超链接是从一个网页指向另一个目的端的链接，例如指向另一个网页或者相同网页上的不同位置。这个目的端通常是另一个网页，也可是一一幅图片，一个电子邮件地址，一个文件或者一个程序。超链接可以是文本或者图片。

Frontpage设置了四种超链接的按钮：使用web浏览器来选择网页或文件；制作一个指向本地计算机上文件的超链接；制作发送电子邮件的超链接；创建一个网页并链接到该网页。

A、插入超链接

1． 链接文本或图片： 前提：有已经做好的web页面或图像或文本，才可进行链接；

步骤：选中要链接的文本或图片——》单击工具栏上的“超链接”按钮或者在右键快捷菜单种选择“超链接”——》在URL文本框中输入地址或者利用“制作一个指向本地计算机上文件的超连接”按钮来选择要链接的文本或图片——》确定。

2． 创建internet链接：打开“超链接”对话框，直接在URL文本框中填入要连接的internet地址，单击确定即可。

3． 链接电子邮件：选择要作为超链接的文本或者图片，打开“超链接”对话框，单击“信封”按钮，输入需要链接的邮箱地址，按“确定”即可。

注意：超链接的激活——在网页编辑模式中切换到“预览”模式，当我们把鼠标指向创建超链接的文本或图片时，鼠标变成手形，说明该图像已经具有了超链接，单击即可实现切换；在“普通”模式中要激活超链接，必须按住ctrl键。B、超连接颜色设置

打开网页属性对话框“背景”选项卡——》启用超链接翻转效果：当选择该项时，可以对超链接效果进行设置，即当鼠标移到超链接文字上时的文字格式。可以产生简单的动态效果。

打开网页属性对话框“背景”选项卡——》超链接颜色设置，分为超链接、已访问和当前三种颜色设置。C、取消超链接

选中要取消超链接的文本或图片，打开“超链接”对话框，将URL文本框中的内容删除，按“确定”即可。

三、插入多媒体

A、如何使用音频

1． 插入音频

利用插入，在播放多媒体时并不依赖插件，只和我们使用的浏览器有关。Internet explorer可以支持插入的音频的播放。

步骤：打开“网页属性”对话框，在“常规”选项卡 “背景音乐”中单击“浏览”按钮，选择要插入的音频文件，单击“确定”按钮。可以设置播放次数，默认情况下时循环播放。用户无法控制播放方式。

注意：可以插入的音频文件格式有：wav mid ram ra aif au 2． 嵌入音频

嵌入要使用插件来播放音频文件，离开了插件，嵌入的文件就不能够正常的播放。步骤：“插入”菜单——》高级——》插件

在打开的“插件”属性对话框中单击“数据源浏览”按钮，选择要播放的音频文件（.wav.mid.snd.au），单击“确定”即可。

在普通模式下，为了表示插入音频的位置，frontpage会使用插头标记，而当切换到预览模式时，音乐就自动播放了，而且插头变成了一个播放器。这个播放器的名字叫“active movie”。

可以通过右键的快捷菜单打开“插件属性”对话框进行有关设置，包括“数据源”、“浏览器不支持插件时显示的消息”以及插件的大小、布局等，并可设置插件是否隐藏。

3．链接音频 B、如何使用视频

1． 插入视频：

和音频一样必须浏览器支持才可以正常使用。

步骤：设置插入点——》插入——》图片——》视频

在打开的“视频”对话框中选择要插入的视频文件，单击“确定”。切换到预览模式，视频就自动播放了。

在插入的视频上单击鼠标右键，选择“图片”属性命令，单击“视频”选项卡，可以对插入的视频进行设置。

2． 嵌入视频

步骤：设置插入电——》插入——》高级——》插件

在出现“插件属性对话框”中单击“数据源浏览”按钮，选择视频文件，按“确定”。

和音频文件一样，嵌入的视频文件需要使用插件来播放，因此用户可以方便地控制媒体的播放。3． 链接视频

第二篇：用FrontPage制作网页课件教程

用FrontPage制作网页教程

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。【教学内容】

一、FrontPage 基本操作

1.启动 FrontPage ： 双击桌面上的 FrontPage 快捷方式图标； 开始→程序→ Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。2.打开或隐藏视图栏、文件夹列表和网页文档

a.点“视图 → 视图栏”打开或隐藏视图栏。点“视图 → 文件夹列表”打开或隐藏文件夹列表。

b.右击 扩展名为 htm 或 html 网页文件（如 index.htm），选“编辑”，系统默认用 FrontPage 打开网页。

c.点“文件 →打开”或点 常用工具栏中的“打开”按钮，从本地磁盘或网络驱动器中打开网页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。3.在 FrontPage 编辑器中预览网页

a.点普通视图按钮，观察刚才打开的 index.htm 网页。b.点 HTML 视图按钮，观察 index.htm 网页。c.点预览视图按钮，观察 index.htm 网页。

4.FrontPage 视图方式： 网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。

5.保存网页： 点“文件 →保存（另存为）”或点 常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。6.关闭网页： 点“文件 →关闭”或文档窗口 中的“ X ”按钮，关闭当前网页。

二、网页课件制作实例 1.创建站点

（1）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。

（2）启动 Microsoft FrontPage。

（3）点“文件 → 新建 → 站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（D:myweb），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。2.建立框架网页

（1）点“文件 → 新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左 框架和 右 框架 3 个区域。

（2）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入 → 组件 → 字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、gif 动画或 Flash 动画。

（3）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。（4）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

（5）点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意框架网页的命

名要与框架一一对应起来，即 top.htm 对应上 框架 网页，left_frame.htm 对应左 框架 网页，right_frame.htm 对应右 框架网页，index.htm 对应整个 框架。3.建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它，在右边的编辑区制作完成“导入”网页。点 常用工具栏上的 “保存”按钮。用同样的方法创建“新课”网页 xinke.htm、“课堂练习”网页 ktlx.htm、“知识扩展”网页 zskz.htm、“课堂小结”网页 ktxj.htm、“网上学习资源”网页 wsxxzy.htm、“课外探究”网页 kwtj.htm。4.制作超链接

双击“文件夹”窗格中的 index.htm（主页）, 在 左 框架网页目录区选中表示 “情境导入”的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main，点“确定”。用同样的方法将“新课”与 xinke.htm、“课堂练习”与 ktlx.htm、“知识扩展”与 zskz.htm、“课堂小结”与 ktxj.htm、“网上学习资源”与 wsxxzy.htm、“课外探究”与 kwtj.htm 建立超链接关系。

点“预览”按钮，点左框架网页目录区的超链接，看它所对应的网页是否在右框架区正确地显示。．完善课堂练习网页

双击“文件夹”列表中的 ktlx.htm，在右 框架区 输入练习题（例如一道有 A、B、C、D 四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”，该评价网页存放回答正确的反馈信息。双击它，点“插入 → 图片 → 来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选“ images ”文件夹(默认存放站点图片的文件夹)，点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ wrong.htm ”，该评价网页存放回答错误的反馈信息。回到课堂练习网页 , 依次将 A、B、C、D 四个选项链接到评价网页 , 目标框架设“新建窗口”，即在新窗口中打开评价网页。保存后预览。

第三篇：用FrontPage制作网页课件教程汇总

用FrontPage制作网页课件

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。

【教学内容】

现在越来越多的课件是用网页制作工具来制作，并结合数据库、ASP 等技术来加强课件的交互性。网页形式的课件可以集成丰富的多媒体信息，具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点，适合于个别化学习、课堂教学和网络教学。网页课件的开发工具软件有很多，包括：

• 语言编程如 HTML、D HTML、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML 等。

• 所见即所得的可视化编辑工具，如 FrontPage、Dreamweaver、Flash、Authorware、PowerPoint、CourseBuilder 等。

对于一般都有繁重教学任务在身的学科教师来说，没有太多的精力去学习复杂的编程语言。可视化网页编辑工具由于源代码自动生成，使教师可以有更多的精力关注内容的表达和教学设计。

用 FrontPage 编制的网页课件有较易操作的界面（与上网浏览网页完全相同），一门课程或一堂课的脉络结构（知识结构）可以在主页上用菜单（树形菜单或弹出菜单）或导航条的形式清楚地表明，可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等，甚至操作注意事项。FrontPage 被公认为最好的入门级的网页编辑工具。

一、FrontPage 基本操作

1.启动 FrontPage ： 双击桌面上的 FrontPage 快捷方式图标； 开始→程序→ Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

2.打开或隐藏视图栏、文件夹列表和网页文档

a.点“视图 → 视图栏”打开或隐藏视图栏。点“视图 → 文件夹列表”打开或隐藏文件夹列表。

b.右击 扩展名为 htm 或 html 网页文件（如 index.htm），选“编辑”，系统默认用 FrontPage 打开网页。

c.点“文件 →打开”或点 常用工具栏中的“打开”按钮，从本地磁盘或网络驱动器中打开网页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。

3.在 FrontPage 编辑器中预览网页

a.点普通视图按钮，观察刚才打开的 index.htm 网页。

b.点 HTML 视图按钮，观察 index.htm 网页。

c.点预览视图按钮，观察 index.htm 网页。

4.FrontPage 视图方式： 网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。

5.保存网页： 点“文件 →保存（另存为）”或点 常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。

6.关闭网页： 点“文件 →关闭”或文档窗口 中的“ X ”按钮，关闭当前网页。

二、设计网页课件的框架结构

三、在网页中插入表格、图像、背景、剪贴画、声音、视频 和动画等多媒体对象

1.插入表格

插入 到网页上的文本、图片、音频、视频、动画等元素，往往看起来显得不够整齐，为了使网页更美观，我们利用表格来控制复杂的网页布局，即 用 表格来定位 网页元素。

(1)点“表格 → 插入 → 表格”，输入行数、列数（如 3 列 5 行），插入一个规则表格，设置表格的属性。

(2)用“表格”工具栏上的 按钮或“表格”菜单上的“插入行或列”命令来增加 表格的 行或列。

(3)用“表格”工具栏上的按钮删除一个单元或多个单元，删除一行、多行或一列、多列，删除整个表格，表格删除后立即按“常用工具栏”中的“撤消”按钮或按“ Ctrl+Z ”恢复表格；选择单元格或单元格中的内容用鼠标把选择的内容拖到新位置进行移动；按住 CTRL 键，再用鼠标把选择的内容拖到新位置进行复制。

(4)选中需要拆分的单元，单击“表格”工具栏上的按钮或使用“表格”工具栏上的“笔”拆分单元格；选中需要合并的单元，单击“表格”工具栏上的按钮或单击“表格”工具栏上的(擦除)按钮合并单元格。经过处理，3 列 5 行的表格 变成 1 列 4 行。

2.插入图像和背景图象 将鼠标定位到要插入图片的位置（如某个单元格内），单击“常用工具栏”上的“插入图片”按钮，从已建站点的图片文件夹中 选择 合适 的图片，点击“确定”。也可以 在“图片”对话框中点击“插入一个计算机中的图片”按钮，FrontPage 编辑器将打开“选择文件”对话框，从本地磁盘中指定一个图像文件。

右击网页空白处，选“ 网页属性 ”快捷命令，单击“ 网页属性 ”对话框的“背景”选项卡，先选中“背景图片”复选框，选择合适的图像作为背景图插入网页，点击“确定”按钮。

3.插入剪贴画

点“插入”→“图片”→“剪贴画”命令，选择一幅剪贴画，单击“插入”按钮，或直接双击剪贴画。

4.插入声音或视频剪辑

选择“插入”→“高级”→“插件”命令，打开“插件属性”对话框，单击“浏览”按钮，打开“选择插件数据源”对话框，从站点文件夹或本地计算机上指定要播放的声音或视频文件。调整网页中插件图标到合适的尺寸。

5.修改图像属性

右击网页中的图像，选“图片属性”命令，在“常规”选项方式下指定图像的格式（例如 jpg 和质量 75）；在“文本”框内简单地描述图像；单击“外观”选项卡，指定图像无边框即边框线宽度为 0，指定图像与相邻的文字或图像之间的水平间隔和纵向间隔，要改变图像的大小，首先选中“大小”框内的“指定大小”复选框，然后分别指定图像的宽度和高度。熟悉“图片”工具栏：创建自动缩略图；调整图像的黑白对比度和亮度；给图像加上斜面边界；把彩色图像变成黑白图像；把图像翻转；修正图像；裁剪图像；淡化图像；把图像恢复原样；在 GIF 格式的图像上写文字；使 GIF 图像透明等。

6.插入水平线美化网页

网页水平线用于把网页分隔成几个部分。新建或打开网页文档，把插入点移到要插入水平线的地方，单击“插入”菜单上的“水平线”命令。要把水平线插入在下一行，就把插入点定在行尾。在水平线上单击鼠标右键，在弹出的菜单中选择“水平线属性”命令，也可直接双击该水平线，设置水平线的宽度、水平线的对齐方式和水平线的颜色。

四、在课件网页中使用书签和超级链接接

1.书签的作用

书签用于在长网页内部快速跳转和定位。

2.创建书签 网页

从 Web 网页上复制一篇比较长的文本，粘贴（选择性粘贴：无格式文本）到新建网页中。选择要标记的位置，单击“插入”菜单中的“书签”命令。FrontPage 编辑器将显示“书签”对话框。在“书签”框中键入书签名称（最好用西文命名），书签名称应具有较好的描述性，然后单击“添加”按钮。可看到标签小旗出现在期望定位的位置上。用同样的方法创建其它书签。

在网页顶端创建系列提纲（目录）文本，选中其中一个，右击文本，选“超链接”，在“链接到”栏中点“本文档中的位置”，在书签列表中选中合适的书签，确定。用同样的方法给其它的提纲（目录）文本建立超链接。保存网页，在 IE 中预览。

3.超级链接

使用超级链接，不仅可使站内的网页成为一个有机整体，还可使不同的站点之间建立联系。例如，在制作“网上学习资源”网页时，需要给所列出的大量的网上学习资源的标题文字设置超链接，以便访问者通过点击网页上的标题文字打开相对应的学习资源。首先选中标题目文字，然后单击标准工具栏上的“超级链接”按钮，在弹出的“创建超链接”对话框中指定超级链接所对应的网页，或在 URL 文本框中填入网页的地址即可。

4．创建图像热点作为超级链接接

新建或打开包含有复杂图片（如地图或大型仪器图片）的网页。练习创建图像热点作为超级链接接。例如，在世界地图片上的“国家地区”区域处创建一个热点，指定它跳转到“按国家地区查询”的主页上。方法是：首先单击图像，编辑器将显示“图片”工具栏，选择“图片”工具栏上的“图片”按钮，把光标移到图像上，光标将变成笔状，按住鼠标左键在图像上画出热点。释放鼠标后，FrontPage 编辑器自动打开“创建超级链接”对话框，在此指定该热点要跳转的目标网页或网址。制作好后在 IE 浏览器中预览。

5.改变超级链接的外观

选择某文字超级链接，单击“格式”菜单上的“背景”命令，打开“网页属性”对话框的“背景”选项。把该超级链接的颜色改为另一种更醒目的颜色，预览一下，看超级链接文字是否发生变化。试着用不同的颜色表示未访问过的超级链接(Hyperlink)、访问过的超级链接(Visited Hyperlink)和将要访问的超级链接(Active Hyperlink)。看看改变超级链接的外观的效果。

6.编辑超级链接属性

右击超级链接，选“超级链接属性”，FrontPage编辑器将打开，在URL框内键入新的网页文件名或网址。观察改变后的效果。

7.取消超级链接

右击超级链接，选“取消超级链接”命令。

五、插入活动元素-让课件网页活起来

1.制作悬停按钮 定位插入点，单击“插入” / “组件” / “悬停按钮”，打开“悬停按钮”对话框。把动态按钮默认标签“按钮文本”，改成所需的按钮文字，单击“字体”按钮，在打开的“字体”（字体）对话框里设置您所需标签的字体。要为动态按钮创建超级链接，可直接在“链接到”框内键入要跳转的 URL，也可单击“浏览”按钮，从当前打开的网站、WWW、本地磁盘中指定跳转目标。可重新指定按钮的前景颜色，不过如果按钮显示的是图像，前景颜色无效。当用户把鼠标移到动态按钮上时，按钮的颜色将自动发生变化，这是动态按钮最大的特色，至于颜色是怎样变化的，可通过“效果”和“效果颜色”框设定。还可改变按钮的宽度和高度（以像素为单位）。动态按钮还有一些高级用法，单击“自定义”按钮，在“自定义”对话框可设置播放声音或音乐和在动态按钮上显示图像等。

2.制作横幅广告

定位插入点后，单击“插入” / “组件” / “横幅广告管理器”命令，打开“横幅广告管理器”对话框。单击“添加”按钮从图片目录下分别获取图片序列（例如 01.gif ~ 04.gif），设置宽度、高度、渐变效果、显示每幅图片时间。要为横幅广告创建一个超级链接，只需在“链接”框内键入跳转目标的 URL，或者单击“浏览”按钮定位跳转目标。

3.制作字幕

定位插入点后，单击“插入” / “组件” / “字幕”命令，打开“字幕属性”对话框。在“文本”框内键入要显示的字幕内容，设定文字游动“方向”、“速度”、“表现方式”、“文本对齐方式”等选项。在“表现方式”框内，可指定字幕游动的方式，默认是“滚动条”，如果选“幻灯片”，表示当第一个字符而不是最后一个字符触及左边界时就停止游动，如果选“交替”，表示像钟摆那样在左右边界内摆来摆去。可任意设置字幕的宽度和高度，字幕的宽度和高度既可以按像素的绝对值给出，也可以按 Web 浏览器窗口的百分比给出。默认情况下，字幕周而复始，不停地游动，周而复始。您可让字幕只游动若干次，方法是，不选中“连续”复选框，然后在“次数”框内选择要游动的次数。此外，还可给整个字幕加上“背景颜色”。、插入 Flash 动画

方法一：“插入”→“ Web 组件„”→“高级控件”→“插件”

（1）将鼠标定位到要插入 Flash 动画 的位置，单击菜单命令“插入”→“ Web 组件„”，在“插入 Web 组件”对话框中“组件类型”列表框中选“高级控件”，再在右边点选“插件”，单击“完成”按钮。

（2）单击“插件属性”对话框中的“浏览”按钮，打开“选择插件数据源”对话框，选择要插入的 swf 课件，单击“打开”按钮。

（3）返回“插件属性”对话框，设置合适的“高度”、“宽度”等项，单击“确定”按钮。双击插入到网页中的插件，或右击，选“插件属性”，均可打开“插件属性”对话框，进行修改。

方法二：“插入”→“ Web 组件„”→“高级控件”→“ ActiveX 控件”

（1）用插件的方法播放.swf 课件，操作简单、实用，但如果要对.swf 课件进行更 多的控制，应在“插入 Web 组件”对话框中点选“ ActiveX 控件”，单击“下一步”，打开“插入 ActiveX 控件”对话框，在控件列表框中查看是否有 “ Shockwave Flash Object ”，如果有，点选它，单击“完成”按钮。如果没有，则点击“自定义”按钮，打开“自定义 ActiveX 控件列表”对话框，勾选“ Shockwave Flash Object ”控件，单击“确定”按钮，返回“插入 Web 组件”对话框，点选新增加的“ Shockwave Flash Object ”，单击“完成”按钮。

（2）这时网页中会出现一块白色矩形区域。用鼠标双击它，在弹出的“ ActiveX 控件属性”窗口中有三个选项卡，选“ Flash 属性”，设置好各选项。图中各选项的含义是：

• 影片 URL ：输入或粘贴要插入的 Flash 动画的链接地址；

• 品质：默认为“ High ”（高质量播放），推荐选择“ Best ”（最优播放）；

• 比例：推荐选择“ Show All ”（完全显示）；

• 播放：务必勾选；

• 循环：是否勾选该项取决于 Flash 动画的内容，通常要勾选该项；

• 显示菜单：通常勾选该项；

• 窗口模式：默认为 Window，通常无须更改；

• 其它选项如“嵌入影片”、“设计字体”、“排列”、“背景颜色”通常按默认设置即可。

六、在 课件中巧用框架 ．创建框架网页

使用“文件”菜单上的“新建”，在“新建”对话框上单击“ 框架 ”选项，选择“横幅和目录”模板，单击“确定”按钮。．把制作好的三个独立网页，指定到左 框架、右 框架 和上 框架

单击上面框架网页的“设置初始网页”按钮，弹出“创建超级链接”对话框，在站点目录中选中上网页（top.htm），“确定”。按同法把左网页（left_frame.htm）和右网页（right_frame.htm）分别指定到左 框架 和右 框架上。． 框架的基本操作

单击一个框架内的任意地方，该框架就被选中，成为当前活动的框架。该框架中的网页也就成为当前活动的网页。把光标移到框架与框架之间的分隔线上，等光标改变形状后单击，可以选择所有的框架。．改变框架的尺寸 把光标移到框架的边框上，等光标改变形状后拖动边框，直到框架拖拉成最适合各网页框架大小。．修改框架的属性

选择某框架，在框架上单击鼠标右键，在弹出的菜单中选择“框架属性”命令，在“选项”框内，选中“可在浏览器中调整大小”复选框，指定“显示滚动条”为“从不显示”。单击“框架网页„”按钮，在“网页属性”对话框，选中“显示边框”复选框。单击“确定”按钮 2 次，完成设置。．保存框架网页

点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意框架网页的命名要与框架一一对应起来，即 top.htm 对应上 框架，左网页 left_frame.htm 对应左 框架，右网页 right_frame.htm 对应右 框架，index.htm 对应整个 框架。

七、网页课件制作实例

1.创建站点

（1）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。

（2）启动 Microsoft FrontPage。

（3）点“文件 → 新建 → 站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（D:myweb），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。

2.建立框架网页

（1）点“文件 → 新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左 框架和 右 框架 3 个区域。

（2）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入 → 组件 → 字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、gif 动画或 Flash 动画。

（3）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。

（4）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

（5）点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意 框架网页的命

名要与框架一一对应起来，即 top.htm 对应上 框架 网页，left_frame.htm 对应左 框架 网页，right_frame.htm 对应右 框架网页，index.htm 对应整个 框架。

3.建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它，在右边的编辑区制作完成“导入”网页。点 常用工具栏上的 “保存”按钮。

用同样的方法创建“新课”网页 xinke.htm、“课堂练习”网页 ktlx.htm、“知识扩展”网页 zskz.htm、“课堂小结”网页 ktxj.htm、“网上学习资源”网页 wsxxzy.htm、“课外探究”网页 kwtj.htm。

4.制作超链接

双击“文件夹”窗格中的 index.htm（主页）, 在 左 框架网页目录区选中表示 “情境导入”的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main，点“确定”。用同样的方法将“新课”与 xinke.htm、“课堂练习”与 ktlx.htm、“知识扩展”与 zskz.htm、“课堂小结”与 ktxj.htm、“网上学习资源”与 wsxxzy.htm、“课外探究”与 kwtj.htm 建立超链接关系。

点“预览”按钮，点左框架网页目录区的超链接，看它所对应的网页是否在右框架区正确地显示。．完善课堂练习网页

双击“文件夹”列表中的 ktlx.htm，在右 框架区 输入练习题（例如一道有 A、B、C、D 四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”，该评价网页存放回答正确的反馈信息。双击它，点“插入 → 图片 → 来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选“ images ”文件夹(默认存放站点图片的文件夹)，点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ wrong.htm ”，该评价网页存放回答错误的反馈信息。

回到课堂练习网页 , 依次将 A、B、C、D 四个选项链接到评价网页 , 目标框架设为“新建窗口”，即在新窗口中打开评价网页。保存后预览。

第四篇：Frontpage网页制作经验总结

【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的。

【关键字】Frontpage创建站点、新建页面、文字、超链接

现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。

工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。

在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。

同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。我们单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮，双击index.htm图标，看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气，同时也给了初学者一个良好的出发点。

那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。

现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，你看，FRONTPAGE提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。

创建页面最简单的就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。

网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。

如果有一个图形，怎么把它放到网页上呢？

首先要看你的图形是什么格式的，也就是它扩展名是什么 只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。

现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令，单击“来自文件”按钮。

在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。

如果要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框, 因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了

我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。

您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令，选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选

择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。

一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？ 其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面

1.htm”，单击“确定”按钮.在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。

如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“机软件”按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。

如果我要修改 单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。文字就修改完成了。

怎样使文字更丰富、活泼呢？一个简单的就是使用“格式”工具栏。

字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。

字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了

工具栏上的B、I、U图标的作用是：

按下B按钮，被选中的文字就会变为粗体

按下I按钮，被选中的文字就会变为斜体

按下u按钮，被选中的文字就会带下画线

字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。

还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。

设计好的页面，应该检查它在浏览器中是否显示正常。

方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNET EXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。

那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNET EXPLORER 5.0为例）单击“确定”

按钮。就可以看到新建页面在浏览器中的效果了。

怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？

在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。

那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。

我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的就可以了。还有一种超链接，可以链接邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。

这样我们就差不多完成了网页的制作步骤，最后可将它发布到Web服务器上。站点发布前还要对它进行检查工作，包括超链接，页面等。

【】

〈1〉乔春源，樊天岳等。信息技术。江苏技术出版社，2001年7月。

〈2〉李振格。Office入门与提高。清华大学出版社，2001年2月。

〈3〉王超锋。网页制作。人民邮电出版社，2001年10月。

第五篇：frontpage网页制作教案

Frontpage网页制作导学案

青州一中

刘志韩

文件——新建——网页 【学习目标】

1、包括网页制作基础知识

2、站点的规划和创建

3、网页文本和图片的处理、表格和框架的应用 【学习重难点】

1、建立一个主题网站

2、建设一个网站的步骤

3、网页的美化与特效的制作 【课前预习】

思考一下多媒体信息集成的方式有哪些？

【自主学习】

1、在www中，________是信息的主要组织和表现形式。

2、用________语言编写的网页实际上是一种文本文件，以.HTML或者.HTM为扩展名，可以使用任何文本处理软件（如记事本、word等）创作或修改。

3、制作网页常用的软件有_________________和_________________。

4、网页文件的扩展名有哪些？

5、网站开发的基本过程：

网站的规划——（）——（）——网站的发布与管理——网站的评价 【合作探究与指导】

三、网站的制作

1、创建站点

文件——新建——站点（选择或创建存储站点的文件夹）

2、网页的创建与编辑

3、插入对象 水平线 图片 字幕 悬停按钮

4、创建超级链接

在对象上右击选择超级链接——选择链接的目标。

5、使用表格

表格——插入（在制作网页的过程中用表格来布局网页）

6、在站点中查看网页的编辑及网页之间的链接情况。

分步骤操作练习题：

1、新建一个站点，只有一个空白网页的站点。

2、在首页上插入“我最喜爱的明星”，然后进行修饰。

3、再新建一个空白网页。重新命名为“周杰伦”。

4、插入图片“周杰伦”，文本“周杰伦”，排版设置后保存网页。

5、再建立一张空白的网页，重新命名为“刘亦菲”。

6、插入图片“刘亦菲”，文本“刘亦菲”，排版设置后保存网页。

7、分别在首页和“周杰伦”“刘亦菲”网页建立超级链接。操作练习： 【拓展任务】

以环保为主题，利用文件夹“环保”中的素材，制作一个5页的网站。

【当堂检测】

1.在网页制作中，我们经常用下列（）办法进行页面布局。

A.文字

B.表格

C.表单

D.图片 2.使用浏览器访问网站时，第一个被访问的网页称为（）。

A.网页

B.网站

C.HTML语言

D.主页 3.网页中可使我们进行选择性浏览的称为（）。

A.文字

B.图片

C.声音

D.超链接

4.在FrontPage2000中，要建立同一个网页内的链接点，让你点选某一链接后，迅速跳到同一网页内的另一个特定位置，应采用（）链接。

A.单元格

B.表单

C.书签

D.表格 5.FrontPage 2000中，下述关于图片与链接的关系表述正确的是（）。

A.图片不能建立链接

B.一张图片只能建立一个链接

C.图片要建立链接需经过处理

D.通过设置热区，一张图片可建立多个链接 6.在FrontPage 2000“网页”视图模式下，单击“普通”标签后，在出现的“普通”窗口中，可直接进行（）。

A.网页编排

B.观察网页在浏览器中的效果

C.编辑HTML代码

D.下载图片 7.网页制作的超文本标记语言称为（）。

A.VB语言

B.HTML语言

C.BASIC语言

D.ASCII 8.在Frontpage2000网页视图方式下，单击（）标签可直接编辑HTML代码？

A.普通

B.HTML

C.预览

D.编辑 9.在FrontPage 2000中，我们想要文字左右交替移动的效果，是下列（）效果。

A.字体

B.DHTML效果

C.字幕

D.悬停按钮 10.在FrontPage 2000表格单元格中，（）项目不能输入。

A.表格

B.图形

C.背景

D.声音

作业：以我们寒假生活为主题，从互联网上搜索的素材制作一个网站。

【阅读材料】

网站设计

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

四、选择合适的制作工具

网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新