《工信版（中职）办公软件应用模块5教学课件.ppt》由会员分享，可在线阅读，更多相关《工信版（中职）办公软件应用模块5教学课件.ppt（67页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、YCF（中职）办公软件应用模块5教学课件模块模块5 FrontPage 2003 网页制作网页制作任务任务1 FrontPage 2003 的基础知识的基础知识 任务任务2 在网页中插入图片和超链接在网页中插入图片和超链接 任务任务3 使用使用FrontPage 2003组件美化制作动态网组件美化制作动态网 任务任务4 发布管理网站发布管理网站本章导读本章导读 FrontPage是一款当今很流行的网页设计软件，它集图是一款当今很流行的网页设计软件，它集图片网页设计、数据库应用、多媒体处理、网页特效等众多功片网页设计、数据库应用、多媒体处理、网页特效等众多功能于一体，并且能给设计者建立一个所见即
2、所得的网页设计能于一体，并且能给设计者建立一个所见即所得的网页设计环境。环境。l 了解了解 FrontPage 2003的窗口组成的窗口组成l 掌握网页的创建掌握网页的创建l 掌握插入网页元素掌握插入网页元素l 熟练掌握美化网页的方法熟练掌握美化网页的方法l 了解如何发布与管理网站了解如何发布与管理网站 学习目标学习目标下一页返回任务任务1 FrontPage 2003 1 FrontPage 2003 的基础知识的基础知识 5.1.1 FrontPage 20035.1.1 FrontPage 2003窗口窗口 如如图图5-15-1所示所示上一页下一页 返回状态栏状态栏视图栏视图栏编辑编辑窗
3、口窗口标题栏标题栏菜单栏菜单栏工具栏工具栏任务任务1 FrontPage 2003 1 FrontPage 2003 的基础知识的基础知识 5.1.2 5.1.2 网页的创建网页的创建 1.1.创建空白的网页创建空白的网页(1)(1)选择选择“文件文件”“”“新建新建”“”“网页网页”命令，打开命令，打开“新建新建”对活框。对活框。(2)(2)在在“常规常规”选项卡中选择选项卡中选择“普通网页普通网页”选项，如选项，如图图5-25-2所示。所示。(3)(3)单击单击“确定确定”按钮，按钮，FrontPageFrontPage将基于将基于“普通网页普通网页”模板创建一个模板创建一个空白的网页。空
4、白的网页。2.2.使用模板或向导创建网页使用模板或向导创建网页选择选择“文件文件”“新建新建”“网页网页”命令，打开命令，打开“新建新建”对话框。对话框。在在“新建新建”对话框的对话框的“常规常规”选项卡中，选择除选项卡中，选择除“普通网页普通网页”图标图标以外的任意一个模板向导选项。以外的任意一个模板向导选项。单击单击“确定确定”按钮，按钮，Microsoft FrontPage。即可根据用户选择。即可根据用户选择的模板或向导创建包含指定文本、图形、网页元素的的模板或向导创建包含指定文本、图形、网页元素的Web页。页。上一页 下一页返回任务任务1 FrontPage 2003 1 Front
5、Page 2003 的基础知识的基础知识 5.1.3 5.1.3 网页的保存网页的保存 选择选择“文件文件”“保存保存”命令，在出现的对话框中的命令，在出现的对话框中的“保存位保存位置置”下拉列表框中选定新文件的保存位置，在下拉列表框中选定新文件的保存位置，在“文件名文件名”文本框文本框中输入文件名称，在中输入文件名称，在“保存类型保存类型”下拉列表框中选定新文件的保下拉列表框中选定新文件的保存类型存类型(一般为网页文件，如一般为网页文件，如“WebWeb页页”类型类型)，最后单击，最后单击“保存保存”按钮即可保存当前网页。按钮即可保存当前网页。上一页 下一页返回任务任务1 FrontPage
6、 2003 1 FrontPage 2003 的基础知识的基础知识 5.1.4 5.1.4 创建网站及主页创建网站及主页选择选择“开始开始”“”“所有程序所有程序”Office 2003 Office 2003 Microsoft Microsoft FrontPage 2003FrontPage 2003命令，打开命令，打开FrontPage 2003FrontPage 2003工作界面，如工作界面，如图图5-35-3所示。所示。单击单击“常用常用”工具栏中的工具栏中的“新建新建”按钮，如按钮，如图图5-45-4所示，选择所示，选择“网站网站”命令，打开命令，打开“网站模板网站模板”对话框。
7、对话框。在在“网站模板网站模板”对话框中，如对话框中，如图图5-55-5所示，选择所示，选择“只有一个网页的网站只有一个网页的网站”选项，并直接在对话框右侧的选项，并直接在对话框右侧的“指定新网站的位置指定新网站的位置”下拉列表框中下拉列表框中设定网站文件夹存放的位置及网站名称并单击设定网站文件夹存放的位置及网站名称并单击“确定确定”按钮，按钮，FrontPage 2003FrontPage 2003将在指定路径建立网站结构。新建的网站文件夹将由将在指定路径建立网站结构。新建的网站文件夹将由两个空文件夹两个空文件夹private,imagesprivate,images和一个空白主页文件和一个
8、空白主页文件index.htmindex.htm构成。构成。至此，完成了网站结构及空白网站主页的创建。至此，完成了网站结构及空白网站主页的创建。上一页 下一页返回任务任务1 FrontPage 2003 1 FrontPage 2003 的基础知识的基础知识 5.1.5 5.1.5 在主页中加入背景图片及声音在主页中加入背景图片及声音 FrontPage 2003FrontPage 2003工作区工作区“网站网站”页面或页面或“文件夹列表文件夹列表”目录下双击目录下双击index.htm.,index.htm.,即可打开刚刚建立的空白主页文件并在即可打开刚刚建立的空白主页文件并在FrontPa
9、ge 2003FrontPage 2003工作区中形成标签页面，如工作区中形成标签页面，如图图5-65-6所示。所示。在网页设计区空白处右击在网页设计区空白处右击选择选择“网页属性网页属性”“网页属性网页属性”对话对话框，如框，如图图5-75-7所示所示“常规常规”选项卡选项卡“背景音乐背景音乐”选项区域中的选项区域中的“浏览浏览”按钮按钮设定播放循环次数，即可完成网页背景音乐的设置。设定播放循环次数，即可完成网页背景音乐的设置。“网页属性网页属性”对话框对话框“格式格式”选项卡选项卡“背景图片背景图片”复选框，如复选框，如图图5-85-8所示。所示。“浏览浏览”按钮按钮“选择背景图片选择背景
10、图片”对活框对活框选择选择背背景图片文件景图片文件“打开打开”按钮按钮“网页属性网页属性”对话框对话框“确定确定”按钮按钮就完成了网页背景图片的设置就完成了网页背景图片的设置.如如图图5-95-9所示。所示。上一页 下一页返回任务任务1 FrontPage 2003 1 FrontPage 2003 的基础知识的基础知识 5.1.6 5.1.6 使用显示布局工具规划主页布局并输入文字使用显示布局工具规划主页布局并输入文字 选择选择“视图视图”“网页大小网页大小”命令，如命令，如图图5-105-10所示，选择网页大小。所示，选择网页大小。它决定了网页发布之后在用户浏览其中的显示大小及网页的分辨率
11、，它决定了网页发布之后在用户浏览其中的显示大小及网页的分辨率，它将决定网页布局工作的规划空间。它将决定网页布局工作的规划空间。使用快捷键使用快捷键Ctrl+F1 Ctrl+F1 任务窗格下拉菜单任务窗格下拉菜单选择选择“布局表格和单元格布局表格和单元格”打开打开“布局表格和单元格布局表格和单元格”任务窗格，如任务窗格，如图图5-115-11所示。所示。“表表格布局格布局”列表框中根据这里主页结构选择相近的布局形式列表框中根据这里主页结构选择相近的布局形式“标题、页标题、页脚和三列脚和三列”。将鼠标指针放置到表格水平或垂直分割线上，当鼠标指针变为双向箭将鼠标指针放置到表格水平或垂直分割线上，当鼠
12、标指针变为双向箭头即可拖动改变分割线位置。头即可拖动改变分割线位置。4 4次操作后将分割线设置为如次操作后将分割线设置为如图图5-125-12所所示的位置。示的位置。上一页 下一页返回任务任务1 FrontPage 2003 1 FrontPage 2003 的基础知识的基础知识 拖动选择中部左侧两个单元格使其反白显示拖动选择中部左侧两个单元格使其反白显示“表格表格”工具栏工具栏“拆分单元格拆分单元格”“拆分单元格拆分单元格”对话框对话框“拆分成行拆分成行”产单选产单选“行数行数”微调框中输入微调框中输入4 4，如，如图图5-135-13所示。其右侧的大单元格将放置主所示。其右侧的大单元格将放
13、置主要的文字内容。要的文字内容。单击单击“表格表格”工具栏工具栏“绘制表格绘制表格”按钮，在布局表格顶部单元格按钮，在布局表格顶部单元格中按照背景图片的相应位置绘制出两个小单元格，其中下方的单元格中按照背景图片的相应位置绘制出两个小单元格，其中下方的单元格用于放置用于放置“主页主页”二字，至此完成了对主页的页而布局规划二字，至此完成了对主页的页而布局规划在页面中部和上部的布局表格和表格中输入相应文字在页面中部和上部的布局表格和表格中输入相应文字按快捷键按快捷键Alt+FlAlt+Fl打开文件夹列表窗格，使用打开文件夹列表窗格，使用Word 2003Word 2003编辑文本资编辑文本资料，并将
14、编辑好的文字粘贴到网页右侧布局单元格中选择右侧文字资料，并将编辑好的文字粘贴到网页右侧布局单元格中选择右侧文字资料所在布局单元格，按快捷键料所在布局单元格，按快捷键Ctrl+FlCtrl+Fl打开任务窗格。设置单元格格打开任务窗格。设置单元格格式左、右边距及文字垂直对齐方式，如式左、右边距及文字垂直对齐方式，如图图5-145-14所示。所示。上一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接 5.2.1 5.2.1 网页中图片的来源网页中图片的来源 下一页返回网上图片网上图片资源资源原创原创FrontPageFrontPage自带自带任务任务2 2 在网页中插入图片和超
15、链接在网页中插入图片和超链接 5.2.2 5.2.2 插入图片插入图片 选择选择“插入插入”“图片图片”“来自文件来自文件”命令。在弹出的命令。在弹出的“图片图片”对活框中选择图片存储路径，选中所要插入的图片，单击对活框中选择图片存储路径，选中所要插入的图片，单击“确确定定”按钮。按钮。在插入图片后，将光标移动到另一个插入点。单击图片，在图片在插入图片后，将光标移动到另一个插入点。单击图片，在图片四周出现四周出现8 8个控制柄，表示选中图片。拖动图片四周的控制柄，可个控制柄，表示选中图片。拖动图片四周的控制柄，可改变图片的大小。改变图片的大小。上一页 下一页返回任务任务2 2 在网页中插入图片
16、和超链接在网页中插入图片和超链接 5.2.3 5.2.3 表格表格 1.1.创建表格创建表格 选择选择“表格表格”“插入插入”“表格表格”命令，打开命令，打开“插入表格插入表格”对对话框，在话框，在“大小大小”选项区域中的选项区域中的“行数行数”和和“列数列数”微调框中输入微调框中输入表格的行数和列数，如表格的行数和列数，如图图5-155-15所示。所示。2.2.编辑表格编辑表格1)1)设置表格和单元格的属性设置表格和单元格的属性表格内右击表格内右击选择选择“表格属性表格属性”“”“表格属性表格属性”对话框，可对表对话框，可对表格的布局、边框和背景进行设置。格的布局、边框和背景进行设置。在单元
17、格内右击在单元格内右击选择选择“单元格属性单元格属性”“”“单元格属性单元格属性”对话框，对话框，可对该单元格的布局边框和背景进行设置。可对该单元格的布局边框和背景进行设置。上一页 下一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接2)2)在网页布局中使用表格在网页布局中使用表格利用表格制作网页利用表格制作网页选择选择“文件文件”“”“新建新建”“”“网页网页”选择选择“普通网页普通网页”“”“确定确定”按钮。按钮。快速创建一个快速创建一个3 3行的表格。在页面任何地方，右击行的表格。在页面任何地方，右击“网页属性网页属性”打打开开“背景背景”选项卡选项卡设置颜色为设置
18、颜色为“白色白色”“”“边距边距”选项卡选项卡激活激活“指定上边距指定上边距”、“指定左边距指定左边距”，并设置为，并设置为0 0像素。像素。在表格的第一行，插入网页的标题。在表格第二行，插入一个在表格的第一行，插入网页的标题。在表格第二行，插入一个1 1行行3 3列列的第二个表格。把该表格的第一个单元格的宽度百分比设置为的第二个表格。把该表格的第一个单元格的宽度百分比设置为50,50,第二第二个单元格宽度百分比设置为个单元格宽度百分比设置为150150。在第二个表格的第一个单元格里放置站点的在第二个表格的第一个单元格里放置站点的“目录目录”在第二个单元格在第二个单元格里放置搜索按钮在第三个单
19、元格放置下载专区、投稿专栏等内容。里放置搜索按钮在第三个单元格放置下载专区、投稿专栏等内容。在第一个表格的第三行里插入一些联系方式等方面的信息。在第一个表格的第三行里插入一些联系方式等方面的信息。最后将所有表格的边框大小设置为最后将所有表格的边框大小设置为0 0。保存这个页面，网页制作完毕。保存这个页面，网页制作完毕。上一页 下一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接 5.2.4 5.2.4 插入水平线插入水平线 在网页的某些地方插入水平线可以使网页层次分明。在网页的某些地方插入水平线可以使网页层次分明。将光标移动到要插入水平线的位置，选择将光标移动到要插入水平
20、线的位置，选择“插入插入”“水平线水平线”命令，则插入一条水平线。命令，则插入一条水平线。双击双击(也可右击也可右击)刚刚插入的水平线，会弹出刚刚插入的水平线，会弹出“水平属性水平属性”对话框，对话框，可以根据需要进行设置。可以根据需要进行设置。上一页 下一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接 5.2.5 5.2.5 打开网站后新建并规划网页打开网站后新建并规划网页 启动启动FrontPage 2003FrontPage 2003程序，单击程序，单击“常用常用”工具栏中工具栏中“打开打开”按钮，选按钮，选择择“打开网站打开网站”命令，在命令，在“打开网站打开网
21、站”对话框中选择要打开的站点路对话框中选择要打开的站点路径及名称即可打开站点。径及名称即可打开站点。单击单击“常用常用”工具栏中的工具栏中的“新建网页新建网页”按钮，可以新建一个空白的网按钮，可以新建一个空白的网页文件同时打开页文件同时打开FrontPage 2003FrontPage 2003任务窗格，新建的网页将显示在任务窗格，新建的网页将显示在FrontPage 2003FrontPage 2003设计工作区的设计工作区的new page 1.htmnew page 1.htm标签页中标签页中。规划规划图图5-165-16所示的网页布局表格及单元格，右侧布局单元格中的表格所示的网页布局表
22、格及单元格，右侧布局单元格中的表格为嵌套的表格。为嵌套的表格。将文本内容填入网页将文本内容填入网页图图5-175-17所示的相应位置。所示的相应位置。上一页 下一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接 5.2.6 5.2.6 在网页中插入并编辑图片在网页中插入并编辑图片 在中部单元格中单击定位插入点，单击在中部单元格中单击定位插入点，单击“常用常用”工具栏中的工具栏中的“插入文插入文件中的图片件中的图片”按钮，在按钮，在“图片图片”对话框中选择对话框中选择“终南山终南山.jpg.jpg文件并单文件并单击击“插入插入”按钮，将图片插入网页，如按钮，将图片插入网页，
23、如图图5-185-18所示。所示。双击刚插入的图片，打开双击刚插入的图片，打开“图片属性图片属性”对活框。设置环绕样式为对活框。设置环绕样式为“左左”，对齐方式为，对齐方式为“居中居中”对齐，如对齐，如图图5-195-19所示。所示。选择刚插入的图片，使用选择刚插入的图片，使用“图片图片”工具栏调整亮度、对比度，选择裁工具栏调整亮度、对比度，选择裁切工具，拖动虚线框框选要保留的部分，再次单击裁切工具，裁切图切工具，拖动虚线框框选要保留的部分，再次单击裁切工具，裁切图片无用的部分。片无用的部分。上一页 下一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接 5.2.7 5.2
24、.7 使用图像列表使用图像列表 将相应文字选中，使用将相应文字选中，使用“格式格式”工具栏设定为项目列表属性。选工具栏设定为项目列表属性。选择择“格式格式”“项目符号和编号项目符号和编号”命令，弹出命令，弹出“项目符号和编号项目符号和编号方式方式”列表框，如列表框，如图图5-205-20所示。所示。在打开的在打开的“项目符号和编号方式项目符号和编号方式”对活框中打开对活框中打开“图片项目符号图片项目符号”选项卜，选中选项卜，选中“设定图片设定图片”单选按钮，并使用单选按钮，并使用“浏览浏览”对活框对活框选择需要作为项目列表符号的图片文件，并单击选择需要作为项目列表符号的图片文件，并单击“确定确
25、定”按钮，按钮，如如图图5-215-21所示。所示。上一页 下一页返回任务任务2 2 在网页中插入图片和超链接在网页中插入图片和超链接 5.2.8 5.2.8 设置超链接设置超链接 将光标置于当前网页的任意位置右击将光标置于当前网页的任意位置右击选择选择“网页属性网页属性”“”“网网页属性页属性”对话框对话框“格式格式”选项卡选项卡对超链接的颜色进行设置，如对超链接的颜色进行设置，如图图5-225-22所示。所示。选择要设置超链接的文字或图片，按快捷键选择要设置超链接的文字或图片，按快捷键Ctrl+K Ctrl+K“插入超链接插入超链接”对话框对话框“链接到链接到”列表列表选择超链接类型并在对
26、话框中设置目标选择超链接类型并在对话框中设置目标地址单击地址单击“确定确定”如如图图5-235-23所示。所示。“编辑超链接编辑超链接”对话框对话框单击单击“屏幕提示屏幕提示”“”“设置超链接屏幕提设置超链接屏幕提示示”对话框中输入提示文字，如对话框中输入提示文字，如图图5-245-24所示。所示。单击单击“目标框架目标框架”“”“目标框架目标框架”对话框对话框选择链接对象网页打开选择链接对象网页打开的位置，通常可以选择的位置，通常可以选择“整页整页”或或“新建窗口新建窗口”选项，是指在当前浏选项，是指在当前浏览器窗口或新建的浏览器窗口打开，如览器窗口或新建的浏览器窗口打开，如图图5-255-
27、25所示。所示。上一页返回任务任务3 3使用使用FrontPage2003FrontPage2003组件美化制作动态网组件美化制作动态网 5.3.1 5.3.1 使用网页框架的作用使用网页框架的作用 用一个大而复杂的布局表格来规划网页往往会造成网页显示速度变慢。用一个大而复杂的布局表格来规划网页往往会造成网页显示速度变慢。采用框架就可以在一定程度上解决这个问题，原因很简单，框架将浏采用框架就可以在一定程度上解决这个问题，原因很简单，框架将浏览器窗口分割成几部分，每个部分只显示一个相对简单的网页文件，览器窗口分割成几部分，每个部分只显示一个相对简单的网页文件，同时打开和传输多个内容简单的网页就加
28、快了传输速度，减少了单个同时打开和传输多个内容简单的网页就加快了传输速度，减少了单个复杂网页数据传输对带宽带来的压力。同时这几个部分既可以相互独复杂网页数据传输对带宽带来的压力。同时这几个部分既可以相互独立又可以互相链接，使网页页面变得更加生动立又可以互相链接，使网页页面变得更加生动5.3.2 5.3.2 改变网页框架改变网页框架 当用框架模板建立的框架不能满足需要时，还可以对框架进行分割和当用框架模板建立的框架不能满足需要时，还可以对框架进行分割和删除操作以满足具体的实际要求。在框架网页中单击要改变的框架，删除操作以满足具体的实际要求。在框架网页中单击要改变的框架，选择选择“框架框架”一一“
29、删除删除”或或“拆分拆分”命令，即可实现对当前选中框架命令，即可实现对当前选中框架的删除或拆分操作，框架的改变并不影响原有框架中初始网页文件的的删除或拆分操作，框架的改变并不影响原有框架中初始网页文件的内容。内容。下一页返回任务任务3 3使用使用FrontPage2003FrontPage2003组件美化制作动态网组件美化制作动态网 5.3.3 5.3.3 使用框架规划网页使用框架规划网页 单击单击“常用常用”工具栏工具栏“新建新建”按钮右侧的下三角按钮按钮右侧的下三角按钮选择选择“新建新建网页网页”“”“网页模板网页模板”对话框，如对话框，如图图5-265-26所示，在所示，在“框架网页框架
30、网页”选项选项卡卡选择选择“横幅和目录横幅和目录”新建一个带有新建一个带有3 3个框架的网页。个框架的网页。在新建的框架网页中分别单击在新建的框架网页中分别单击3 3个框架的个框架的“新建网页新建网页”按钮，这样将按钮，这样将会新建会新建3 3个独立的网页个独立的网页 分别在分别在3 3个框架中右击个框架中右击选择选择“框架属性框架属性”“”“框架属性框架属性”对话框，对话框，如如图图5-275-27所示所示选中选中“可在浏览器中调整大小可在浏览器中调整大小”复选框复选框“显示滚动显示滚动条条”选择选择“不显示不显示”选项。选项。右击右击选择选择“网页属性网页属性”“”“网页属性网页属性”对话
31、框对话框“高级高级”选项卡中选项卡中设置网页背景图片或背景色。设置网页背景图片或背景色。按快捷键按快捷键Ctrl+SCtrl+S保存框架中所有网页保存框架中所有网页 上一页下一页返回任务任务3 3使用使用FrontPage2003FrontPage2003组件美化制作动态网组件美化制作动态网 5.3.4 5.3.4 美化布局单元格美化布局单元格 使用任务窗格在左侧框架使用任务窗格在左侧框架“左左.htm”.htm”网页，规划一个网页，规划一个3 3行行1 1列的布局列的布局表格，在顶部框架表格，在顶部框架“顶顶.htm”.htm”网页中规划一个网页中规划一个1 1行行5 5列的布局表格，列的布
32、局表格，调整布局单元格位置大小，如调整布局单元格位置大小，如图图5-285-28所示。所示。选择左侧框架选择左侧框架“左左.htm”.htm”网页，使用任务窗格网页，使用任务窗格“布局表格和单元格布局表格和单元格”、“单元格格式单元格格式”设置各布局单元格水平、垂直对齐方式，设置设置各布局单元格水平、垂直对齐方式，设置页边距为单元格表头、表尾留下足够的空间，如页边距为单元格表头、表尾留下足够的空间，如图图5-295-29所示。所示。分别选择分别选择“左左.htm”.htm”网页中的网页中的3 3个布局单元格，在任务窗格个布局单元格，在任务窗格“单元格单元格格式格式”中选择中选择“单元格表头和表
33、尾单元格表头和表尾”选项，选中选项，选中“显示表头显示表头”复选复选框，设置表头高度、背景色，选择框，设置表头高度、背景色，选择“单元格角部和阴影单元格角部和阴影”选项，设选项，设置相同的宽度高度和颜色，使单元格显示标签状表头，将插入点置置相同的宽度高度和颜色，使单元格显示标签状表头，将插入点置入表头并输入表头文字。入表头并输入表头文字。上一页 下一页返回任务任务3 3使用使用FrontPage2003FrontPage2003组件美化制作动态网组件美化制作动态网 5.3.5 5.3.5 应用动态网页元素应用动态网页元素WebWeb组件组件 单击单击“顶顶.htm”.htm”网页布局单元格置入
34、插入点，选择网页布局单元格置入插入点，选择“插入插入”“”“交交互式按钮互式按钮”命令，打开命令，打开“交互式按钮交互式按钮”对话框，如对话框，如图图5-305-30所示。在所示。在“按钮按钮”选项卡中选择按钮类型为选项卡中选择按钮类型为“金属标签金属标签2”2”并输入按钮文本并输入按钮文本;在在“字体字体”选项卡中设定按钮文字在初始、悬停、按下时的颜色及选项卡中设定按钮文字在初始、悬停、按下时的颜色及水平垂直对齐方式水平垂直对齐方式;在在“图像图像”选项卡中设定按钮的高度和宽度并设选项卡中设定按钮的高度和宽度并设置为置为“GIFGIF图像图像”。插入。插入“相册相册”、“用户权利用户权利”两
35、个交互式按钮。两个交互式按钮。在左侧的布局单元格中置入插入点在左侧的布局单元格中置入插入点“常用常用”工具栏工具栏 WebWeb组件组件“插入插入WebWeb组件组件”对话框对话框“组件类型组件类型”选择选择“WebWeb搜索搜索”“”“选择搜索类型选择搜索类型”“”“当前网站当前网站”单击单击“完成完成”上一页返回任务任务4 4 发布管理网站发布管理网站5.4.1 5.4.1 申请个入主页免费空间申请个入主页免费空间 访问提供免费空间的网站。访问提供免费空间的网站。仔细阅读网页上列出的提示信息，单击仔细阅读网页上列出的提示信息，单击“注册注册”按钮。按钮。接下来，在中请网页中输入用户名、密码
36、、电子邮箱等个入信息，接下来，在中请网页中输入用户名、密码、电子邮箱等个入信息，然后单击然后单击“提交提交”按钮。按钮。下一页返回任务任务4 4 发布管理网站发布管理网站5.4.2 5.4.2 发布网页发布网页 选择选择“文件文件”“”“发布站点发布站点”命令。命令。弹出弹出“发布站点发布站点”对话框，在对话框，在“位置位置”文本框中应填入一个支持文本框中应填入一个支持FrontPageFrontPage服务器端扩展的站点地址，形式如服务器端扩展的站点地址，形式如“http;/www.http;/，但是，但是FrontPageFrontPage的服务器端扩展性能不好，还有安全的服务器端扩展性能
37、不好，还有安全隐患，所以建议大家采用隐患，所以建议大家采用FtpFtp发布。发布。设置完毕后，单击设置完毕后，单击“确定确定”按钮，开始站点的发布。按钮，开始站点的发布。上一页 下一页返回任务任务4 4 发布管理网站发布管理网站5.4.35.4.3安装安装IISIIS将本地计算机模拟为远程将本地计算机模拟为远程 Web Web 服务器服务器 选择选择“开始开始”“”“控制面板控制面板”命令，打开命令，打开“控制面板控制面板”窗口，双击窗口，双击“添加或删除程序添加或删除程序”图标，如图标，如图图5-315-31所示。所示。在打开的在打开的“添加或删除程序添加或删除程序”左侧窗口中单击左侧窗口中
38、单击“添加添加/删除删除WindowsWindows组件组件”按钮，在打开的按钮，在打开的“WindowsWindows组件向导组件向导”对话框中选中对话框中选中“InternetInternet信息服务信息服务(IIS)”(IIS)”复选框并单击复选框并单击“下一步下一步”按钮，如按钮，如图图5-325-32所示。所示。按照向导提示将按照向导提示将Windows XPWindows XP安装盘装入光盘驱动器并单击安装盘装入光盘驱动器并单击“确定确定”按钮，如按钮，如图图5-335-33所示，所示，Windows XPWindows XP将安装并配置将安装并配置IIS,IIS,当安装向导显当安
39、装向导显示完成对话框时单击示完成对话框时单击“完成完成”按钮即完成了安装配置过程。按钮即完成了安装配置过程。上一页 下一页返回任务任务4 4 发布管理网站发布管理网站5.4.45.4.4管理网站管理网站 启动启动FrontPage 2003FrontPage 2003程序，打开网站，在工作区窗口下端单击程序，打开网站，在工作区窗口下端单击“报报表表”按钮，启动按钮，启动“报表报表”视图。选择视图。选择“超链接超链接”选项打开选项打开“超链接超链接”报表，如报表，如图图5-345-34所示。所示。在弹出的报表视图对话框中单击在弹出的报表视图对话框中单击“是是”按钮验证当前站点超链接状按钮验证当前
40、站点超链接状态。态。双击报表中断开的超链接，在弹出的双击报表中断开的超链接，在弹出的“编辑超链接编辑超链接”对话框中，单对话框中，单击击“浏览浏览”按钮替换断开的超链接或单击按钮替换断开的超链接或单击“编辑网页编辑网页”按钮在工作按钮在工作区中打开网页重新设定超链接，如区中打开网页重新设定超链接，如图图5-355-35所示。解决断开的超链接所示。解决断开的超链接问题是网站管理首要任务。问题是网站管理首要任务。单击单击“超链接超链接”的下三角按钮，选择的下三角按钮，选择“问题问题”“组件错误组件错误”命令，命令，显示显示“组件错误组件错误”报表检查错误组件，双击错误组件打开所在网页，报表检查错误
41、组件，双击错误组件打开所在网页，修复组件错误。修复组件错误。上一页 下一页返回任务任务4 4 发布管理网站发布管理网站5.4.5 5.4.5 发布网站发布网站选择选择“文件文件”“”“发布网站发布网站”命令，打开命令，打开“远程网站属性远程网站属性”对话框，对话框，选中选中“FrontPageFrontPage或或SharePoint Services”SharePoint Services”单选按钮，在单选按钮，在“远程网远程网站位置站位置”下拉列表框中输入下拉列表框中输入http:/localhost/index.htmhttp:/localhost/index.htm，如，如图图5-5-
42、3636所示。所示。打开打开“远程网站属性远程网站属性”对活框中的对活框中的“优化优化HTML”HTML”选项卡，如选项卡，如图图5-375-37所示，选择删除设计注释或标记，为网页减肥以优化网站所示，选择删除设计注释或标记，为网页减肥以优化网站;打开打开“发布发布”选项卡，设定选项卡，设定“只发布更改过的网页只发布更改过的网页”和和“包含子网站包含子网站”，并单击并单击“确定确定”按钮，如按钮，如图图5-385-38所示。所示。将完成网站的发布并将视图切换为将完成网站的发布并将视图切换为“远程网站远程网站”视图。此时便可单视图。此时便可单击视图左下角击视图左下角“查看您的远程网站查看您的远程
43、网站”或是打开浏览器在地址栏输入或是打开浏览器在地址栏输入远程网站地址远程网站地址http:/locallhost/index.htmhttp:/locallhost/index.htm浏览发布后的远程网浏览发布后的远程网站了。站了。上一页 下一页返回任务任务4 4 发布管理网站发布管理网站5.4.6 5.4.6 同步维护远程网站同步维护远程网站启动启动FrontPage 2003FrontPage 2003程序，打开本地网站，单击工作区下部程序，打开本地网站，单击工作区下部“远程远程网站网站”按钮切换至按钮切换至“远程网站远程网站”视图。左、右窗格会同时显示本地视图。左、右窗格会同时显示本地
44、和远程网站文件夹内容，可观察到已更改的文件情况和远程网站文件夹内容，可观察到已更改的文件情况;在视图右下在视图右下角选中角选中“远程到本地远程到本地”单选按钮，单击单选按钮，单击“发布发布”按钮，按照提示用按钮，按照提示用已更改过的远程文件覆盖本地文件即可获得远程网站变化的最新状已更改过的远程文件覆盖本地文件即可获得远程网站变化的最新状态。态。在本地网站窗格中双击打开在本地网站窗格中双击打开fpdbfpdb文件夹，并双击文件夹，并双击“数据上传数据上传.mdb”.mdb”数据库文件，即可启动数据库文件，即可启动Access2003Access2003程序修改本地数据库数据记录，程序修改本地数据
45、库数据记录，完成后保存对数据库的修改，关闭数据库。完成后保存对数据库的修改，关闭数据库。在在FrontPage 2003FrontPage 2003工作区工作区“远程网站远程网站”视图右下角选中视图右下角选中“同步同步”单单选按钮，并单击选按钮，并单击“发布发布”按钮，按照提示用已更改过的本地文件覆按钮，按照提示用已更改过的本地文件覆盖远程文件即可使远程网站状态与最新的本地网站同步。盖远程文件即可使远程网站状态与最新的本地网站同步。上一页返回图图5-1 FrontPage 5-1 FrontPage 主窗口主窗口返回图图5-2“5-2“新建新建”FrontPage FrontPage 文件对话
46、框文件对话框返回图图5-3 FrontPage 2003 5-3 FrontPage 2003 工作界面工作界面返回图图5-4 5-4 使用使用“新建新建”按钮按钮返回图图5-5“5-5“网站模板网站模板”对话框对话框返回图图5-6 5-6 在工作区打开新建的网页在工作区打开新建的网页返回图图5-7 5-7 使用使用“网页属性网页属性”对话框设置对话框设置背景音乐背景音乐返回图图5-8 5-8 使用使用“网页属性网页属性”对话框设置对话框设置背景图片背景图片返回图图5-9 5-9 设置背景图片后的网页效果设置背景图片后的网页效果返回图图5-10 5-10 设置网页大小设置网页大小返回图图5-1
47、1 5-11 插入布局表格插入布局表格返回图图5-12 5-12 编辑布局表格编辑布局表格返回图图5-13“5-13“拆分单元格拆分单元格”对话框对话框返回图图5-14 5-14 编辑页面文字编辑页面文字返回图图5-15“5-15“单元格格式单元格格式”任务窗格任务窗格返回图图5-16 5-16 布局表格规划效果布局表格规划效果返回图图5-17 5-17 在布局单元格中插入文字在布局单元格中插入文字返回图图5-18“5-18“图片图片”对话框对话框返回图图5-19 5-19 设置图片对齐格式设置图片对齐格式返回图图5-20“5-20“项目符号和编号方式项目符号和编号方式”对话对话框框返回图图5
48、-21 5-21 使用无格式项目列表使用无格式项目列表返回图图5-22 5-22 使用使用“网页属性网页属性”对话框设置对话框设置超链接颜色超链接颜色返回图图5-23 5-23 设置超链接目标地址设置超链接目标地址返回图图5-24“5-24“设置超链接屏幕提示设置超链接屏幕提示”对话框对话框返回图图5-25 5-25 设置超链接目标框架设置超链接目标框架返回图图5-26“5-26“网页模板网页模板”对话框对话框返回图图5-27 5-27 使用使用“框架属性框架属性”对话框设置对话框设置框架外观框架外观返回图图5-28 5-28 规划布局表格效果规划布局表格效果返回图图5-29 5-29 设置表
49、尾留下足够的空间设置表尾留下足够的空间返回图图5-30 5-30 插入交互式按钮插入交互式按钮返回图图5-31“5-31“控制面板控制面板”窗口窗口返回图图5-32“Windows5-32“Windows组件向导组件向导”对话框对话框返回图图5-33 5-33 安装安装IISIIS返回图图5-34 FrontPage 2003“5-34 FrontPage 2003“报表报表”视图视图返回图图5-35 5-35 替换断开的超链接替换断开的超链接返回图图5-36 5-36 设置网站发布目标地址设置网站发布目标地址返回图图5-37“5-37“优化优化HTML”HTML”选项卡选项卡返回图图5-38“5-38“发布发布”选项卡选项卡返回