FrontPage 2003 完整教程
第一部分：初识 FrontPage 2003
什么是 FrontPage 2003？
FrontPage 2003 是微软公司开发的一款“所见即所得”（What You See Is What You Get, WYSIWYG）的网页制作软件，它最大的特点是，你不需要编写复杂的 HTML 代码，而是通过像操作 Word 一样的图形界面来设计和布局网页，软件会自动生成对应的 HTML 代码。
FrontPage 2003 的界面布局
启动 FrontPage 2003 后，你会看到一个熟悉的 Office 风格界面，主要包含以下几个部分：
- 菜单栏: 包含文件、编辑、插入、格式、表格等所有命令。
- 工具栏: 将常用命令以图标形式展示，方便快速操作，可以通过“视图” -> “工具栏”来显示或隐藏。
- 视图栏: 位于窗口左侧，是 FrontPage 的核心，它提供了不同的工作视图，让你从不同角度管理网站。
- 网页: 默认视图，用于编辑单个网页文件。
- 文件夹: 以类似资源管理器的方式查看网站中的所有文件和文件夹。
- 报表: 提供网站的各种统计信息，如文件大小、链接状况等。
- 导航: 用于设计网站的导航结构（即网页之间的层级关系）。
- 超链接: 以图形化方式查看所有指向某个网页的链接。
- 任务: 一个简单的项目管理工具，可以记录和管理网站建设中的待办事项。
- 编辑区: 中间最大的区域，是你制作网页的主要工作区。
- 状态栏: 位于窗口最下方，显示当前编辑状态和视图切换按钮。
第二部分：创建和管理你的第一个网站
创建新网站
这是制作网站的第一步。
- 点击菜单栏的 “文件” -> “新建”。
- 在右侧的“新建网站”任务窗格中，选择一个模板，对于初学者，推荐使用 “只有一个网页的网站” 或 “个人网站” 模板。
- 在“指定新网站的位置”中，为你的网站选择一个本地文件夹路径（
D:\MyWebSite）。 - 点击 “确定”。
FrontPage 会在你指定的位置创建一个网站文件夹，并包含一些必要的文件（如 _private, images 文件夹和 index.htm 主页）。
网站的基本结构
- 主页: 通常命名为
index.htm或default.htm，是访问者进入你的网站时首先看到的页面。 - 文件夹:
_private用于存放不希望被公开访问的文件（如数据库、脚本），images用于存放所有图片。 - 网页文件:
.htm或.html后缀的文件。
第三部分：制作你的第一个网页
新建网页
在 “文件夹” 视图中，右键点击空白处，选择 “新建” -> “网页”，在弹出的对话框中选择一个网页模板（如“普通网页”），然后点击“确定”。
编辑网页内容
在 “网页” 视图中，你可以像使用 Word 一样编辑内容：
- 输入文字: 直接在编辑区输入文字。
- 格式化文字: 选中文字，使用格式工具栏设置字体、字号、颜色、加粗、斜体、对齐方式等。
- 插入图片:
- 将光标定位到要插入图片的位置。
- 点击菜单 “插入” -> “图片” -> “来自文件...”。
- 在弹出的对话框中,选择你准备好的图片文件（建议先将图片复制到网站的
images文件夹中，这样便于管理）。 - 重要提示： 插入图片后，请务必在 “文件夹” 视图中检查图片是否已正确复制到
images文件夹中，如果图片在外部，当你的网站上传到服务器后，图片将无法显示。
- 插入超链接:
- 选中要作为链接的文字或图片。
- 点击工具栏上的 “插入超链接” 按钮（或按快捷键
Ctrl+K）。 - 在弹出的对话框中：
- 链接到: 选择“原有文件或网页”，然后在列表中选择网站内的其他页面。
- 链接到: 选择“新建文档”，可以创建一个新页面并链接到它。
- 链接到: 选择“电子邮件地址”，可以创建一个发邮件的链接。
- 链接到: 选择“本文档中的位置”，可以链接到当前页面的某个书签。
- 点击 “确定”。
保存网页
点击 “文件” -> “保存”（或按 Ctrl+S），FrontPage 会提示你为网页输入文件名，并选择保存在网站的哪个文件夹中。
第四部分：布局网页：表格和框架
纯文本的网页布局很困难,FrontPage 提供了强大的布局工具。
使用表格进行布局
表格是网页布局的基石,即使现在也很常用。
- 点击菜单 “表格” -> “插入” -> “表格”。
- 设置表格的行数、列数、对齐方式、边框粗细等。
- 技巧： 如果不希望显示边框，可以将“边框粗细”设置为 0，这样表格线在编辑时可见，但在浏览器中是隐藏的，从而实现内容的精确对齐和分区。
使用框架
框架可以将浏览器窗口分割成多个独立的区域,每个区域可以显示不同的网页。
- 点击菜单 “文件” -> “新建” -> “网页”。
- 在“新建网页”对话框中，选择 “框架网页” 选项卡。
- 选择一个框架模板（如“标题、页脚和目录”）。
- 点击 “确定”。
- 每个框架中都有一个“新建网页”按钮（用于创建新内容）和“设置初始网页”按钮（用于链接到已有的网页）。
- 保存框架网页: 保存框架网页时，FrontPage 会提示你保存每个框架内的网页，最后再保存整个框架集文件。
第五部分：高级功能
主题
主题可以为你的整个网站应用统一的外观和风格,包括颜色、字体、背景和导航按钮等。
- 在 “文件夹” 视图中，右键点击网站名称，选择 “设置网站主题...”。
- 在弹出的对话框中选择一个主题,并选择“所有网页”或“仅主页”。
- 点击 “确定”，网站的所有页面会自动应用主题样式。
共享边框
共享边框可以在多个页面的相同位置（如顶部、左侧）显示相同的内容，非常适合放置导航栏、版权信息等。
- 点击菜单 “格式” -> “共享边框...”。
- 选择要应用共享边框的位置（如“上”、“左”）。
- 在“应用于”中选择“所有网页”或“当前网页”。
- 点击 “确定”，然后在共享边框区域输入或插入内容（如导航栏）。
组件
FrontPage 提供了许多实用的组件，可以增强网页的交互性。
- 悬停按钮: 鼠标移上去会变色或变图的按钮。
- 横幅广告管理器: 自动轮播多张图片，像幻灯片一样。
- 网站计数器: 显示网站被访问的次数。
- 包含网页: 将一个网页的内容插入到另一个网页中，方便更新（将一个包含导航条的
nav.htm文件包含到所有页面中，修改nav.htm就能更新所有页面的导航）。
第六部分：发布网站
制作完成后,你需要将网站上传到互联网上，别人才能访问。
- 在 “文件夹” 视图中，确保所有文件都已保存。
- 点击菜单 “文件” -> “发布网站...”。
- 在弹出的“发布目标”对话框中，输入你的 Web 服务器的地址（通常是 FTP 地址，如
ftp://your_host.com）。 - 输入用户名和密码。
- 点击 “确定”，FrontPage 就会开始上传所有文件。
注意： 现在大多数虚拟主机已经不支持 FrontP 发布，更常用的是通过 FTP 客户端（如 FileZilla）或主机控制面板的文件管理器来上传文件。
第七部分：重要提示和注意事项
- 代码不纯净: FrontPage 生成的 HTML 代码有时会比较冗长和复杂，不符合现代 Web 标准（如 XHTML）。
- 浏览器兼容性: FrontPage 的一些特效（如悬停按钮、主题）在不同浏览器（尤其是非 IE 浏览器）中可能显示不一致。
- 已过时: FrontPage 早已停止更新和支持，如果你有志于学习现代网页开发，强烈建议学习 HTML, CSS, 和 JavaScript，并使用现代代码编辑器（如 Visual Studio Code管理系统（如 WordPress）。
- FrontPage 扩展: 为了使用 FrontPage 的高级功能（如远程发布、数据库连接，服务器需要安装“FrontPage 服务器扩展”，很多现代服务器已不再支持。
FrontPage 2003 是一款优秀的入门级网页制作软件，它通过图形化界面极大地降低了网页制作的门槛，通过本教程，你可以快速掌握创建、编辑、布局和发布一个完整静态网站的全过程。
虽然它不再是主流工具,但学习 FrontPage 的过程可以帮助你理解网站的基本构成、文件结构、超链接原理和布局思想，这些知识对于学习任何现代网页技术都是非常有帮助的。
