FrontPage2003网页制作解读
第5章 FrontPage 2003网页设计
冶金工业出版社
5.3.4 插入文本区 文本区和文本框类似，都是用于输入文本，不同之处在于前者可以添加多 行文本记录。 5.3.5 插入复选框 复选框是一组可供用户选择的表单元素，一次可以选中多个表单元素。 1. 插入复选框 选择“插入”→“表单”→“复选框”命令，在网页视图中插入一个复选 框。 2. 设置复选框属性 右击复选框，在弹出的菜单中选择“表单域属性”命令，弹出“复选框属 性”对话框。 5.3.6 插入选项按钮 1. 在页面中插入选项按钮 选择“插入”→“表单”→“选项按钮”命令，从而在网页中插入一个单 选按钮。 2. 设置选项按钮属性 选项按钮的属性对话框与复选框按钮的属性对话框非常相似。 5.3.7 保存表单
5.6 应用主题
冶金工业出版社
主题是可应用在网页上的设计元素和颜色的方案组，使用主题可以使 网页具有一致性。 5.6.1 在一个网页上应用主题 在FrontPage 2003中，可以将主题应用到每一个单独的网页中，这样 可以更加自由地设置每一个网页的外观。 5.6.2 在多个网页上应用主题 不仅仅可以将主题应用在单个的网页上，也可以对多个网页应用主题。 5.6.3 在整个网站应用主题 对整个网站应用主题可以使网站有统一的风格。 5.6.4 修改主题 FrontPage提供了另一个体贴用户的功能，用户可以对主题样式进行 修改和设置。修改了一个预置的主题后，必须将其另存为新主题。在 FrontPage 2003中将这种修改主题称为自定义主题。
冶金工业出版社
5.4.6 网页 网页组件可将一个现有网页的列表文件插入到该网页 中。如果在同一Web网站上有许多网页需要一个或多 个相同的元素如每个网页顶端的广告，这时就可以使 用“网页”，在多个网页上包含这个相同的广告。 5.4.7 预定网页 插入预定的包含网页，可以实现在预定的时间段内外 要显示不同的网页。 5.4.8 替换 替换组件将在网页中插入网页配置变量的值。所添加 的网页配置变量会在FrontPage 2003资源管理器中列 出。
使用FrontPage_2003制作网页
（2）代码视图。该视图提供用户查看、编写和编辑 HTML标识的功能。
（3）拆分视图。该视图上半部分提供代码视图，下半 部分提供设计视图，可以使用户能够直观地看到编写的代码 在网页中的效果。
（4）预览视图。在该视图中用户可以在发布网页前提 前预览网页中的内容，以便于修改其中的某些细节部分。
第二节 站点的基本操作
（5）超链接视图。该视图将网站中所有的内部和外 部超链接的状态显示在一个列表中，并用图标表示超链接 已通过验证或已中断。选择“视图”→“超链接”命令， 即可切换到该视图。
（6）任务视图。该视图以列表的形式显示网站中的 所有已完成或尚未完成的任务，并在各个列标题下提供有 关各项任务的当前信息。选择“视图”→“任务”命令， 即可切换到该视图。
第八章 使用FrontPage 2003制作网页
第一节 FrontPage 2003概述 第二节 站点的基本操作 第三节 制作和美化网页 第四节 框架网页 第五节 表单和组件的使用 第六节 发布站点 第七节 应用实例——论坛首页 习题八
第一节 FrontPage 2003概述
现代社会是一个网络社会，人们在日常生活中离不开网络， 网络的诞生与发展，极大地方便了人们的信息交流和资源共享， 推动着信息社会的飞速前进。
（3）自定义站点。如果用户已对该软件非常熟悉，也 可以自定义创建站点，具体操作如下：
1）选择“文件”→“新建”命令，弹出“新建”任务 窗格。
2）在该任务窗格中的“新建网站”选项区中选择“由 一个网页组成的网站”选项，弹出“网站模板”对话框。
3）在该对话框中选择“空白网站”选项，并在右侧的 网站位置下拉列表框中输入网站的位置后，单击“确定” 按钮，即可创建一个只包含两个空白文件夹private和 image的站点，用户可自行创建主页及其他网页文件。
网页设计与制作 第4章 利用FrontPage 2003设计制作网页
注意：在创建站点选择路径时，最好选择某 个文件夹作为站点，而不要选择某个磁盘分 区（例如F盘）作为站点，否则可能会导致整 个磁盘分区瘫痪。
2．导入一个已存在的站点
首先选择“文件”菜单下的“导入”命令， 然后根据提示，依次选择需导入的站点即可。
3．将文件夹转换为站点
FrontPage 2003 中可以将一个已经存在 的文件夹转换为站点。
3．删除站点
在FrontPage 2003中选择“文件夹”视图，
并选择要删除的站点，单击“Delete”键，或右
击鼠标，从弹出的快捷菜单中选择“删除”命令。
注意：应用手动方式删除文件，删除的文件
会自动放置于“回收站”中，而应用“删除”命 令方式删除文件，被删除的文件直接从磁盘中删 除，是不可恢复的。
“代码”视图 亲自查看、编写和编辑HTML代 码。使用 FrontPage 2003中的优化代码功能，可以 创建干净的HTML，并且可以更容易地删除任何不 想要的代码。 “拆分”视图 以拆分的屏幕格式检查并编辑网 页内容，该视图能让用户同时访问代码视图和设计 视图。 “预览”视图 在无需保存网页的情况下，显示 与网页在Web浏览器中的外观相近似的视图。使用 此视图可以查看创建网页时所做的更改。
3．设置文本格式
（1）设置字体
在FrontPage 2003中设置字体格式的步骤如下：
① 首先选中相应文本，选择“格式”|“字体”命
令，打开 “字体”对话框。 ② 在“字体”标签中选择合适的字体、字形和大
小，在“字符间距”标签中设置字符间距。
另外，应用“字体”对话框的“效果”选项组， 还可以对文字设置不同的效果。
式
提供了多种网页设计模板、网页设计向导和主 题样式。使用这些模板、向导和样式，即使是初学
Frontpage 2003网页解答
Frontpage 2003网页制作解答A．四、网页编辑操作（5×6分=30分）启动FrontPage，打开主页index.htm，按下列要求设计，并以：7位学号-姓名.htm为名保存在D盘以你的学号命名的文件夹中1、设置网页标题为：湖州旅游网，在第一行左端插入图片bar81.jpg、中部输入红色文字“欢迎您到湖州来”，并调整二者的大小、相对位置至近似样张。
2、以表格方法来布局下半部网页内容，使图文混排的相对位置近似样张，隐去表格线。
3、在表格左上角建立具有灰色底纹的文本，并建立两个超链接，其中，“文化一讲义下载”，链接到test1.txt；“文化二讲义下载”，链接到test2.txt，目标框架均为“新建窗口”。
4、表格左中部插入图片tp86.jpg，然后分别对三个粉红区域建立热点，其中：“首页“与index.htm链接、“注册”与xjh.jpg相链接，目标框架均为“新建窗口”；“联系我”链接邮件地址为：abc@。
5、表格中部和底部的文本均取之于文件test1.txt中部分内容，表格右上角插入剪贴画“湖泊”中的图片，在剪贴画的左上角输入蓝色文字“湖州”，字体、大小自定。
注意：由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同。
答：1.启动FrontPage，打开主页index.htm，在其空白处点击右键在出现的快捷菜单中选择网页属性设置网页标题为：湖州旅游网，按要求插入图片、输入红色文字，调整大小至近似样张；2. 插入9行3列的表格并隐去表格线，按样张所示合并第2、第3列；3. 设置第1列，1、2、3行单元格背景色为灰色底纹键入如样张所示的文字，分别按要求建立超级链接后合并1、2、3单元格；4. 在表格第1列中部插入图片tp86.jpg，选中图片点击右键打开图片工具栏，选择相应的热点链接工具对三个粉红区域建立热点链接；5. 在样张所示的位置插入/文件/test1.txt，剪贴相关内容并调整如样张所示；在表格右上方插入剪贴画“湖泊”，打开图片工具栏选定文本工具，在左上角插入蓝色文字“湖州”；切换到预览与样张比较，菜单：文件/另存，以：7位学号-姓名.htm为名保存在D盘以你的学号命名的文件夹中。
FrontPage_2003网页设计技术
一、网页视图 网页视图为网页的设计提供了一个工作 场所，可以在这个环境下对网页进行设计 和修改。 二、文件夹视图 打开一个网页后，系统默认是以文件夹 视图来显示的，文件夹视图与Windows中 的资源管理器相似，它能够显示当前的 Web中的内容是如何组织的。
三、报表视图 报表视图相当于属性检查，它能给出当 前网站的有关属性。灵活应用报表视图能 够使用户方便地了解网页的属性，便于把 握和修改网页。 四、导航视图 导航视图清楚地显示了Web的结构，用 户可以从中了解到网站中各部分之间的逻 辑关系，它反映了网站的整个脉络。
6 图形运用
一、添加图形 打开“插入”菜单的“图片”子菜单， 执行 “来自文件”命令，选择图象文件的名称。 二、编辑图形 包括设置图象的特殊效果、剪切图象、 添加文本。
1．添加文本 图片工具栏的“文本按钮”就是用来在 图象内添加文本信息的。 2．图象的特殊效果 ⑴ 旋转90度；⑵ 图象翻转；⑶ 修正对 比度；⑷ 调整亮度；⑸ 黑白处理；⑹ 图 象弱化；⑺ 突出效果；⑻ 采样与还原；⑼ 调整图象大小；⑽ 设置对齐方式；⑾ 使用 折叠文本；⑿ 设置间隔距离；⒀ 设置透明 背景
⒊ 选择动态类型的效果 设置动态类型的效果，也就是动态类型 的属性。 ⑴ 飞行方式 ⑵ 格式效果 在选择完事件类型、动态类型和动态类 型的效果后，就完成了一个动态效果的设 置。可以点击“DHTML效果”对话框右下 方 的效果显示图标，观察所设置的动态效果。
10 使用表单
创建表单的方式有三种：表单模板、表 单向导和自定义表单。 一、使用表单模板 二、使用表单向导 使用表单模板只能创建最简单的几种表 单，而用表单向导，就可以随心所欲地创 建表单。
⑴ 网页加载 网页加载是打开网页的操作，可以选择 某种动态效果，在网页加载时生效。 ⑵ 单击和双击 发生这种事件时，可以使用“飞到”或 “格式”两种动态效果。 ⑶ 鼠标移动 鼠标移动时间是指在浏览器窗口或预览 窗口中，鼠标经过效果文本或图片的操作。
FrontPage2003 网页制作教程
1.1 FrontPage 2003的启动和退出
一、启动
在Windows 桌面单击“开始”菜单，执行［所有程序］[ Microsoft Office ] [Microsoft Office FrontPage 2003 ]命令
二、退出
执行[文件][退出]命令，或者单击窗口右上角标题栏的[关闭]按钮
example: “标题”框架 模板新建网页
1)执行[文件][新建] 命令，出现“新建” 任务窗格
2)在“新建网页”栏中，选择[其他网页 模板]
3)选择“框架网页”选项卡
4)选择“标题”模板 ,并编辑网页 14
2.4 利用框架网页模板新建网页
5) 浏览网页
返回
15
3 网页的编辑与效果设计
5
1.4 任务窗格
返回
6
2 新建网页
2.1 新建网页的方法 2.2 新建空白网页 2.3 利用常规模板新建网页 2.4 利用框架网页模板新建网页
7
2.1 新建网页的方法
一、空白网页
新建一个空白的网页
二、文本文档
新建一个纯文本文件，后缀名为· txt
三、根据现有网页新建
从本地或互联网上查找到网页，新建一个同样的网页
21
4.1 设置网页属性
执行[文件][属性]命令
一、设置网页背景音乐
二、设置网页背景图片
22
4.2 设置网页主题
应用主题
1)打开要应用主题的网页 2)执行[格式][主题] 命令，弹出“主题”任务 窗格 3) “主题”任务窗格中，浏览主题的缩略图， 单击需要的主题
删除主题
1)执行[格式][主题]命令 2)在“主题”任务窗格中删除网站的主题
FrontPage 2003网页制作
目 录 上一页 下一页 结 束
我们把用HTML语言编写的文件称为HTML文件。它 通常被存储在Web服务器上，客户端通过浏览器向Web 服务器发出请求，服务器响应请求并将HTML文件发送 给浏览器，然后由浏览器对文件中的标记作出相应的解 释，以页面的形式呈现在用户屏幕上。因此，我们又把 HTML文档称为网页 (Web Page)。
目 录 上一页 下一页 结 束 返 回
<body background="路径/图片文件名">…</body>
HTML对格式的要求并不严格，当HTML文件被浏览 器扫描时，所有包含在文件中的空格、回车等均被忽 略。因此你可以将一行写成两行或多行，在浏览器中 结果是相同的。
计算机文化基础
2018/9/12
计算机文化基础
目 录 上一页 下一页 结 束
2018/9/12
20
9.2 FrontPage 2003概述
9.2.1 9.2.2 9.2.3 9.2.4 9.2.5 FrontPage 2003的主要功能 FrontPage 2003的启动与退出 网页与网站 FrontPage 2003的网页视图模式 FrontPage 2003中的视图
计算机文化基础
目 录 上一页 下一页 结 束
2018/9/12
7
HTML语言概述
将上述代码用文本编辑器编辑并保存为一个扩 展名为.htm的文件，双击该文件图标，在浏览器 中看到如下图所示的结果。
目 录 上一页 下一页 结 束
图9-1
2018/9/12
计算机文化基础
8
目 录 上一页 下一页 结 束
目 录 上一页 下一页 结 束 返 回
2018/9/12
中文FrontPage2003网页制作
<TITLE>…</TILE>表示标题的开始和结 尾。
<BODY>…</BODY>表示文件体的开始和结 尾。
<P>标记是用于段落分隔。
<!—注释文档--> 是注释标记的格式
10.02.2021
可编辑版
3
8.1.3 文字处理标志
• HTML的文字处理包括字体标志、字体颜色、字 体大小三种。 1. 标题字体标志 2. 字体大小及颜色标志 3. 修饰字体标志 4.字体对齐标志
源代码如下： <html> <head> <title>欢迎新生 1</title> </head> <body> 热烈欢迎新同学! <P>祝新同学德、智、体、美全面发展！ <!--这是我的第一个网页---> </body> </html> 显示的效果如图9-1所示
源代码说明：
<html>…</html> 表示文件的开头和结 尾。
第8章 中文FrontPage2003网页制作
8.1 HTML语言基础 8.2 FrontPage2003简介 8.3 网页的修饰 8.4 框架网页 8.5 表单的操作 8.6 FrontPage 2003 组件
10.02.2021
可编辑版
1
8.1.1 什么叫HTML
HTML的全称为Hyper Text Markup Language,中文译为超文
１.创建链接页面
2.创建链接标签标志
10.02.2021
FRONTPAGE2003 教程(设计网站部分)
FRONTPAGE2003 教程（设计网站部分）FrontPage2003 教程轻松布局网页用FrontPage2003的“布局表格和单元格”功能布局网页时，需要通过两部分来完成。
首先通过“布局表格”功能来为网页布局创建一个框架，然后通过“布局单元格”功能为该框架填充包含有网页内容(包括文本、图像、Web部件和其他元素)的区域，也就是单元格。
下面我们就以设置一个单位网站首页为例来了解一下用布局表格给网页布局的过程。
一、创建布局表格1.创建布局表格打开一个空白网页，并切换到“设计”视图下，单击“表格”菜单中的“布局表格和单元格”命令，随后在右侧弹出一个任务窗口(图1)，在该任务窗口下面程序提供了多种表格布局模板，在此单击其中需要的模板即可将该模板添加到网页中。
2.绘制布局表格如果你对模板中提供的布局表格不太满意，还可以用手工绘制的方法创建一个布局表格。
创建时首先在“新建表格和单元格”项中单击“绘制布局表格”，随后将指针移到操作窗口最下。
3.设置表格属性插入表格后，还需对表格属性进行设置。
在“表格属性”项中设置该表格所需的属性。
提示:在设置表格时，如果要想覆盖网页的默认边距，并让布局表格跨到文档窗口的边缘，可以将表格中的各个边距的属性都设置为0。
在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签来完成。
在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标- 1 -签。
每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单，选择“更改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。
FrontPage2003还提供了一个表格自动功能，它可以按照比例自动伸缩，调整表格的宽度和高度，使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整，非常方便。
二、单元格的添加和设置1.添加单元格布局表格创建了网页框架后，还要向表格中添加单元格。
第七章 FrontPage 2003网页制作
新编计算机办公自动化基础教程
新建的网站中没有任务。如果要为新建的网站添加相关的任
务，在“任务”视图中的网页编辑区中单击鼠标右键，在弹出的
快捷菜单中选择“添加任务”命令，即可弹出如图7.1.14所示的 “新建任务”对话框。
图7.1.14 “新建任务”对话框
新编计算机办公自动化基础教程
在“任务名称”文本框中输入相关的任务名称，在“说明” 文本框中输入相关的说明文字，单击“确定”按钮，即可在“任 务”视图中添加任务。 四、退出FrontPage 2003
新编计算机办公自动化基础教程
（3）“代码”视图。在网页基本视图区中，单击“代码” 按钮，即可切换到“代码”视图，如图7.1.6所示。在该视图中， 用户可以自己查看、编写和编辑HTML标记。使用FrontPage 2003 中的优化代码功能，还可以创建简洁、明了的HTML代码，更易
于删除任何不需要的代码。
新编计算机办公自动化基础教程
（3）在该对话框中选择“空白网页”选项，单击“确定” 按钮，即可创建一个只包含private和image文件夹的空白站点。 四、打开和关闭网站 如果要对某个网站进行编辑修改，可先将其打开，然后再进 行其他编辑操作。用户可以使用以下两种方法打开站点。
几种。
新编计算机办公自动化基础教程
1．通过“开始”菜单启动 选择“开始”→“所有程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，如图7.1.1所示，
即可启动FrontPage 2003应用程序。
2．通过快捷方式启动 如果用户经常使用FrontPage 2003应用软件，即可在桌面上 创建其快捷方式，双击桌面上的快捷方式图标，即可启动应用 程序。
FrontPage 2003制作网站详解
6.5 网页制作大家在因特网上浏览过许多网站，查阅过许多资料，那么，这些网站是怎样建立的呢？制作网站要借助于制作网站的软件工具。
制作网站的工具非常多，如FrontPage 、Dreamweaver 等，我们以FrontPage 2003为例，学习网站的制作。
FrontPage 2003是Microsoft 公司推出的Web 站点创建和管理工具，它是微软Office 成员之一。
FrontPage 2003是一个所见即所得的“傻瓜”型网页制作软件，你可以对HTML 毫不了解的情况下轻松地制作出自己的网页来，你需要的只是用鼠标及键盘的简单操作。
6.5.1 FrontPage 2003的启动与退出1．FrontPage 2003的启动如图6-1所示，选择“开始”→“程序”→“Microsoft Office ”→“Microsoft Office FrontPage 2003”命令，即可启动FrontPage 。
其界面如图6-1所示图6-22 FrontPage 2003与以前版本的FrontPage 不同，编辑模式按钮提供了“设计”模式、“拆分”模式、“代码”模式和“预览”模式，用户不必经过选择就可直接进入编辑器和资源管理器的窗口。
FrontPage 2003提供了与Word 类似的中文界面，使用户可以轻松地建立站点和编辑网页。
2．FrontPage 2003的退出（1）单击“标题栏”右端的“关闭”按钮；（2）选择“文件”下拉菜单中的“退出”命令。
标题栏章当前文件名章视图切换按钮6.5.2 创建网站任务制作个人网站“鸿渐工作室”★【任务说明】某财经学校计算机专业张鸿渐同学多才多艺，在学完网页制作课程之后想在网上安个“家”。
本任务以制作个人网站“鸿渐工作室”为例学习网站站点的建立过程。
【任务实施】本任务包括的操作主要是，创建站点、在网站中加入网页等1. 规划网站，绘制结构图网站包含多个由超级链接连在一起的网页，所以，在建立网站之前，要明确这个网站由哪些网页组成，明确网页之间的关系。
第5章 网页设计初步-FrontPage 2003
第5章 网页设计初步－FrontPage 2003因特网已成为目前最主要的电子信息发布媒体，无论是政府、公司、企业、还是个人都纷纷建立自己的网站来发布和收集信息。
不仅如此、越来越多的公司、企业和政府还将自己的商务、政务活动放到网站上，从而使得网站又成为信息处理的新平台。
一、案例说明本例描述：本例通过一个个人网站的建立过程来简要介绍利用FrontPage 2003建立网页的基本方法和常用功能，使得学习者对网页的设计过程有个初步的了解。
本例知识点： 站点的建立、表格及其表格布局、插入图片、背景音乐、超级链接、电子邮件链接、图片热区链接、字幕制作、站点发布 二、方法指导1．熟悉Microsoft FrontPage 2003界面① 启动FrontPage 2003，图5.1所示的为FrontPage 2003的操作界面。
图5.1 操作界面2．新建站点创建一个名为“花样年华”站点，保存在“D :\my web \hynh ”操作方法：① 单击“文件”菜单中的“新建”命令，在弹出的“新建”任务窗口中选择“新建网站”中的“由一个网页组成的网站”，打开如图5.2所示的“网站模板”对话框。
② 在“指定新站点的位置”处输入“D:\my web \hynh ”，双击“空白站点”图标，“花样年华”站点创建完毕。
菜单栏格式工具栏 标题栏 常用工具栏编辑区 网页显示方式任务窗口③ FrontPage 2003自动创建了“_ private ”和“images ”两个文件夹。
④ 单击“文件”菜单中的“新建”命令，在弹出的“新建”任务窗口中选择“新建网页”中的“空白网页”，创建一个名为“index.htm ”的网页(新建的网页默认名称为“new_page_1.htm ”，可以在保存时改为“index.htm ”)。
⑤ 单击“视图”菜单中的“文件夹”命令，可以发现右边窗口中增加了一个标题为“index.htm ”的主页图标，如图5.3所示。
使用FrontPage 2003制作网页.ppt
二、FrontPage 2003的工作窗口 选择 “开始”→“所有程序”→“Microsoft office”→“Microsoft office FrontPage 2003”命令，即可打开 FrontPage 2003的工作窗口，如图8.1.1所示。该窗口与 Office 2003的其他组件的工作窗口基本相同，用户可以在 工作区中制作和编辑网页。
（3）自定义站点。如果用户已对该软件非常熟悉，也 可以自定义创建站点，具体操作如下：
1）选择“文件”→“新建”命令，弹出“新建”任务 窗格。
2）在该任务窗格中的“新建网站”选项区中选择“由 一个网页组成的网站”选项，弹出“网站模板”对话框。
3）在该对话框中选择“空白网站”选项，并在右侧的 网站位置下拉列表框中输入网站的位置后，单击“确定” 按钮，即可创建一个只包含两个空白文件夹private和 image的站点，用户可自行创建主页及其他网页文件。
（5）超链接视图。该视图将网站中所有的内部和外 部超链接的状态显示在一个列表中，并用图标表示超链接 已通过验证或已中断。选择“视图”→“超链接”命令， 即可切换到该视图。
（6）任务视图。该视图以列表的形式显示网站中的 所有已完成或尚未完成的任务，并在各个列标题下提供有 关各项任务的当前信息。选择“视图”→“任务”命令， 即可切换到该视图。
图8.1.1 FrontPage 2003的工作窗口
三、FrontPage 2003的基本视图 FrontPage 2003为用户在创建站点和编辑网页时提供 了多种视图，其中网站的视图模式有网页设计视图、文件 夹视图、报表视图、导航视图、超链接视图、任务视图和 远程网站视图；网页的视图模式有设计视图、代码视图、 拆分视图和预览视图。
二、打开站点 如果要对某个网站进行编辑修改，可先将其打开，然 后再进行其他编辑操作。用户可以使用以下两种方法打开 站点： （1）选择“文件”→“打开网站”命令，弹出“打开 网站”对话框。在该对话框中选择要打开的站点，单击“打 开”按钮 即可。 （2）单击常用工具栏中“打开”按钮 右侧的下拉 按钮 ，在其下拉菜单中选择“打开网站”命令，在弹出的 “打开网站”对话框中选择要打开的站点，单击“打开”按 钮即可。
Frontpage2003网页制作讲义——网站创建篇
Frontpage2003网页制作讲义网站的创建篇一、准备工作1、构思：确定网站的主题，定好网站栏目。
2、资料：根据栏目结构，收集资料，制作图片、动画等素材。
3、重命名：将资料素材文件以英文字母或数字的形式重命名。
（说明：网站中的所有文件及文件夹都不可以用汉字命名，否则，会出现链接错误。
）4、归类：根据栏目结构，创建每一层栏目相应的文件夹，并将素材归类到相应的文件夹中。
（说明：在本例中，已经建立好文件夹，并将素材归类了。
）二、网站的创建1、创建一个空白站点：打开FrontPage2003，执行“文件”→“新建”命令，在右边的任务窗格中，选择“新建网站”栏下的“其他网站模板”，在弹出的“网站模板”对话框中选择“空白站点”，在右边的“指定新站点的位置”中单击“浏览”按钮，选择创建好的“首页的文件夹（如：webs），单击“确定”按钮。
2、在“导航”视图下建立网站的栏目结构①单击窗口下方“视图”工具栏中的“导航”，切换到导航视图。
接着单击工具栏中的“新建网页”按钮，建立网站的首页，即index.htm。
然后将“主页”重命名为“中国自然保护区”。
②在“中国自然保护区”图标上单击右键，选择“新建”→“网页”命令，分别建立它的4个栏目网页，分别将它们重命名为“法律法规”、“珍稀动物”、“珍稀植物”、“生态旅游”。
③在“珍稀动物”图标上单击右键，选择“新建”→“网页”命令，分别建立它的3个子栏目网页，分别将它们重命名为“兽类”、“爬行类”、“鸟类”、“两栖类”。
④在“珍稀植物”图标上单击右键，选择“添加已有的网页”命令，分别选择“珍稀植物”（文件夹：zxzw）下的3个子栏目网页，添加到导航中。
（说明：此步操作只是为了讲解“添加已有的网页”的作用，在实践中更多地采用第③步的方法。
）3、在“文件夹”视图下给各个网页重命名：单击“视图”工具栏中的“文件夹”，切换到文件夹视图，可以看到在导航视图中创建的网页都出现在右边的文件夹webs下，而且名称都用“new_page_”和数字表示（如：new_page_1.htm），这样不利于网站的管理，因此，我们必须把这些网页重命名为它们对应的网页名称（如：“new_page_1.htm”重命名为“flfg.htm”），注意这里同样不能用中文汉字命名。
FrontPage 2003 网页制作
单击“目标框架” →“目标框架”对话框→选择链接对象网页打开 的位置，通常可以选择“整页”或“新建窗口”选项，是指在当前 浏览器窗口或新建的浏览器窗口打开，如图5-25所示。
上一页
返回
任务3使用FrontPage2003组件美化制作动态网
上一页 下一页 返回
任务1 FrontPage 2003 的基础知识
拖动选择中部左侧两个单元格使其反白显示→“表格”工具栏 →“拆分单元格”→“拆分单元格”对话框→“拆分成行”产单选 →“行数”微调框中输入4，如图5-13所示。其右侧的大单元格将放
置主要的文字内容。
单击“表格”工具栏→“绘制表格”按钮，在布局表格顶部单元格
右击→选择“网页属性”→“网页属性”对话框→“高级”选项卡 中设置网页背景图片或背景色。
学习目标
了解 FrontPage 2003的窗口组成 掌握网页的创建 掌握插入网页元素 熟练掌握美化网页的方法 了解如何发布与管理网站
下一页 返回
任务1 FrontPage 2003 的基础知识
5.1.1 FrontPage 2003窗口
工具栏
编辑 窗口
菜单栏
如图5-1所示 视图栏
标题栏
中按照背景图片的相应位置绘制出两个小单元格，其中下方的单元 格用于放置“主页”二字，至此完成了对主页的页而布局规划
在页面中部和上部的布局表格和表格中输入相应文字
按快捷键Alt + Fl打开文件夹列表窗格，使用Word 2003编辑文本资 料，并将编辑好的文字粘贴到网页右侧布局单元格中选择右侧文字 资料所在布局单元格，按快捷键Ctrl+ Fl打开任务窗格。设置单元 格格式左、右边距及文字垂直对齐方式，如图5-14所示。
FrontPage2003讲解
图8-4 “网站模板”对话框
/teacher/cy
8.2.3网页的基本编辑
一、新建一个网页
在FrontPage2003的主窗口中，单击“视图”栏上 的“网页”视图，使当前处于网页视图模式下。单击菜 单栏上的“文件”，在弹出的下拉菜单中选中“新建”， 在窗口的右边出现“新建”面板，在新建网页项中选择 “其他网页模板”。打开如图8-4所示的“网站模板”对 话框。单击“常规”选项卡，在列表框中显示了 FrontPage2003提供的创建网页的11种模板，包括有普 通网页、表单网页向导、常见问题、目录、确认表单等。 使用各类模板可以创建不同的网页。
/teacher/cy
网页和网站
网页是一个文件。网页经由网址（ URL ）来识别与存取， 当我们在浏览器输入网址后，经过一段复杂而又快速的程 序，网页文件会被传送到你的计算机，然后再通过浏览器 解释网页的内容，再展示到你的眼前。 是万维网中的一“页”，通常是HTML格式（文件扩展名 为.html或.htm）。 网页通常有以下元素： 文字资料 图像档案 超链结 网页的合成体为网站，一个网站的开始点为首页。
/teacher/cy
在FrontPage2003 的主窗口下，单击菜单 栏上的“文件”，在弹 出的下拉菜单中选中 “新建”，在窗口的右 边出现“新建”面板， 在新建项中选择“其他 网站模板”。在“站点” 列表框中，选中“只有 一个网页的网站”图标， 并在右边“指定新网站 的位置”框中，输入新 站点的名称。如图84“网站模板”对话框 。
/teacher/cy
图8-5 网页属性对话框
/teacher/cy
8.2.4表格
一、插入表格
在“表格”菜 单“插入”级联式 菜单中选择“表格” 命令，出现如图86所示。单击“确 定”就可以网页中 插入表格。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
FrontPage 2003
任务一 制作简单网页
任务二：网页布局及发布、表 单的创建
任务一 制作简单网页
任务引入
我们很多人都喜欢上网冲浪，甚至于梦想着 有一天自己也能拥有一个个人网站，可是， 怎样制作网站呢？我们可能还从未曾真正的 知道,而FrontPage就可以帮助我们完成我们 的小小愿望。
返回
FrontPage 2003简介
在Office 2003套装软件中，FrontPage2003 已不再是其中的一个组件，而是被分离出来。 FrontPage2003的安装、启动和退出方法都同 Office系列的其它软件基本相同 。
窗口介绍
FrontPage 2003的视图
• FrontPage 2003提供了六种视图模式， 即网页视图、文件夹视图、报表视图、导 航视图、超链接视图和任务视图。它们是 用户进行网站设计的有力工具，灵活运用 视图模式，将极大地方便设计操作和网站 管理。
返回
任务一 制作简单网页
学习内容
FrontPage的主要功能。 FrontPage的启动与退出。 网页与网站的关系。 FrontPage的三种编辑方式（普通、HTML、预览）以及三种编辑方 式的不同用途。 FrontPage中的6种视图，即网页视图、报表视图、导航视图、超链 接视图、任务视图，以及各种视图的作用和操作特点。 创建站点：了解站点的概念，掌握创建站点的方法。 网页编辑：新建网页、打开网页、设置文字格式、设置网页属性、 网页预览。 插入对象：插入文本、水平线、图片、字幕、表格等。 超链接：创建超链接。
返回
任务一 制作简单网页
在站点中新建网页： 选择“文件”菜单中的“新建”“网页”命令，新建网页。 (默认：New Page 1)
返回
任务一 制作简单网页
插入水平线：将插入点置于适当位置，使用“插入”菜单中的“水平 线”命令插入水平线。右键单击插入的水平线，选择“水平线属性” 命令，可以在弹出的“水平线属性”对话框中修改水平线的属性。
• 五、超链接视图 超链接视图以图形化的界面显示了当前 网页和其他文件之间的超链接关系，也可 以显示网站与网站之间的超链接。 • 六、任务视图 任务视图用任务列表的方式对任务进行 管理，操作人员可以把详细的任务放在任 务列表中，这样它就会提醒设计人员需要 完成哪些任务，还剩哪些任务没有完成。
任务一 制作简单网页
返回
任务一 制作简单网页
设置图片“福娃贝贝”和“2004年奥运吉祥物”的属性。 选中图片，利用“格式”菜单中的“属性”或右键菜单中的“图片属性”命 打开“图片属性”对话框，选择其中的“外观”选项卡，修改布局、大小等属性 将图片的对齐方式设置为“相对垂直居中”
返回
任务一 制作简单网页
为网页“2008奥运吉祥物.htm”和“历届奥运吉祥物.htm”添加返 回“index.htm”的超链接
返回
任务一 制作简单网页
选择“插入”菜单中的“水平线”命令，插入水平线。双击水平线，在 打开的“水平线属性”对话框中设置其属性。输入文字“北京2008奥 运吉祥物及历届奥运吉祥物”，并在两段文字后分别插入图片“福娃贝 贝”和“2004年奥运吉祥物”。
返回
任务一 制作简单网页
插入超链接 第一步：选择文字“北京2008奥运吉祥物”。 第二步：利用“插入”菜单或右键菜单中“创建超链接 ”命令，打开“创建超链接”对话框。
返回
任务一 制作简单网页
插入表格： 选择“表格”菜单中的“插入表格”命令， 或者选择“表格/手绘表格”命令， 或者使用工具栏中的“插入表格”按钮，在插入点处建立一个两列 多行的表格，以便下面使用表格定位文字和图片。
返回
任务一 制作简单网页
在表格中插入文字和图片：选取合适的文字和图片素材，分别插入到 表格的单元格中，调整单元格的宽度和高度属性直至合适。
一、网页视图 网页视图为网页的设计提供了一个工作 场所，可以在这个环境下对网页进行设计 和修改。 二、文件夹视图 打开一个网页后，系统默认是以文件夹 视图来显示的，文件夹视图与Windows中 的资源管理器相似，它能够显示当前的 Web中的内容是如何组织的。
• 三、报表视图 报表视图相当于属性检查，它能给出当 前网站的有关属性。灵活应用报表视图能 够使用户方便地了解网页的属性，便于把 握和修改网页。 • 四、导航视图 导航视图清楚地显示了Web的结构，用 户可以从中了解到网站中各部分之间的逻 辑关系，它反映了网站的整个脉络。
返回
任务一 制作简单网页
预览和保存网页： 切换到预览视图可以 查看网页的效果。制 作完成后，保存网页 为“历届奥运吉祥物 .htm"，注意设置合 适的网页标题。保存 后，在浏览器中打开 并浏览该网页。
返回
任务一 制作简单网页
在窗口左侧的文件夹列表中，双击网页文件“index.htm”，打开并 编辑该网页文件。输入标题“历届奥运会吉祥物”，利用“格式” 工具栏中的“样式”将其设置为“标题一”，并设“对齐方式”为插入交互式按钮 实现网页“2008奥运会吉祥物.htm”转到其他网页和返回主页的链接。
返回
任务一 制作简单网页
插入滚动字幕 在index.html标题文字“奥运吉祥物”上方插入滚动字幕“奥运会吉祥物的历史”， 设置为向左滚动。
返回
任务一 制作简单网页
插入超链接: 第三步：在“创建超链接”对话框 中选择网页“2008奥运吉祥物 .htm”，该网页在任务二中已创 建。 第四步：单击“确定”按钮，完成 超链接的添加。 第五步：为图片“福娃贝贝”设置 超链接，指向网页“2008奥运吉祥 物.htm”；为文字“历届奥运吉祥物 ”和图片“2004年奥运吉祥物”添 加超链接，链接到任务二创建的网 页“历届奥运吉祥物.htm”。
启动FrontPage2003 单击任务栏上的“开始”按钮，指向“程序”，单击 “Microsoft FrontPage”启动FrontPage2003。
返回
任务一 制作简单网页
新建站点 选择“文件”菜单中的“新建”“站点”命令，指定站点的位 置，建立站点Web1,FrontPage2003默认建立主页（ index.htm）。