第8章 网页制作教程.ppt

8.2.3　创建公司站点 8.2.3.1 创建公司展示站点 最常见的公司站点就是公司整体形象的展示站点，在 FrontPage 中可以直接用“公司展示向导”进行创建，步骤如下： （1）选择“文件”菜单中的“新建”命令，然后选择“站点”命令。 （2）在“新建”对话框中，选择“公司展示向导”。 （3）指定了适当的站点位置后，单击“确定”按钮，则显示出如图 8-18 所示的“公司站点建立向导”对话框。 图 8-18 “公司站点建立向导”对话框 （4）按照向导对话框中的提示进行操作。如果想让剩余的步骤采用默认设置，可以在创建站点的任意一步中，单击“完成”按钮完成整个站点的创建。 站点创建结束后，可以在文件夹列表中双击需要编辑的网页进行编辑，如图 8-19 所示（当前打开了首页）。同样，进行网站结构编辑和每个网页的具体编辑时，可以用修改个人站点类似的方式。 图 8-19 公司展示站点 8.2.3.2 创建客户服务站点 使用“客户支持站点”模板，可以创建出专用于客户服务的网站，如图 8-20 所示。 图 8-20 客户支持站点 8.2.3.3 创建项目管理站点 使用“项目”模板，可以创建出专用于项目管理和支持的网站，如图 8-21 所示。 图 8-21 项目网站 8.3 页面布局及修饰 8.3.1　插入图片 8.3.1.1 插入剪贴画 8.3.1.2 插入图片文件 8.3.1.3 修改插入的图片 在网页中插入图片之后，可以对图片进行一些简单的处理，以便使所用的图片具有更好的表现效果。 当单击网页中的图片时，FrontPage 会自动显示如图 8-23 所示的“图片”工具栏，可以使用其中的按钮对图片进行处理。 图 8-23 “图片”工具栏 8.3.2　创建 DHTML 效果 用户可以对网页中的特定元素（如文本、段落或图片等）应用动态 HTML，以便使网页元素具有一定的动感效果。动态 HTML 将这些元素与某个事件（如网页加载或单击鼠标）相联系，当事件发生时触发动态 HTML 效果。 使用动态 HTML 效果的步骤如下： （1）选择“格式”菜单中的“动态 HTML”命令，则弹出如图 8-24 所示的“DHTML 效果”工具栏。 图 8-24 “DHTML 效果”工具栏 （2）在网页中选择目标元素，例如文本、图片或段落。 （3）在“DHTML 效果”工具栏的“开启”列表框中选择一个导致动态效果发生的事件。 （4）在“DHTML 效果”工具栏的“应用”列表框中选择一种相应事件发生时页面元素应产生的动态效果。需要注意的是，对应于不同的“开启”方式，所能使用的动态效果是不同的。 （5）在“DHTML 效果”工具栏的“效果”列表框（左边第三个列表框）中选择一种对应于步骤（4）中所选效果的具体效果。 8.3.3　使用表格 8.3.3.1 创建表格 1．使用“插入表格”按钮 2．使用“表格”菜单中的“插入/表格”命令 3．使用“手绘表格”功能 8.3.3.2 表格操作 8.3.3.3 表格属性的设置 8.3.4　使用框架 8.3.4.1 创建框架 创建框架网页的步骤如下： （1）选择“文件”菜单中的“新建”命令，然后选择“网页”命令，则打开“新建”对话框。 （2）选择“框架网页”选项卡，如图 8-29 所示。 图 8-29 “新建”对话框的“框架网页”选项卡 （3）在列表中选择一种框架网页模板。 （4）单击“确定”按钮，则创建出一个新的框架网页。例如，如果选中了“标题、页脚和目录”模板，则创建出的框架网页如图 8-30 所示。 图 8-30 框架网页 （5）在每个框架中都包含两个按钮：“设置初始网页”和“新建网页”，都是用于设置在框架中显示的初始网页。所谓初始网页是指当浏览者打开框架网页时显示在当前框架中第一个网页。如果要显示的初始网页已经存在，则可以单击“设置初始网页”按钮，然后在对话框中指定一个初始网页；如果要新建一个网页作为框架的初始网页，则可以单击“新建”按钮，则在相应框架中以“普通网页”模板创建出一个空白网页，可以在该网页中进行各种常规的编辑操作。 （6）如果要保存框架网页，应单击“常用”工具栏中的“保存文件”按钮 ，则弹出如图 8-31 所示的“另存为”对话框。 （7）设置了保存选项后，单击“保存”按钮，则弹出下一个“另存为”对话框，要求保存下一个尚未保存的框架中的网页。如果尚未保存的框架中的网页不是新建的网页，则不会弹出“另存为”对话框，而是直接以原来的文件名