这份教程将从基础到进阶，帮助您快速上手 FrontPage。
（图片来源网络，侵删）
第一部分：认识 Microsoft FrontPage
什么是 FrontPage？
Microsoft FrontPage 是一款“所见即所得”（What You See Is What You Get, WYSIWYG）的网页制作软件，这意味着您无需编写复杂的 HTML 代码，只需像使用 Word 一样，通过点击、拖拽、输入文字等方式，就能直观地创建出网页,它曾是网页设计入门者的首选工具之一。
为什么学习 FrontPage？（重要提示）
- 历史价值：了解它是了解早期网页设计历史的一部分。
- 维护旧网站：如果您需要维护一个用 FrontPage 创建的老旧网站,本教程将非常有用。
- 基础概念：它涵盖了许多网页设计的基础概念，如站点、超链接、表格等,这些概念至今仍然适用。
准备工作
- 安装软件：您需要安装 Microsoft FrontPage 2003，这是功能最完善的版本,您可能需要寻找旧版安装包。
- 了解界面：启动 FrontPage 后，您会看到一个熟悉的微软 Office 风格界面。
第二部分：FrontPage 界面概览
熟悉界面是高效工作的第一步。
- 菜单栏：包含所有命令，如“文件”、“编辑”、“插入”、“格式”等。
- 工具栏：将常用命令以图标形式展示，方便快速访问。“常用”、“格式”、“DHTML 效果”等。
- 视图栏：这是 FrontPage 的核心，位于界面左下方，它提供了四种主要的视图模式：
- 网页：您的主编辑窗口,在这里设计和编辑单个页面。
- 文件夹：管理网站所有文件和文件夹的地方，就像 Windows 资源管理器。
- 报表：生成网站的健康报告，如检查断掉的链接、未使用的文件等。
- 导航：设计网站的整体结构（地图）,方便管理页面间的链接。
- 超链接：可视化地查看和管理网站中所有的超链接。
- 主编辑区：中间最大的区域,用于编辑网页内容。
- 标签切换：在“网页”视图中，您可以在“普通”（所见即所得）、“HTML”（代码视图）和“预览”（模拟浏览器效果）三个模式之间切换。
第三部分：创建您的第一个网站
这是最关键的一步，FrontPage 强大的地方在于它能管理整个“网站”,而不仅仅是单个网页。
步骤 1：新建网站
- 打开 FrontPage。
- 点击菜单栏的 文件 -> 新建 -> 网站。
- 在弹出的对话框中，选择一个模板，对于初学者，“只有一个网页的网站” 是最好的选择。
- 在“指定新网站的位置”中，为您的网站选择一个文件夹（
D:\MyWebSite）。 - 点击 确定。
FrontPage 会在您指定的位置创建一个网站，并自动生成两个文件：index.htm（主页）和 private 文件夹。
（图片来源网络，侵删）
步骤 2：认识网站文件结构
切换到 文件夹 视图,您会看到：
index.htm或default.htm：您网站的主页,访问者输入网址后首先看到的页面。images文件夹：强烈建议将所有图片、Logo 等媒体文件都放在这个文件夹里,这样便于管理。
步骤 3：创建新页面
- 在 文件夹 视图中,右键点击空白处。
- 选择 新建 -> 网页。
- 选择一个模板（普通网页”），然后点击 确定。
- 新建好的页面会出现在文件列表中，您可以给它重命名，
about.htm（关于我们页面）。
第四部分：编辑网页内容
现在我们来编辑 index.htm 页面。
输入和编辑文本
就像在 Word 中一样，直接点击页面并输入文字,您可以使用格式工具栏来：
- 设置字体、字号、颜色。
- 加粗、斜体、下划线。
- 设置对齐方式（左对齐、居中、右对齐）。
插入图片
- 将您的图片文件（如
logo.jpg）复制到网站的images文件夹中。 - 在 FrontPage 中,将光标定位到您想插入图片的位置。
- 点击菜单栏 插入 -> 图片 -> 来自文件。
- 在弹出的对话框中，导航到
images文件夹，选择您的图片并点击 插入。
技巧：右键点击图片 -> 图片属性，您可以在这里设置图片的替代文本（当图片无法显示时会出现，对SEO和可访问性很重要）、调整大小、设置边框等。
（图片来源网络，侵删）
创建超链接
超链接是网页的灵魂。
- 选中您想设置为链接的文字或图片。
- 点击工具栏上的 超链接 按钮（一个地球和锁链的图标）。
- 在弹出的对话框中，您可以选择：
- 链接到现有文件或网页：选择网站内的其他页面（如
about.htm）。 - 链接到本文档中的位置：链接到当前页面的某个书签。
- 创建电子邮件链接：输入邮箱地址,点击后会打开邮件客户端。
- 新建文档：创建一个新页面并链接到它。
- URL：链接到外部网站（如
https://www.microsoft.com）。
- 链接到现有文件或网页：选择网站内的其他页面（如
- 点击 确定。
使用表格
表格是早期网页布局的核心，即使现在,它也常用于展示数据。
- 将光标定位到要插入表格的位置。
- 点击菜单栏 表格 -> 插入 -> 表格。
- 设置行数、列数、对齐方式、边框粗细等。
- 点击 确定。
- 您就可以在表格的每个单元格中输入文字、插入图片了，通过拖拽表格的边框,可以轻松调整大小。
第五部分：高级功能与网站管理
共享边框
共享边框可以让多个页面拥有相同的区域,如顶部导航栏或底部版权信息。
- 点击菜单栏 格式 -> 共享边框。
- 选择要应用共享边框的位置（上、下、左、右）。
- 在共享边框区域内，您可以插入图片、文字或导航栏。
- 设置好后,这个区域就会出现在所有应用了共享边框的页面上。
导航栏
导航栏是共享边框的绝佳搭档，它能自动根据您在 导航 视图中设计的网站结构,生成页面间的链接。
- 切换到 导航 视图。
- 您会看到一个方框代表
index.htm（主页），从文件夹列表中拖拽其他页面（如about.htm）到这个方框旁边，FrontPage 会自动用线条连接它们,形成层级结构。 - 切换回 网页 视图，在共享边框中点击 插入 -> 导航栏。
- 选择要包含的链接（如“子层”、“同一层”等），FrontPage 就会自动生成带有正确链接的导航菜单。
主题
主题可以为您的整个网站快速应用统一的外观和风格，包括背景、颜色、字体、按钮等。
- 点击菜单栏 格式 -> 主题。
- 在右侧的任务窗格中,选择一个主题。
- 您可以选择“所有网页”或“所选的网页”来应用主题。
- 点击 应用,网站外观瞬间焕然一新。
发布网站
当您的网站制作完成后，需要将它上传到互联网上的服务器（虚拟主机）上,才能被其他人访问。
- 在 文件夹 视图中，点击工具栏上的 发布网站 按钮。
- 在弹出的对话框中，输入您的主机提供商给您的 发布地址（通常是 FTP 地址）。
- 输入您的 用户名 和 密码。
- 点击 确定，FrontPage 就会开始将您网站的所有文件上传到服务器。
第六部分：从 HTML 视角理解（可选）
虽然 FrontPage 是“所见即所得”，但了解其背后的 HTML 代码会大有裨益。
- 在编辑网页时，点击编辑区下方的 HTML
- 您会
