6.3网页页制作 l网页页（主页页）是用一种HTML的标标志 语语言来表示的，它将要表示的信息用 HTML语语言表示（HTML代码码）。l通过记事本就可以看到大多数网页的 HTML代码。l通过浏览浏览 器将这这些标记语标记语 言“翻译译“过过 来，并照定义义的格式显显示出来，这这就是 我们们所真正看到的网页页。 网页页制作软软件FrontPage简简 介 FrontPage是一种“所见见即所得”的网站管理和 网页页制作的工具。FrontPage属于Office家族 的成员员, 其主要功能有: l 新建和修改一个网页页 l 新建一个站点 l 在网页页中插入一些动态动态 元素 l 设设置动态动态 效果 l 设设置网页过页过 渡效果 l 可以直接导导入Office其它工具的文件 l 提供网站管理信息和统计资统计资 料 FrontPage 的操作环环境 lFrontPage 提供了六种视图视图 方式 来实现实现 网页页的编辑编辑 和网站的创创建 、管理两大功能，其中只有网页页 视图视图 是用来编辑编辑 网页页的，其它五 种视图视图 都是用来创创建和管理站点 的，其所做的相关设设置，是针对针对 整个站点的。选择选择 不同的视图视图 方 式，右边边的编辑编辑 区中会显显示不同 的内容。 l网页编辑页编辑 的视图视图 ，负责负责 网站内个别别网 页页的编辑编辑 ，它提供了三种显显示方式：l 普通视图视图 ：“所见见即所得”的编辑编辑 环环境l HTML视图视图 : 编辑编辑 和查查看HTML源代码码 的环环境l 预览视图预览视图 : IE浏览浏览 器的预览环预览环 境 。 1) 网页视图页视图2) 文件夹视图夹视图l文件夹视图类夹视图类 似Windows资资源管理器,显显示站 点的所有文件和文件夹夹,在此视图视图 方式下可进进 行文件和文件夹夹的新建、复制、删删除、剪切、 重命名、修改属性等操作。 3) 报报表视图视图l报报表视图视图 提供14种报报表，帮助我们们了解站点 的情况。 4)导导航视图视图l导导航视图记录视图记录 站点结结构 5) 超链链接视图视图l超链链接视图视图 提供基于超链链接的结结构分析，以 任意网页为页为 中心，形象地说说明通过过超链链接相 连连的其他网页页。从微观观的角度展示站点的结结 构。6) 任务视图务视图l任务视图负责务视图负责 站点任务务的管理，当多人同 时编时编 写一个站点时时,可通过过任务视图为务视图为 各个 成员员分配任务务,协调协调 成员员之间间的工作 网页页的基本编辑编辑 方法 l1) 新建、打开、保存网页页 l可以在站点中创创建新网页页，也可以创创建独立的网页页 。Microsoft FrontPage 内置的各类类模板可以帮助我 们创们创 建不同类类型的网页页。l2) 添加文本和插入素材文件l网页视图页视图 中进进行文本的录录入和word类类似，也可以在 网页页中插入任何一种基于文本的文件，包括 .htm 文 件、.asp 文件、.rtf 文件和 .txt 文件，以及任何 Microsoft Office 文档。 l3) 设设置文本格式 l在 FrontPage 中，可以像使用word的方式来设设置文 本格式，如更改字体、大小、样样式、颜颜色、段落间间 距和文本的垂直位置，以及添加诸诸如下划线线的效果 l4) 插入特殊网页页元素lFrontPage 的插入菜单单可以插入四种类类型的 特殊元素：换换行符、水平线线、符号和注释释。l5) 使用项项目符号和编编号l项项目符号和编编号是组织组织 数据的工具，它可以 使数据层层次分明、重点突出。l6) 使用背景色和背景音乐乐l在 FrontPage 中，可以方便地利用“网页页属 性”命令设设置背景色和背景音乐乐。 在网页页中插入图图片 l在网页页中适当加入图图像会给给网页页增色 ，但也会带带来副作用。图图像的使用降 低了网页页的下载载速度。l因此，在制作网页时页时 一定要注意使用 适当的图图像，尽量减少图图像文件的大 小，减少图图片的尺寸，使用较较少的颜颜 色，避免用户户浪费时间费时间 。 l目前，大多数浏览浏览 器只能显显示两种图图 形文件格式：GIF格式和JPEG格式。l在 FrontPage 中，还还可以处处理其它 一些图图形格式，但在保存网页时页时 ， Front Page 会自动动将 256 色以上的 图图形文件转换转换 成JPEG格式，256色及 其256 色以下的图图形文件转换转换 成 GIF 格式。 认识图认识图 形格式建立超链链接 l超链链接是网页页信息组织组织 的最大特点，它是 网页页之间间的纽带纽带 。正是有了超链链接，才能 使访问访问 网站的用户户通过过点击击的方式漫游 Web 世界。l超链链接的实现实现 方法：将某个文本串或某幅 图图像和其他网页页的地址（URL）联联系在一 起，该该文本串或图图像就具有超链链接功能。 单击单击 此处浏览处浏览 器即可打开相应应地址的网页页 。 l利用FrontPage编辑编辑 窗口建立超链链接：首先 选选中某文本串或某幅图图像，然后使用“插入 ”菜单单中的“超链链接”命令建立超链链接。l 绝对链绝对链 接：链链接到其他Web服务务器上 的网页页文件，其超链链接的语语法为为： http:/网站地址/路径/网页页文件名.htmll 相对链对链 接：本地机器中网页页文件，其 超链链接语语法为为： /路径/网页页文件名.htmll 书签书签 式超链链接：链链接到同一个网页页或 不同网页页文件中的书签书签 位置，其超链链接 语语法为为： http:/网站地址/路径/网页页文件名.html/#书签书签 名超链链接的三种类类型：l在FrontPage中用“插入|书签书签 ”命令可以方便地在网页页中的 某些位置插入书签书签 ，使得来自 其它网页页或同一网页页的超链链接 能够够直接跳转转到这这些位置处处。l在“插入超链链接”对话对话 框列表文 件中选选定一网页页后，单击单击 “书书 签签”按钮选择该钮选择该 网页页上的书签书签 ，将会在书签书签 位置创创建一超链链 接。 书签书签 的设设置方法网页页的布局 l表格和框架是网页页布局的常用工具。l表格在网页页制作中的作用已经经超越了传统传统 意义义上的存放数据，表格已成为组织为组织 数据 、排列网页页元素空间间位置最为为灵活的方法 。l框架也是一种常用的网页页布局方法，它将 浏览浏览 器窗口划分为为功能独立的多个区域， 每个框架显显示一个网页页内容，并且通过过框 架中的超链链接可以更改显显示在另一个框架 中的网页页文件。创建表格 a. 手绘绘表格 用菜单单命令“表格”/“手绘绘表格” ，先绘绘制出表格的轮轮廓，然后绘绘制表格的 单单元格, 由此可以创创建一个不规则规则 的表格 b. 自动动生成表格 用菜单单命令“表格”/“插入 ”/“表格”，指定表格属性的方式创创建表格 ，这这些属性包括表格的行数和列数、表格 宽宽度、对齐对齐 方式、边边框粗细细，以及单单元格 边边距和间间距 c. 使用“插入表格”按钮钮插入表格 通过过指 定列数和行数来快速创创建一个规则规则 的空表l表格绘绘制好后，根据需要可再进进行调调整 ，对对表格的行或列可作增加或删删除操作 。l设设置表格属性：利用表格菜单单的表格属 性命令，弹弹出“表格属性”对话对话 框，可 对对表格的布局、边边框和背景进进行设设置 。l设设置单单元格属性：利用表格菜单单的单单 元格属性命令，在“单单元格属性”对话对话 框 中，可对该单对该单 元格的布局、边边框和背 景进进行设设置。 表格的编辑编辑创建框架 l框架是一种将浏览浏览 器窗口划分 为为功能独立的多个区域的常用 方法。框架集定义义每个框架的 大小、位置、名称和初始网页页 ，普通网页页提供每个框架的内 容。l一个框架的超链链接可以更改显显 示在另一个框架中的网页页。 选择选择 “文件|新建|网页页”命令，出现现“新 建”对话对话 框，选择选择 “框架网页页”选项选项 卡。 在列表中选择选择 所需的模板，例如，选择选择 “ 标题标题 ”模板，该该模板的描述出现现在“说说明 ”区域中，框架网页页布局的预览图预览图 出现现在 “预览预览 ”区域中。 单击单击 “确定”按钮钮，建立了一个新的框架 网页页。创创建框架l在框架每一个子窗口中都有两个按钮钮：l单击单击 “新建网页页”按钮钮，一个新的空白网 页页就会出现现在框架中；l单击单击 “设设置初始网页页”按钮钮，打开“创创建 超链链接”对话对话 框，在对话对话 框中设设置要链链接 的网页页。 a. 拆分框架 选择选择 要拆分的框架，选择选择 “框 架”菜单单中的“拆分框架”命令，打开“ 拆分框架”对话对话 框，根据需要选择选择 “拆分 为为列”或“拆分成行”选项选项 ，单击单击 “确定 ”按钮钮完成拆分。 b. 删删除框架 先选择选择 要删删除的框架，再选选 择择“框架”菜单单中的“删删除框架”命令。 c. 设设置框架的属性 选择选择 需要修改的框架， 选择选择 “框架”菜单单中的框架属性命令；或 者单击单击 鼠标标右键键，从快捷菜单单中选择选择 “框 架属性”命令，打开“框架属性”对话对话 框 。编辑编辑 框架l选择选择 “文件”菜单单的“另存为为”命令。l一个框架网页页是由多个htm文件组组成的， 在存盘时盘时 ，计计算机会分别别提示用户户保存框 架的每一部分，最后保存框架网页页本身。 保存框架l在框架网页页中，单击单击 某框架内网页页上的超链链 接时时，被超链链接所指定的网页页通常在另一个 框架中打开，这这个框架称为为目标标框架。l若要设设置超链链接目标标网页页出现现的目标标框架， 执执行下列操作:l 选择选择 要定义义超链链接的文字或图图片。l 选择选择 “插入”菜单单“超链链接”命令，或单单 击击“常用”工具栏栏上的“超链链接”按钮钮。l 出现现“插入超链链接”对话对话 框，在“地址” 框中输输入链链接的目标标网页页。创创建框架之间间的超链链接l 单击单击 “目标标框架”按钮钮，出现现“目标标框架” 对话对话 框。 其中“公用的目标标区”区域选项选项 含义义如下:l相同框架将链链接的网页显页显 示在包含该该超链链 接的同一个框架内。l整页页将框架展开为为全窗口后显显示链链接的网 页页。l新建窗口另外打开一个浏览浏览 窗口显显示链链接 的网页页。l若是一页页套一页页的框架网页页，选择选择 父框架 可以回到上一层层框架显显示链链接的网页页。 创创建和使用表单页单页 面 l表单单是网页页与浏览浏览 者交互的一种 界面，使访问访问 者能够够利用浏览浏览 器 窗口输输入信息或者选择选项选择选项 ，实实 现对浏览现对浏览 者信息的反馈馈。l应应用表单单，通过过网络进络进 行意见调见调 查查、线线上查询查询 、线线上订购订购 或线线上 申请请等活动动。 创创建表单单网页页 l表单单是由表单单域和网页页元素组组成 ，表单单域是用于用户输户输 入数据的 单单行文本框、多行文本框、复选选 框、单选单选 按钮钮、下拉按钮钮、按钮钮 等。l打开“药药学论坛论坛 ”网页页，在“插 入”菜单单中打开“表单单”子菜单单 ，用鼠标标拖动动子菜单顶单顶 部就会出 现现“表单单”工具栏栏 l1) 在“表单单”工具栏栏中单击单击 “表单单 ”按钮钮,可以插入表单单。此时时，插入 点位置出现现一个由破折线线框表示的表 单单框，表单单内只有“提交”按钮钮和“ 重置”按钮钮。l在表单单中插入表格，再单击单击 “表单单” 工具栏栏中的“文本框”按钮钮，就会创创 建“文本框”表单单域。 插入表单单域l2) 设设置表单单域l表单单网页页布局设计设计 好以后，还还需要对对表单单 域进进行设设置，才能使表单单正常工作。在页页 面中单击单击 相应应的表单单域，就可打开其属性 对话对话 框，对该对该 表单