060901商务网站页面设计技术(附录).docVIP

网页制作工具——FrontPage 为了提高商务网站页面设计的效率，本附录以FrontPage 2000为例，介绍网页制作工具的使用方法。由于基本概念都在前面几篇讲过，所以这里主要以清晰、简略的方式讲解操作步骤，若想了解详情可参看相关书籍或FrontPage的帮助文件。 本附录的主要内容包括：FrontPage的概述、基本元素使用、图像、超链接、表格、表单、图像映射、框架、声音和视频动画、悬停按钮、滚动字幕、动态横幅广告、内联样式表、外部样式表文件等的基本操作。 1 概述 1.1 FrontPage功能简介 FrontPage 2000是Microsoft公司推出的网页制作工具，是目前流行的网页制作与站点管理工具之一，它采用“所见即所得”的方式编写网页，可大大提高网页制作人员的工作效率。 1.2 FrontPage界面 FrontPage 2000界面分为：菜单栏、工具栏、视图栏和主编辑窗口4大部分。 菜单栏：以命令方式为用户提供各种编辑网页和管理网页的功能，包括10个菜单项。 工具栏：以按钮的形式为用户提供各种“主要的”编辑网页和管理网页的功能。 视图栏：摆放着各种管理器图标，包括：网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器、任务管理器，见窗口左端。 主编辑窗口：是用户使用最多的部分。在编辑网页时，可提供“普通、HTML、预览”三种显示方式；在点击各种管理器图标时，显示相应信息。 2 基本元素使用 这里首先讲述网页的基本操作。然后，主要讲述网页中常用的基本元素的使用，内容包括：字体、段落、换行、列表、格式化、水平线、背景色等。 2.1 网页的基本操作 内容包括：网页的建立、保存、查看源代码、预览（在FrontPage和IE中）、关闭、打开等。 (1) 网页的建立： 操作步骤：“文件”菜单——新建——网页——常规——普通网页——输入内容。 (2) 网页的保存： 操作步骤：“文件”菜单——保存文件——选择保存位置、类型——输入文件名——保存。 (3) 查看网页的源代码： 操作步骤：单击当前窗口的“HTML标签”。 注：网页的源代码是用HTML语言书写的，其中蓝色字符为HTML的标记及其属性，而黑色字符则为用户输入的文本或属性值。 (4) 在FrontPage中预览网页 操作步骤：单击当前窗口的“预览标签”。 注：在预览窗口中看到的是网页发布后的大致样式，要看到其在浏览器中的真实情况，要用下面的在浏览器中预览网页方法。 (5) 在浏览器中预览网页 操作步骤：“文件”菜单——在浏览器中预览。 注：在不同的浏览器中预览的效果会有所不同。 (6) 网页的关闭 操作步骤：“文件”菜单——关闭。 (7) 网页的打开 操作步骤：“文件”菜单——打开。 2.2 字体 字体的设置包括：字体的名称、大小、颜色、修饰效果（如斜体、下划线）等。 综合操作步骤：“格式”菜单——字体。也可分步设置如下： (1) 设置字体的名称 用格式工具栏的“字体”下拉列表。 (2) 设置字体的大小 字体的大小分为7级，可通过“标题级或字号下拉列表”设置。 通过“标题级”，操作步骤：格式工具栏——“样式”下拉列表——标题i。 通过“字号下拉列表”，操作步骤：格式工具栏——“字号”下拉列表。 注：字号与磅的对应关系见字号下拉列表，其中“普通”相当于三号字。 (3) 设置字体的颜色 操作步骤：格式工具栏——“颜色”下拉列表。也可以使用自定义的颜色。 注：自定义颜色的步骤：格式工具栏——字体颜色——其他颜色——自定义——选择颜色——拖动右侧滑块——单击“添加到自定义颜色”钮。 (4) 设置字体的修饰效果 操作步骤：右击选择的文字——字体——效果。 2.3 段落 段落的设置包括：分段（按回车键）、设置段落属性（对齐、缩进、间距和行距）等。 (1) 设置段落属性 操作步骤：光标置于指定的段落——“格式”菜单——段落。 2.4 换行 操作步骤：光标置于换行处——“插入”菜单——换行符。 2.5 列表 列表的特点是重点突出、层次分明、结构有序，包括：（编号、项目符号、定义、菜单、目录和图象）列表。 (1) 项目符号和编号列表 操作步骤：选择指定的列表项——“格式”菜单——项目符号和编号——编号或项目符号。 (2) 定义列表：包括“定义的术语”和“定义的内容”的设置。 操作步骤：选择指定的术语项——“格式”菜单——样式下拉列表——定义的术语或定义。 (3) 图象列表：通过图象引出各列表项 操作步骤：选择列表项——“格式”菜单——项目符号和编号——指定图片。示例如下：　 图象列表1 图象列表2 (4) 混合列表：使用各种列表方法进行多级嵌套列表 操作步骤：选择列表项——“格式”菜单——项目符号和编号。 注：进行下一级列表项设置时，要先按两次“增加缩进”