当前位置:首页 >> 其它课程 >> FrontPage2003教学教程

FrontPage2003教学教程


FrontPage2003 教程
我们用 FrontPage2003 的“布局表格和单元格”功能布局网页时, 需要通过两部分来完 成。首先通过“布局表格”功能来为网页布局创建一个框架,然后通过“布局单元格”功能为该 框架填充包含有网页内容(包括文本、图像、Web 部件和其他元素)的区域,也就是单元 格。 下面我们就以设置一个单位 网站首页为例来了解一下用布局表格给网页布

局的过程。 一、创建布局表格 1.创建布局表格 打开一个空白网页,并切换到“设计”视图下,单击“表格”菜单中的“布局表格和单元格” 命令,随后在右侧弹出一个任务窗口(图 1),在该任务窗口下面程序提供了多种表格布局 模板,在此单击其中需要的模板即可将该模板添加到网页中。

2.绘制布局表格 如果你对模板中提供的布局表格不太满意,还可以用手工绘制的方法创建一个布局表 格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”,随后将指针移到操作窗口 最下。 3.设置表格属性 插入表格后,还需对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。 提示:在设置表格时,如果要想覆盖网页的默认边距,并让布局表格跨到文档窗口的边 缘,可以将表格中的各个边距的属性都设置为 0。

-1-

在设计框架时经常需要调整某一行或列的属性, 这时可以通过表格中列宽和行高的标签 来完成。 在操作窗口中单击布局表格需要调整的边框, 每一侧都会出现显示列宽和行高的标 签。每个标签都包括一个下拉箭头,如更改行高度时,单击此下拉箭头弹出一个下拉菜单, 选择“更改行高”命令,在弹出的“行属性”对话框中重新输入该行高度值即可。 FrontPage2003 还提供了一个表格自动功能,它可以按照比例自动伸缩,调整表格的 宽度和高度, 使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进 行调整,非常方便。 二、单元格的添加和设置 1.添加单元格 布局表格创建了网页框架后,还要向表格中添加单元格。添加时单击“新建表格和单元 格”项下的“绘制布局单元格”,随后按照绘制表格的方式来绘制单元格。如果我们需要绘制 连续的单元格时,单击“绘制布局单元格”后,按住 Ctrl 键同时拖动鼠标即可。 2.设置单元格 由于首页中需要添加的链接和按钮较多,因此该页面中的单元格比较复杂。为了美观, 在该页面中还需要对单元格进行相关的设置。 (1)单元格属性设置 在“单元格属性设置”任务窗口中单击“单元格属性和边框”命令, 随后可以对选中单元格 的高度、宽度、背景颜色、边框、边距等项进行相应的设置。设置方法与表格的设置相似。 (2)设置单元格角部属性 为了美观,在制作网页时还需要添加一些圆角图片来修饰网页,如导航工具条边缘等。 以前在网页中添加这些图片非常麻烦,而在 FrontPage2003 中我们可以通过对单元格角 部属性的设置轻松解决这一问题。 首先在“单元格格式”窗口中单击“单元格角部和阴影”,随后在下面出现了“角部”和“阴 影”的设置窗口。在“角部”项中点选“使用默认图像”选项,随后设置好该角部的宽度和高度, 并在下面的颜色中设置好该角部的颜色。设置后在“应用”中选择一种角部样式,即可将该角 部添加到单元格中。 此外,我们可以通过“使用自定义图像”来添加一个自制的图片样式(图 2)。

(3)设置单元格的阴影属性

-2-

在“阴影”项中首先对阴影的宽度进行设置, 随后在“柔和度”框中键入所需的值。 单击“颜 色”下拉菜单可以为该阴影选择一种颜色,在“应用”项中输入一种阴影样式,即可将设置好 的阴影添加到网页单元格中。

FrontPage2003 教程(设计网站部分)
1. “拆分”视图

2.改进的图形支持

-3-

3.多编辑器配置

4.Macromedia Flash 支持

5.行为 (右图所示)

-4-

6.交互式按钮

7.快速标记工具

8.智能感知

-5-

9.键入帮助

10.代码段

11.经过改进的工作环境和更大的设计区域。

-6-

12.布局表格和单元格

布局表格工具位于可以方便访问的任务窗格中。 可以使用这些工具应用附加格式, 如圆 角、边框、自动伸缩和其他视觉效果。 自动伸缩:

-7-

圆角:

阴影:

边框:实例中是一条竖线。

表头和表尾:

“表格布局”模板:

-8-

13.图像描摹

14.动态 Web 模板 可以在网站中使用任何数目的动态 Web 模板,并且可以将动态 Web 模板添加到任 意数目的网页中。还可以将动态 Web 模板 (.dwt) 文件保存到任意位置。

-9-

15.网页标尺和布局网格

16.设计阶段层。

17.远程网站视图

- 10 -

Microsoft Office FrontPage 2003 中的远程网站视图可以帮助您将整个网站和单独 的文件和文件夹发布到任何位置:扩展的 Web 服务器、支持文件传输协议 (FTP) 或基于 Web 的分布式创作和版本控制 (WebDAV) 的 Web 服务器、或文件系统中的某个位置。 远程网站视图同时显示本地网站和远程网站中的文件。图标和说明性文本会指示文 件和文件夹的状态,同步功能有助于确保不会意外地覆盖任何文件或文件夹。

18.连接到远程网站 通过新的远程网站对话框可以指定连接设置, 并有助于您管理连接类型和协议 — 包括 安全套接字层 (SSL) 或被动 FTP。

- 11 -

19.优化 HTML 在本地网站上或将网页发布到远程网站时,可以在文件和文件夹中生成干净的 HTML 代码。这意味着通过删除多余的格式和标记,可以减少网页的大小。Web 设计人员可以使 用空白使 HTML 的外观更具吸引力,但这些空白并不是网页正确工作所必需的。您可以删 除空标记、空白、多余标记、不用的和空的样式定义以及指定的某些标记。

- 12 -

教学要求与课时安排 教学要求 ? 掌握 FrontPage 2000 的启动和退出方法。 ? 掌握网页制作的各种技术和方法:包括文字处理、图片处理、框架、表 格、表单、链接等。 ? 学会使用 FrontPage 2000 导航视图组织网站结构。 ? 学会使用报表视图管理网站。 ? 了解动态网页制作的一般方法。 ? 学会申请免费主页空间并上传网页。 教学内容及课时安排 第一节 网页制作基础知识 约 2 课时 第二节 网页的建立 约 2 课时 第三节 网页图片处理 约 2 课时 第四节 网页表格 约 4 课时 第五节 表单的制作 约 2 课时 第六节 网页框架 约 2 课时 第七节 动态网页制作 约 4 课时 第八节 创建超链接 约 4 课时 第九节 网站管理 约 2 课时 第十节 知识扩充 约 2 课时 第十节 制作个人主页 约 8 课时 第十一节期终复习 约 3 个课时

- 13 -

第一节 网页制作基础知识 【教学要求】 (1) 了解网页的组成元素,理解网站、网页、主页、HTML 等几个概念。 (2) 了解常用网页制作工具。 (3) 掌握 FrontPage 2000 的启动的退出方法。 (4) 熟悉 FrontPage 2000 的操作界面,了解各种视图的用途。 【教学重点与难点】 理解概念;掌握 frontpage 启动与退出的方法 【教学课时】 :2 课时 【教学过程】 : ●、概念 1、什么是网站? 网站是一种通过互联网连接起来的,为用户提供网页服务(webserver)、数 据传输服务(FTPserver) ,邮件服务(Databaseserver)等多种服务的信息载 体,它通常以虚拟主机或主机托管的方式托管的方式进行存放或动作,网站 有固定的域名。如:www.31shsx..com 2、什么是网页?(Webpage) 站点的其他页面与主页在一起。统称为网页。网页是全球广域网上的基 本文档,用 HTML (超文本标记语言) 书写,其中可以包含文本、图片、动 画、音乐、链接等元素。网页可以是站点的一部份,也可以独立存在。每一 个网站都是由若干网页组成的,各网页之间通过链接联系在一起。 3、什么是主页? 它是指通过浏览器访问一个 www 站点的所看到的第一页。 首页名称为: index.htm 4、什么是 HTML? HTML (超文本标记语言)是一种用于全球广域网上文档中的标准标记 语言。 ●、常用的网页制作工具 超文本标记语言(Hypertext Markup Language,HTML) CDIDA FrontPage Flash Dreamweaver ●、内容的编排: 一类:有关这个网页或站点的内容,比如页面标题、站点标志、页面统计及 管理信息等 二类:网页的主体内容,这个部分内容是整个网页的核心,也是这个网页要 展示给访问者的信息索引。主体内容又分为两种,一种是访问比较频繁、更机关 报速度比较快的内容,不妨称之为热门内容;一种是相对较稳定、更新速度比较 慢的内容,称为冷若冷门内容。 三类:与网页本身没什么关系,通常属于那种合作性的内容,比如广告 ●、页面布局: 1、 页面尺寸: 640*480 (623*350) 、 800*600 (780*490) 、 1024*768 (1007*638) 2、页面的重点区域:左上角和页面中央位置 网页的标题或标志放在页面的左上角, 让访问者第一眼就能看见这个站 点标志,网页中最热门、最吸引人的一些内容放在页面的中央,以便于工作以最 快的速度提高访问者对这个网站的访问兴趣。如:新浪、搜狐
- 14 -

3、页面的框架 左右型: 下下型: 复合型 4、页面的基本元素 视频、flash、动画、activex 控件,基本的文字和图片 5、页面布局的基本方法: photoshop 6、页面布局的技术: 框架布局 表格布局 层布局 ●、色彩理论 1、选取背景色 一种是使用背景图平铺整个页面,另一种是使用背景色填充整个页面。因为 背景图有一定的花纹和色数(颜色的数目) ,与只有单一色数的背景色相比,很 容易造成页百的混乱, 所以如果不是有特别合适的背景图片,还是使用背景色为 好。 背景色往往取决于页面的内容,包括页面内容的多少和页面内容的性质。一 般来说,明色调,比如白色,适合于内容较为丰富的页面,它可以使页面显得比 较整洁,现在大多数的站点都选用白色作为背景色;而暗色调,比如黑色、深红 色、深蓝色等,适合于内容比较少的页面,它可以使页面显得比较饱满。另外, 页百内容的性质也影响背景色的选取,比如大多数的游戏和黑色站点都喜欢黑 色,因为黑色往往会给人以神秘感。 2、选取主色调 (1):网页的所有者(IBM 蓝色) (2) :网页的主题(环保绿色) 3、色彩搭配与色彩平衡 搭配色在页面中不宜占用较大的面积 多使用中性色金、银、黑、白和灰进行页面的过渡和缓解 不宜使用反差太大或太两眼的颜色 ● 、素材的收集 收集大部分素材 ●、新站点的建立 为了有效地发挥 FrontPage2000 对网页的组织管理功能,通常在制作具体的 网页之前,应先创建一个新站点,然后根据网站的具体结构制作网页。 [ 例 1-1] 在“ My Documents ”中的 “My webs”文件夹下建立一个名为 “huanbao”的新站点。 操作步骤: ① 单击 “开始” 按钮, 将指针依次指向 “程序 (P) ” “Microsoft FrontPage” , 并单击,即可启动 FrontPage2000,如图所示。

- 15 -

② 依次单击“文件(F) ”菜单中的“新建(N) ” “站点(W) ”命令,弹出“新 建”对话框,如图所示。

③ 在“新建”对话框中单击“空站点” ,在“指定新站点的位置(S) ” 框中输入 “E:\name” ,最后单击“确定”按钮。 FrontPage 2000 将自动在指定位置建立一个站点,首先建立 “e:\name”文 件夹, 然后在此文件夹下, 再建立一组文件夹, 其中可见文件夹包括: “_private” 和“Images” (存放图形文件) ,其余文件夹被隐藏起来,如图所示。

- 16 -

实践与探索: 利用模板,新建一个“个人站点” ,观察所建立起来的文件和文件夹与空站点 有何异同,根据个人需要,分别在各网页中输入相应的内容,并保存起来。 ④单击“文件(F) ”菜单中的“退出(X) ”命令,退出 FrontPage2000。 ●FrontPage 功能简介 (1) 正因为它具有强大的网站创建、 维护和发布功能, 所以凡是在 FrontPage 中创建或由 FrontPage 维护的站点,都有一个特殊的站点名称:FrontPage Web, 与其他网站不同之处在于它们可以由 FrontPage 来增加一些独特的性能,而使用 其它网页制作程序生成的网站文件夹,则必须通过 FrontPage 转换器转换后,才 能在 FrontPage 中打开。 (2) 在 FrontPage 中,可以建立新网站、引入已有网站和删除网站。在此 意义上, FrontPage 的功能类似于 windows 98 资源管理器,不同之处在于 FrontPage 只管理与网站相关的网页文件以及网页中所使用的图片、 动画等文件。 为便于管理网站,每一个 FrontPage Web 站点都含有一套标准的文件夹,在 FrontPage 中可以看到以下两个文件夹: _private 文件夹:其中保存正在建造中的页面、参考文件和其它一些重要数 据, 虽然这个文件夹可见, 但存在此文件夹下的文件对于各种浏览器来说是隐藏 的。 images 文件夹:该文件夹专门用来存放图片,凡是网页中出现的图片、动画 等文件,最好保存在此文件夹中,使网站保持清洁。 在资源管理器中观察网站文件夹,还可以看到另外一些文件夹,如_vti_cnf、 _vti_pvt、_borders 等,其中存放的是一些关于站点的重要数据,仅供 FrontPage 自己使用。 (3)在网站的创建、管理和维护过程中,FrontPage 会跟踪网站中的所有文 件,因此制作网页时,最好先创建一个网站,然后再制作网站中的具体网页。同 样,删除网站时,也要在 FrontPage 中进行,FrontPage 会将网站中所有的文件, 包括网页、图片、动画、声音等文件全部删除。 ●FrontPage 视图方式 在 FrontPage 2000 视图栏中,有页面、文件夹、报表、导航、超链接、任 务等六种视图方式按钮,分别代表六种不同的工作模式。 (1)页面:用来编辑网页。
- 17 -

(2)文件夹:用于管理站点中的文件和文件夹。 (3)报表:用来了解整个网站的状况,报告站点中文件和超链接的状态。 (4)导航:用于帮助设计网站结构图,网页会依据结构图的形式自动产生 链接。 (5)超链接:显示来自和指向站点中每一个网页的所有超级链接。 (6)任务:列出站点中要完成的任务。 根据需要,单击视图栏中的按钮,来切换不同的视图方式。 ●FrontPage 三种工作方式 在 FrontPage 网页视图中,有三种工作方式:普通、HTML 和预览。 【学生操作 教师辅导】 【小结】 1、概念的掌握:网页、网站、主页 2、启动与退出 3、站点的建立 【练习】 : 1.什么叫网页? 2.一般情况下,网页由哪几种元素组成? 3.FrontPage 2000 有几种视图方式?每种视图方式各有什么功能? 4.站点如何建立 5.如何启动与退出 【教学后记】

- 18 -

第二节

网页的建立

【教学要求】 1、熟悉网页中的各种元素及其制作方法,初步了解网页制作过程。 2、掌握网页文字处理、插入图片、动画、水平线以及设置背景的方法。 【教学重点与难点】 在网页中插入图片、动画等方法 【教学课时】 :2 课时 【教学过程】 : 一、 网页的制作 FrontPage2000 默认的视图方式是“网页” ,因此,在下图的右侧标明 “ new_page_1.htm ” 的网页 编辑 窗口 中, 可以直 接进 行网 页的 编辑。 虽然 FrontPage2000 具有“所见即所得”的功能,但网页中的某些效果还必须在浏览 器中才能看出。 [例 2-1] 在“ huanbao ”网站中建立第一个网页,页面如图所示,取名为 “welcome.htm” 。

操作步骤: 1.打开站点 启动 FrontPage2000,单击菜单“文件(F) ”菜单中的“打开站点(W) ”命 令,在弹出的“打开站点”对话框中选定名为“huanbao”的站点,再单击“打 开(O) ”按钮。 2.语言设置 在网页编辑窗口中的空白处右击,单击快捷菜单中的“网页属性”命令,打 开 “网页属性” 对话框, 单击 “语言” 标签, 将语言代码定义为 “简体中文 (GB2312) ” , 如图所示,最后单击“确定”按钮。

- 19 -

3.文字编辑 文字编辑是制作网页最基本的操作。在网页编辑窗口中,可以像在 Word 中 一样直接输入文字,进行编辑和排版,不同之处在于: (1)字体 在网页中使用各种不同的字体,虽然会使网页看起来更加美观,但是如果访 问者的电脑中没有安装相应的字体,那么浏览器只能用系统默认的字体来显示, 通常默认的字体是宋体,这样不但无法看出设计者预期的效果,可能还会因为 字体不兼容而造成乱码,使访问者无法正常浏览页面。所以,在制作网页时, 应尽量使用常规字体,如果某些地方(如页面大标题)一定要用特殊的字体进 行美化,可以把这些文字做成图片,以保证正常浏览。 (2)字号 在 FrontPage 中,字号从 1 号到 7 号,加上普通型共有 8 种,最大的字号是 7 号字(36 磅) ,最小的字号是 1 号字(8 磅) ,默认的是普通型。当然还可以单 击格式工具栏的增大字号按钮 或减小字号 按钮来改变字的大小。

操作步骤: ① 选定标题“绿色家园” ,进行如下设置:字体为黑体,字号为 7 号字,颜 色为绿色,居中排列。 ② 选定正文,并设置如下:采用默认的字体和字号,颜色为黑色,居中排 列。 4.插入图片 插入图片可使网页丰富多彩。在网页中可以使用的图片类型有多种,但最常 用的是 GIF 和 JPG 格式的图片, 因为这两种图片的文件长度较小,有利于提高网 页的浏览速度。所以,插入其他格式的图片后,在页面存储时,系统会自动将图 片格式转换成 GIF 或 JPG 格式。 信息卡:GIF 和 JPG GIF 和 JPG 都属于压缩的图形格式。 GIF 图形采用非失真的压缩方式,最多只能显示 256 种颜色。在图形的压缩 过程中,不改变图片的清晰度,而减少色彩的丰富程度,因此,当色彩超过 256
- 20 -

色的图片转换成 GIF 格式后,颜色将会发生改变。 JPEG 图形采用失真式压缩方式,在图形的压缩过程中,不改变图片的色彩, 而改变图片的清晰度,因此,压缩后的图形虽然会有失真,但它却可以支持 24 位真彩色。 所以,一些高反差、色彩单调的图片,如商标、卡通等,宜采用 GIF 格式, 而需要显示具有细微色彩变化的图片,如照片、色彩丰富的电子美术作品等,则 宜采用 JPG 格式。 插入图片的方法是:将插入点移到要插入图片的位置,依次单击“插入(I) ” 菜单中的“图片(P) ” “来自文件(F) ”命令,打开“图片”对话框,如图所示。

如果要插入的图片已经保存在当前的网站中,可以直接在图的列表框中选 取,然后单击“确定”按钮。否则,单击“浏览”按钮 ,从“选择文件”

对话框中选择所需图片,单击“确定”按钮,将图片插入到网页中。 在“图片”对话框中,还可以单击“剪贴画(C) ”按钮,插入 Office 剪贴 画;单击“扫描(S) ”按钮,插入从扫描仪获取的图片。 操作步骤: ① 依次单击“插入(I) ”菜单中的“图片(P) ” “来自文件(F) ”命令,打 开“图片”对话框,单击“浏览”按钮,从弹出的“选择文件”对话框中选择所 需图片“zhuzi.gif” ,单击“确定”按钮,插入图片。 ② 拖动图片到页面左侧适当位置。 5.插入动画 在网页制作中,经常使用一些小动画,使页面生动活泼,这些小动画文件用 专门的工具制作,也以 GIF 作为文件的扩展名。 操作步骤: ① 依次单击“插入(I) ” 菜单中的“图片(P) ” “来自文件(F) ”命令, 打开“图片”对话框,单击“浏览”按钮,从“选择文件”对话框中选择所需图 片“diqiu1.gif” ,单击“确定”按钮,插入动画。 ② 拖动动画到标题下方适当位置。 6.插入水平线
- 21 -

水平线是贯穿网页宽度的细灰条,用来分隔文本或加着重符。插入水平线可 以帮助我们将各类相关信息组合到一起,但同一个页面中水平线不宜过多。 插入水平线的方法是:先将插入点移到目标位置,再单击“插入(I) ” 、菜 单中的“水平线(L) ”命令。 如果要设置水平线的外观,可以双击水平线,打开“水平线属性”对话框, 如图所示。

调整水平线的宽度、高度、对齐方式以及颜色,就可以改变它的外观。 操作步骤: ① 将插入点移到小动画前。 ② 单击“插入(I) ” 菜单中的“水平线(L) ”命令。 ③ 双击水平线,在“水平线属性”对话框中,将宽度设置为 50%,其余参 数采用默认值,单击“确定”按钮。 7.设置背景 大多数网页都应用背景图案来为网页增色,这些背景可以是一幅大图片,也 可以是若干个小图片的重复使用(即“平铺” ) 。选择背景图案时,要注意与文本 相协调,而且背景的应用不要妨碍文本的阅读。另外,背景图案越小,网页的下 载速度就越快。 设置背景的操作步骤: ① 单击“格式(O) ”菜单中的“背景(K) ”命令,出现“页面属性”对话 框,且“背景”标签已被打开,如图所示。

- 22 -

② 单击“浏览(B) ”按钮,在“选择文件”对话框中浏览文件夹内容,从 中搜索到所需背景图案后,单击“确定”按钮,关闭“选择文件”对话框,再单 击“确定”按钮,关闭“页面属性”对话框,背景图案即可插入页面。 页面制作完成,可以单击“预览”标签,观察一下效果。 二、网页的保存 单击“文件(F) ”菜单中的“保存文件(S) ”命令,弹出“另存为”对话框, 如图所示。

在“文件名(N) ”列表框中输入“welcome”后,单击“保存(S) ”按钮。 如果要保存的页面含有图片、动画、声音等元素,FrontPage 还会继续询问是否 保存这些嵌入的文件,如图所示。

此时最好将这些文件保存起来,以保持它们在网页中的位置,否则,当网站 发生迁移时,可能因找不到这些图片、动画等文件而无法显示。另外,最好将它 们保存到 Images 文件夹中,使网站保持清洁,便于管理和维护。 信息卡:分辨率与屏幕大小 制作网页时,要充分考虑大多数人的需求,才能使你的网页看起来更完美。 比如大多数人使用 15 寸的显示器,分辨率设置为 800×600,那么制作网页时也 应以此为标准,否则,如果你在 1024×768 的分辨率下制作网页,那么大多数人 在浏览网页时,只能看到网页的一部分,要拖动滑块才能看全你的网页,这样反 而使网页的整体效果变差。 【学生操作练习 教师辅导】
- 23 -

【小结】 1、网页的扩展名 2、网页中图片的插入 3、水平线如何插 入,背景的设置 【思考】 : 1.在设计网页过程中,定义字体时要注意哪些问题? 2.为什么在网页中通常都使用 GIF 或 JPG 格式的图片文件? 3.设置网页的背景时,能否使用较大的图片?有什么缺点? 【教学后记】

- 24 -

第三节

网页图片处理

【教学要求】 1、熟悉 FrontPage2000 的图片处理功能。 2、掌握图文布局的方法。 3、学会“设置透明颜色”按钮的用法,并能在网页制作过程中灵活运用。 4、学会使用“自动缩略图”技巧来加速网页的下载。 【教学重点与难点】 在网页中插入图片、动画等方法 【教学课时】 :2 课时 【导入】 : 在网页设计中,大多追求图文并茂的效果,但有时因为图片的大小与文 字不一致,使网页看起来不协调,此时可以改变图文的位置关系,使网页看 起来更美观。 【教学过程】 : 一 、图文的布局 将指针指向图片并右击,单击快捷菜单中的“图片属性”命令,弹出“图片 属性”对话框,单击“外观”标签,即可改变图片和文字的布局,如图所示。

在“对齐方式”列表框中,列出了十种图文对齐方式,可以根据需要,选择 其中的一种。 [ 例 ] 在 “ name ” 网 站 中 , 建 立 一 个 新 网 页 , 导 入 现 成 的 文 本 文 件 questions.txt , 在 其 中 插 入 两 幅 图 片 , 设 置 图 文 并 列 的 方 式 , 其 中 图 片 questions.gif 采用左对齐方式,与各小标题并列起来;图片 water.gif 采用右 对齐方式,放置在“水污染”标题下,如图所示,将网页保存为 questions.htm。

- 25 -

操作步骤: ① 启动 FrontPage2000,打开“name”的站点。 ② 单击常用工具栏“新建”按钮,打开一个新的页面。 ③ 单击“插入(I) ”菜单中的“文件(F) ”命令,弹出“选择文件”对话 框,从中选择所需的 questions.txt 文件,单击“确定”按钮,在弹出的“转换 文本”对话框中,选择“以 HTML 方式处理” ,再单击“确定”按钮。 ④ 依次单击“插入(I) ” 菜单中的“图片(P) ” “来自文件(F) ”命令, 插入图片 questions.gif 和 water.gif。 ⑤ 右击图片 questions.gif,单击快捷菜单中的“图片属性”命令,打开 “图片属性”对话框,单击“外观”标签,单击“对齐方式”右边的向下箭头, 选择“左对齐” 。 ⑥ 用同样的方法将图片 water.gif 定义为右对齐的方式,适当调整两幅图 片的位置。 学生操作,教师辅导 二、 图片的定位与图层的形成 在 FrontPage 2000 中,对图片与文字同等处理,所以图片只能放置在文字 之间,且只能在文字和图片之间进行移动。如果页面上没有任何文字,那么图片 只能放置在第一行首位,使用直接拖动图片的方法,无法移动图片的位置。 如果要将图片放置在页面中的任意位置,可以采用绝对定位的方法。首先打 开“图片”工具栏,方法是:依次单击“查看(V) ”菜单中的“工具栏(T) ” “图 片(P) ”命令,即可打开图片工具栏,如图所示。

选定图片后,单击图片工具栏中“绝对定位”按钮,然后拖动图片至目标位 置。 在网页中可以插入若干图片,并且这些图片可以重叠起来,形成特殊效果。 在系统默认的情况下,后插入的图片将重叠在已有图片之上(即“顶层” ) ,这样 就形成了图层。根据需要,可以通过图片工具栏“上移一层” “下移一层”按钮 来改变图片的叠放顺序。 三、图片的透明处理 当网页设置了背景后,为了使网页更加美观,所插入的图片背景最好设置为 透明,使网页背景能够透过来。如果要将图片的背景变为透明,只要单击图片工 具栏中“设置透明颜色”按钮,然后将指针指向图片中需要变成透明的颜色并单 击,此时图片中所有该种颜色全部变为透明。注意,只有 GIF 格式的图片才能设 置透明背景。 [例] 将 questions.gif 图片背景中的白色变为透明。 操作步骤: 单击图片工具栏的“设置透明颜色”按钮,将指针指向该图片中白色背景处 单击,即可产生背景透明的效果。 四、图片的自动缩略 设计网页时,为了加快网页的下载速度,可以使用自动缩略图功能,它的作
- 26 -

用是将图片缩小,当访问者浏览网页时,看到的是小图,如果要进一步细看此图 片,单击一下小图,就可以看到原图大小的图片了。 自动缩略图的制作方法是:先选定图片,然后单击图片工具栏“自动缩略图” 按钮即可。当然,还可以进一步定义缩略图的外观,方法是:单击“工具(T) ” 菜单中的“网页选项(A) ”命令,打开如图所示的“网页选项”对话框,单击“自 动缩略图”标签,修改其中的参数,即可改变图片的外观。

[例 5] 将 questions.htm 网页中 water.gif 图片制作成自动缩略图。 操作步骤: ① 单击 water.gif 图片,单击图片工具栏“自动缩略图”按钮。 ② 单击 “工具(T) ” 菜单中的“网页选项(A) ”命令,打开“网页选项” 对话框,单击“自动缩略图”标签,再选中“边缘凹凸效果(V) ”命令,单击“确 定”按钮即可。效果如图所示。

信息卡:套用主题 制作一个具有专业水平的网站,不仅要有充实的内容,还应该有精美的外观 和统一的风格, 这样才能吸引访问者, 但要达到以上要求并不容易。 FrontPage 的 “主题”功能简化了网页制作人员的工作,一旦在网站套用了主题,包括背景图 案、项目符号、网页横幅、导航按钮等涉及网站外观的元素,全部按照统一的格 调搭配起来,让大家轻松拥有一个舒心的网站。 实践与探索:将本网页套用一个你喜欢的主题,观察标题、导航条、水平线 的变化。 【补充内容】 演示:网页特效制作 1、打开“小程序“,选择“滚动背景” ,复制全部代码 2、打开网页,选择“HTML“方式,将其代码复制到<body>与</body>之间 3、预览效果
- 27 -

【学生操作练习 教师辅导】 【小结】图片格式的处理;自动缩略图 【思考】 1、图片可以放置在网页中的任意位置吗?应如何操作? 2、使用“自动缩略图”有什么好处? 【教学后记】

第四节

网页表格

【教学要求】 1、理解表格在网页制作中的特殊用途。 2、掌握绘制表格的方法并能根据实际需要设计表格。 3、掌握设置表格的边框、背景、大小的方法。 【教学重点与难点】 理解表格在网页制作中的特殊用途。 【教学课时】 :4 课时 【导入】 : 在制作网页时经常遇到定位不准问题,如何定位准确,我们今天向大家 介绍这种方法,用表格来定位 【教学过程】 : 一、表格的建立 [例 1] 在“huanbao”网站中建立如图所示的网页,取名为 index.htm。

操作步骤: ① 单击常用工具栏“新建”按钮,新建一个空页面。 ② 单击“表格(A) ” 菜单中的“手绘表格(B) ”命令,打开表格工具栏, 此时“手绘表格”按钮被置亮。 ③ 拖动指针画出表格的外框,再按照图中所示的虚线,添加表格线,画出 整个表格。 ④ 分别在各单元格中填充内容。包括输入文字、插入图形,调整文字的字 体、字号、颜色和对齐方式,使文字排列如图所示。因为“环保问题” “环保知
- 28 -

识” “环保事件” “环保世纪行”本身又是一个规则表格,所以要在大表格的单元 格中再插入一个小表格。 ⑤ 将光标移到“环保问题”所在的单元格,单击常用工具栏中“插入表格” 按钮,并向右下方拖动,拖出一个“7×1”表格,在此小表格中分别输入相应文 字,然后用同样的方法制作其余的三个表格。 二、表格属性的设置 [例 2] 将表格边框设置为 0,并指定表格的宽度为 800 像素。 操作步骤: ① 依次单击“表格(A) ”菜单中的“属性(R) ” “表格(T) ”命令,打开“表 格属性”对话框,如图所示。

② 将“边框粗细”设置为 0,指定宽度为 800 像素,其余采用默认值,单 击“确定”按钮,表格设置完成。 三、单元格属性的设置 [例 3] 设置如图所示的单元格背景。 操作步骤: ① 选定 “环保问题” 所在的单元格, 单击 “表格 ( A) ” 菜单中的 “属性 (R) ” “单元格(C) ”命令,打开“单元格属性”对话框,如图所示。

② 选中“使用背景图片”命令,并选定相应的图片文件,单击“确定”按 钮。 ③ 选定“环保问题”下面六个单元格,打开“单元格属性”对话框,将背 景设置为浅蓝色。 ④ 用同样的方法定义其余单元格。 单击“预览”按钮,观察网页在浏览器中的效果,适当拖动表格的边框,使 网页的浏览效果趋于完美。 最后将网页以“index.htm” 为文件名保存起来。
- 29 -

【学生操作练习 教师辅导】 【小结】 表格的制作设置 【思考】 : 1、表格的制作方法有几种? 2、当表格的边框设置为 0 时,表格是否存在? 【教学后记】

第五节 表单的制作 【教学要求】 1、理解表单网页的用途。 2、掌握六种表单字段的含义。 3、掌握表单网页的制作方法,能够与表格技术相结合,制作美观实用的表 单。 4、了解表单资料的收集原理。 5、了解搜索表单的用途。 【教学重点与难点】 掌握表的简单制作方法。 【教学课时】 :2 课时 【导入】 : 大家一定在网上看过注册网页,有些同学在申请邮箱时也填写过,你们所 看到的那个网页就叫表单。 板书:表单(Form)是一种结构化的文件,用于收集和发布信息。 它是网站管理员与访问者进行交流的一种媒介, 通过访问者填写表单中的选 择题、填空题和问答题,网站管理员可以收集到来自世界各地的资料和意见。目 前表单主要用来进行意见调查、在线查询、网上购物、在线申请等。在表单中经 常出现的字段有:单行文本框、多行滚动文本框、单选框、复选框、下拉列表框 和按钮。下面我们就来学习表单的制作: 【新授】 : 一、表单的建立 在 FrontPage 2000 中,单击 “插入(I) ” 菜单中的“表单(M) ”命令, 其下拉菜单中列出了所有的字段,单击其中的一种,即可插入相应的字段。 [例] 建立如图所示的表单网页,取名为 guestbook.htm。

- 30 -

操作步骤: ① 单击“新建”按钮,建立新页面,首先创建一个 2×1 表格,并在表格的 第一行插入标题动画(look.gif、liuyan.gif 等) 。 ② 右击表格的第二行,单击快捷菜单中的“拆分单元格”命令,打开“拆 分单元格”对话框,选择“拆分为列” ,并输入列数:3,将该单元格拆分分三列, 分别定义两侧单元格的背景色为浅紫色。 ③ 将插入点移到中间的单元格后,依次单击“插入(I) ” 菜单中的“表单 (M) ” “单行文本框(T) ”命令,页面上出现一个单行文本框和两个按钮,分别 是“提交”和“复位”按钮,将插入点移到文本框左侧,接着输入“姓名: ” ,然 后将插入点移到文本框右侧。 ④ 输入“年龄: ” ,然后依次单击“插入(I) ” 菜单中的“表单(M) ” “单 行文本框(T) ”命令,产生第二个单行文本框,按回车键。 ⑤ 输入“性别: ” ,然后依次单击“插入(I) ”菜单中的“表单(M) ” “单选 按钮(R) ”命令,输入“女” 。再用同样的方法插入另一个单选按钮,并在其右 侧输入“男” ,然后,双击各单选按钮,分别设置它们的属性,其中“组名称” 必须相同,表示这两个按钮在同一个单选按钮组,最后按回车键。 ⑥ 输入“爱好: ” ,然后依次单击“插入(I) ”菜单中的“表单(M) ” “复选 框(C) ”命令,输入“音乐” 。用同样方法制成其余复选框。 ⑦ 输入“职业: ” ,依次单击“插入(I) ”菜单中的“表单(M) ” “下拉菜单 (D) ”命令。 ⑧ 双击下拉式菜单,出现如图所示的“下拉菜单属性”对话框。

⑨ 单击“添加”按钮,添加一个“学生”菜单项,重复操作,添加其余菜 单后,再单击“确定”按钮,并按回车键。 ⑩ 输入“您对本网页的建议: ”后,按回车键。 1 1 依次单击“插入(I) ”菜单中的“表单(M) ” “滚动文本框(S) ”命令, ○ 在网页编辑区将出现一个滚动文本框,调整文本框的大小,使其大小合适。
- 31 -

1 2 保存网页,取名为 guestbook.htm。 ○ 实践与探索:单击“新建(N) ” 菜单中的“网页(P) ” 命令,打开“新建” 对话框,利用其中“表单网页向导”也可以轻松建立各种类型的表单,如个人信 息、产品信息、订购信息等,操作时只需要按照该向导的提示进行选择,然后单 击“下一步”按钮,直到完成为止。试建立一个联络信息的表单,要求使用者输 入姓名、地址、电话、邮编、E-mail 地址等。 二、表单资料的收集和处理 表单的作用在于帮助收集资料, 对于访问者来说, 填完资料后, 单击 “提交” 按钮,就可以将信息传送到服务器上。对于网站管理员来说,更重要的是对这些 资料进行处理,将它们变成所需要的资料形式,比如在上例中,当访问者填写完 表单并发送回来后, 网站管理员应该对这些资料进行分析,对某些读者提出的问 题进行个别解答,并及时改进网站。为了方便资料的整理,在制作表单时就应该 有意识地将表单的结果输出到某一个 HTML 文件或纯文本文件中以文件的形式存 放。将指针指向表单域所在的虚线范围内右击,单击快捷菜单中的“表单属性” 命令,打开“表单属性”对话框,如图所示。

在默认情况下,表单的结果会发送到当前网站中,以 form_result.txt 为文 件名存储起来。 也可以修改文件名和文件的路径,或者以电子邮件的形式发送到 指定的信箱中。当然,这些信息只有管理员才能看到。为了让访问者能够看到自 己和别人的留言, 以便彼此交流,还可以直接将表单的处理结果返回到指定的网 页中。 [例] 设定在留言板下方显示各位访客的留言内容。 操作步骤: ① 将指针指向表单虚线框内并右击,单击快捷菜单中的“表单属性”命令, 打开“表单属性”对话框,在“文件名”框中输入一个文件名,指定存放留言内 容的网页,如 results.htm,然后单击“确定”按钮,关闭“表单属性”对话框。 ② 保存 guestbook.htm 网页,单击视图栏“文件夹”按钮,切换到文件夹 视图状态, 然后单击 “查看 (V) ” 菜单中的 “刷新 (R) ” 命令, 可以看到 FrontPage 自动在当前网站的_private 文件夹下建立了一个名为 results.htm 网页。 ③ 单击视图栏“网页”按钮,切换到网页制作状态,将插入点移到留言板 下方表单域虚线框外,然后依次单击“插入(I) ” 菜单中的“组件(O) ” “包含 网页(I) ”命令,打开“包含网页属性”对话框,如图所示。

- 32 -

在对话框中输入“要包含的网页名” ,即步骤①所指定的文件名 results.htm,然后单击“确定”按钮。 ④ 进入浏览器测试留言板,留言完毕,单击“提交”按钮发送信息后,单 击浏览器“刷新”按钮,即可看到留言内容。 讨论与思考:本节介绍的用表单收集信息、检索信息的方法在 IE 等浏览器中 运行时, 都会出现一些提示, 说明该功能必须在网站服务器支持 FrontPage 服务 器扩充程序的前提下才能运行,试讨论这一现象的产生原因。 三、搜索表单的建立 搜索表单的功能仅限于在本网站中进行搜索,而不像一般的搜索引擎可以在 整个 WWW 中搜索, 因此, 建立搜索表单是为了让访问者在网站中迅速找到他们感 兴趣的主题。在 FrontPage 2000 中,有内置的组件帮助我们建立搜索表单。 [例] 在 huanbao 网站的主页上,建立一个搜索表单。 具体步骤: ① 双击“index.htm” ,打开主页。 ② 将插入点移到友情链接上方, 依次单击 “插入 (I) ” 菜单中的 “组件 (O) ” “搜索表单(S) ”命令,打开“搜索表单属性”对话框,如图所示。

③ 在对话框中输入相应的内容,单击“搜索结果”标签,在“要搜索的单 词列表”文本框中输入“全部” ,表示要搜索网站中的所有网页。若在“显示文 件日期”复选框前打勾,还可以设置日期和时间的格式。 ④ 单击“确定”按钮,页面上将出现一个搜索表单,保存后,就可以进入 浏览器进行搜索了。 搜索表单的使用方法是:浏览页面时,在“搜索”右侧的文本框中输入要搜 索的关键字,然后单击“开始搜索”按钮。 信息卡:表单、CGI、ASP 在网页中加入表单用来收集信息时, 表单本身只负责收集使用者输入的资料, 真正在幕后负责接收、传递、处理、回应工作的,是 CGI ( Common Gateway Interface) , 即公共网关接口通信协议。 一般情况下, 如果要在网页中加入表单,
- 33 -

就意味着必需自己撰写或使用别人写好的 CGI 程序。 CGI 程序一般用 C、 C++、 Perl 等语言编写,放在服务器上执行。对于不同的 Web Server,CGI 程序并不兼容, 如果服务器换了一种 Web Server 程序,那么必须重写一个 CGI 程序。某些设计 不良的 CGI 程序在执行时会使服务器主机的运行发生问题,甚至造成死机,因此 一般的服务器管理员不会随便让使用者将 CGI 程序放到服务器主机上,于是 ASP 应运而生。ASP(Active Server Pages,即动态服务器网页)技术的原理与 CGI 相同,当服务器接收到表单资料后,会调用对应的 ASP 程序来处理这些资料,并 将处理结果转换成 HTML 格式的资料送回浏览器供访问者观看。ASP 的优点在于 开发简单且跨平台, 在一般的文字编辑软件中使用 JavaScript 或 VBScript 语言 编写,结合 HTML 语法,不需要编译和链接即可执行。另外由于 ASP 程序送出标 准的 HTML 文件到浏览器,因此目前大部分的服务器都支持 ASP。 在 FrontPage 中使用一些特定的程序来替代 CGI 的功能,只要在设计表单时 指定要调用哪些程序来处理, 这些程序就会自动加入网页中,不需要再另外编写 程序。当然,要看到表单的处理结果,网站所在的服务器必须支持 FrontPage Server Extensions。 【学生操作练习 教师辅导】 【小结】 表单的属性设置 【思考】 : 1、什么是表单? 2、表单中可以使用的字段有几种? 3、搜索表单的作用是什么?它的搜索是指在网页还是网站内搜索? 【教学后记】

第六节 网页框架 【教学要求】 1、理解框架结构的含义和用途。 2、掌握建立框架网页的方法。 3、掌握框架网页的保存方法。 【教学重点与难点】 掌握框架属性设置的方法 【教学课时】 :2 课时
- 34 -

【导入】 : 框架(Frame)的主要作用是将浏览器窗口分割成几个相对独立的小窗口, 浏览器可以将不同网页文件同时传送到这几个小窗口中, 这样就可以同时浏览不 同的网页文件。一般情况下,可以用框架来保持网页中固定的几个部分,如网页 大标题、链接按钮等,剩下的框架用来展现所选择的网页内容。 【新授】 : 一、框架的建立 在 FrontPage 2000 中,可以方便地制作框架。其方法是:依次单击“文件 (F) ”菜单中的“新建(N) ” “网页(P) ”命令,打开“新建”对话框,单击“框 架网页”标签,对话框中将显示设定好的十种框架形式供选择,如图所示。

单击其中的一种框架,再单击“确定”按钮,即可产生选定的框架类型。 [例] 建立一个如图所示的框架页面,整个框架网页取名为 knowledge.htm。

操作步骤: ① 依次单击“文件(F) ”菜单中的“新建(N) ” “网页(P) ”命令,打开“新 建”对话框,单击“框架网页”标签,在框架列表中单击“标题、页脚和目录” , 最后单击“确定”按钮。屏幕显示如图所示的框架结构,在每一个框架中,都有 “设置初始页面”和“新建网页”两个按钮。

- 35 -

② ③ ④ ⑤

击上框中的“新建网页(N) ”按钮,在页面中插入图片“biaoti2.gif” 。 击左框中的“新建网页(N) ”按钮,在页面中输入相应的文字。 在“脚注”框中插入动画 star2.gif,并输入相应的文字。 单击右框(主框)中的“设置初始页面”按钮,在弹出的“创建超链接” 窗口选择“welcome.htm”网页文件名,单击“确定”按钮。

思考:如果不小心点击了”新建网页”的命令,会出现空白的页面,该如何操 作? 解决方法:单击”框架”、 “框架属性” 、 “设置初始网页”导入 “welcome.htm”.
⑥ 将指针指向各边框线,当指针变成双箭头时拖动,可以改变框架的大小 和比例。适当调整边框线,使各框架比例协调。 二、框架属性的设置 框架的属性设置包括调整框架大小、设置框架边界、改变边框线的宽度等, 以便设计出更独特的框架效果。 如果要改变框架属性,需要先选定框架,然后单击“框架(R) ” 菜单中的 “框架属性(P) ”命令,打开“框架属性”对话框,如图所示。

- 36 -

其中: “框架大小”可以用来精确调整框架的大小, “边距”是指框架内网页 内容与边框之间的距离大小, “宽度”框调节左右边界, “高度” 框调节上下边 界。如果单击“框架网页(F) ”按钮,将打开“网页属性”对话框,同时激活“框 架”标签,如图所示,在此可以定义边框线的粗细,或者根本不显示边框线。

[例] 将左框边距高度设置为 40,宽度设置为 8,整个边框线宽度为 0, 其余采用默认值。 操作步骤: ① 单击左框,选定框架,然后单击“框架(R) ” 菜单中的“框架属性(P) ” 命令,打开“框架属性”对话框,在对话框中输入相应的设置。 ② 击“框架网页(F) ”按钮,将“框架间距”设置为 0,最后单击“确定” 按钮。 三、框架的保存 由于每一个框架都是一个单独的网页,因此,在保存框架网页时,必须根据 屏幕提示依次将各框架保存起来。 单击常用工具栏“保存”按钮,弹出“另存为”对话框,在该对话框中显示 了各框架的示意图,当上框被蓝框框住时,将文件名命名为 top.htm。用相同的 方 法 , 将 左 框 命 名为 left.htm , 右 框 命名 为 main.htm , 脚 注框 架 命 名 为 bottom.htm,整个框架命名为 knowledge.htm。 【小结】 : 1、框架的建立 2、框架属性的设置 3、框架的保存 【练习】 1.什么是框架?框架网页的用途有哪些? 2.对网页框架进行保存时,应注意哪些问题? 3、如果这个框架有3个,那么它有几个网页? 【教学后记】

- 37 -

第七节 动态网页制作 【教学要求】 (1) 掌握悬停按钮的制作方法。 (2) 掌握横幅广告管理器的使用方法,能够制作幻灯。 (3) 掌握滚动字幕的制作方法。 (4) 学会计数器的设定方法。 (5) 学会添加背景音乐。 【教学重点与难点】 掌握悬停按钮、横幅广告管理器的制作方法。 【教学课时】 :2 课时 【导入】 : 同学们在许多网站都看到过几张图片以不同的方式交替切换的吧, 那么它们 是怎么制作出来的呢? 它叫横幅广告, 它们的制作并不复杂, 利用 FrontPage2000 中的横幅广告管 理器(Banner And Manager),就可以在页面上使多个标题轮流显示,当然,横幅 广告管理器不仅可以制作出轮换的广告,还可以制作出轮换的图像,甚至在图形 变换时使用特殊效果, 产生一个幻灯片系列。 下面我们就来教同学们如何来制作: 一、横幅广告管理器 [例] 在 huanbao 网站中,新建一个名为“century.htm”的框架页面,在 其中制作横幅广告,将两幅图片轮流显示在页面上。 操作步骤: ① 打开 huanbao 网站,依次单击“文件(F) ”菜单中的“新建(N) ” “网页 (P) ”命令,在弹出的“新建”对话框中单击“框架网页”标签,选择“标题” 式框架,建立一个框架页面。 ② 右击上框,单击快捷菜单中的“框架属性”命令,打开“框架属性”对 话框,单击“框架网页”按钮,不选择“显示边框”复选框,单击“确定”按钮 两次,关闭对话框。 ③ 在上框中,单击“建立新网页”按钮,依次单击“插入(I) ”菜单中的 “组件(O) ” “横幅广告管理器(N) ”命令,打开“横幅广告管理器”对话框, 如图所示。

④ 单击“添加”按钮,依次将两幅图片添加到“显示图片”编辑框。 ⑤ 设定宽度为 380 像素,高度为 90 像素。如果所添加的图片大小不一,那
- 38 -

么, 要确保此处输入的是所有图片中最大的一幅图片的尺寸,其余图片将在这个 区域中居中对齐。 ⑥ 设定变化效果为“分解” ,每幅图片的显示时间为“5 秒” ,再单击“确定” 按钮。 在上网浏览时, 还会见到这种一种效果: 将鼠标放置按钮上, 按钮就会发光, 或者突出显示,那么这种效果又是怎么做的呢?下面我们就来教同学们: 二、悬停按钮 所谓悬停按钮(Hover Button),是指当指针指向某按钮时,该按钮改变颜色 和形状,甚至发出声音。 [例] 在“century.htm”网页的下框中创建三个悬停按钮,按钮文字分别为 “环保组织” “环保行动” “返回主页” 。 操作步骤: ① 依次单击“插入(I) ”菜单中的“组件(O) ” “悬停按钮(H) ”命令,打 开“悬停按钮属性”对话框,如图所示。

② 在“按钮文本(U) : ”文本框中输入“环保组织” ,单击“字体( F) ”按 钮,设置好字体、字号、字型和颜色后,单击“确定”按钮。 ③ 在“链接到(L) : ”文本框中输入目标网页文件名 organization.htm。 ④ 设置按钮颜色为蓝色,背景颜色为紫色。 ⑤ 单击“效果”右侧的向下箭头,打开下拉列表,从中选择效果“发光” , 如果想在该效果起作用时,使按钮的颜色发生改变,可以打开“效果颜色”下拉 列表,选择一种颜色如“绿色” 。 ⑥ 设置按钮的高度和宽度。如果使用图片作为按钮,要保证此处的高度和 宽度是图片的尺寸。 ⑦ 为了自定义按钮的其它效果,可以单击“自定义(N) ”按钮,在“定制” 对话框中,选择播放声音(单击时发出的声音和指针悬停时发出的声音)或选择 自定义图片(按钮本身的图像和指针悬停在按钮上时显示的图像) 。 ⑧ 用同样的方法定义其余两个按钮。 有没有见到过这样一种效果:文字在屏幕上跑来跑去,很有趣,那么这种叫 滚动字幕的效果,下面我们来瞧瞧这种效果怎么制作: 三、滚动字幕 在页面中创建水平滚动的文字字幕可以使静止的页面活动起来。 操作步骤: ① 将插入点移到将要插入滚动字幕(Marquee)的位置, 依次单击 “插入 (I) ”
- 39 -

菜单中的“组件(O) ” “字幕(M) ”命令,打开“字幕属性”对话框,如图所示。

② 在“文本(T) ”框中输入滚动字幕内容,选择文字的移动方向。 ③ 调整速度。其中“延迟”用来设置字幕每次移动的时间间隔,该参数越 大,字幕移动越慢; “数量”用来定义字幕每次移动的距离,该参数越大,字幕 移动越快。 ④ 定义“表现方式” 。其中“滚动条(L) ”可以让文字沿设置的方向,从字 幕区域的一边出现,到另一边消失。 “幻灯片(I) ”可以让文字沿设置的方向, 从字幕区域的一边出现, 当文字到达字幕区域的另一边时停止滚动并保持在屏幕 上。 “交替(A) ” 可以让文字在字幕区域来回移动。 ⑤ 设置字幕区域的大小。选中“宽度”和“高度”复选框,并指定像素值 或百分比。 [例] 在主页的标题图片下面插入滚动字幕,文本内容为“让地球更绿,让 我们的家园更美好” 。 操作步骤: ① 将插入点移到标题图片下,依次单击“插入(I) ” 菜单中的“组件(O) ” “字幕(M) ”命令,打开“字幕属性”对话框。 ② 在“文本(T) ”框中输入字幕内容。 ③ 方向设置为“左” ,移动速度采用默认值, “表现方式”设置为“滚动条” , 对“大小”进行如下设置:指定宽度为 300 像素,高度为 16 像素,其余采用默 认值。最后单击“确定”按钮。 四、计数器 在大多数主页上都可以看到计数器(Hit Counter),用来记录访问次数。在 FrontPage 2000 中依次单击“插入(I) ” 菜单中的“组件(O) ” “站点计数器 (C) ”命令,打开如图 5-36 所示的“站点计数器属性”对话框,从中选择一种 计数器样式, 为计数器设置一个起始值, 单击 “确定” 按钮即可插入一个计数器。

- 40 -

[例] 在主页导航条左侧插入一个计数器,起始值设置为 8888。 操作步骤: ① 打开 index.htm 网页,将插入点移到导航条左侧。 ② 依次单击“插入(I) ”菜单中的“组件(O) ” “站点计数器(C) ”命令, 打开“站点计数器属性”对话框。 ③ 单击第五种计数器左侧的单选框,单击“计数器重置为(R) ”左侧的复 选框,并在右侧的文本框中输入“8888” ,最后单击“确定”按钮。 五、 动态 HTML 效果 动态 HTML (Dynamic HTML) 是 Microsoft 对 HTML 4.0 版的增强版,它 可以创建出诸如逐字移出网页的文本、当指针移到文字上时文字变色、网页间旋 转变换等各种动态效果。要创建动态网页效果,只要单击“格式(O) ”菜单中 的“动态 HTML 效果(E) ”命令,在“动态 HTML 效果”工具栏中选择适当效 果。 [例] 在 century.htm 网页的下框中输入有关地球日的资料,将其定义为在网 页加载时“从右下部” “飞入”页面的动态效果。 操作步骤: ① 将插入点移到下面的框架中,并输入文字。 ② 选定上述文字,然后单击“格式(O) ”菜单中的“动态 HTML 效果(E) ” 命令,打开“动态 HTML 效果”工具栏。 ③ 单击“开启”右侧的下拉箭头,选择“网页加载” 。 ④ 单击“应用”右侧的下拉箭头,选择“飞入” “从右下角” 。 信息卡:使用动态网页的限制 网页的动态效果其实是以 Dynamic HTML 制作出来的。Dynamic HTML 是一种 加入特殊标记的 HTML 语言,只有支持这种新技术的浏览器,才能显示出动态效 果。由于 FrontPage 2000 和 IE5.0 同是微软的产品,因此用 FrontPage 2000 制作出来的动态效果, 在 IE5.0 中可以完全再现出来,而市场上使用人数较多的 另一浏览器 Netscape4.5,则由于网景公司制定的 Dynamic HTML 语法与微软不 完全相同,所以无法再现某些动态效果。因此,在制作网页时,应尽量使用在两 种浏览器中都可以正常显示的动态效果。 另外最好在网页中指明建议使用的浏览 器。 六、 添加背景音乐 利用 FrontPage 2000 可以在页面中直接插入音乐文件作为背景音乐,以便 在浏览页面的同时,欣赏背景音乐;也可以在页面上插入一个音频组件,由访问
- 41 -

者自己决定是否播放音乐。在插入音乐文件之前,首先要选择合适的音乐。一般 而言,声音文件的格式(扩展名)有 wav、ra、mp3、midi 等,为了提高网页的 下载速度,应选择较小的文件格式,如 ra、midi 等。 操作步骤: ① 单击“文件(F) ” 菜单中的“属性(I) ”命令,打开“网页属性” 对话框。 ② 单击“常规”标签,再单击其中“背景音乐”右侧的“浏览”按钮, 选择一个合适的音乐文件。 ③ 可以单击“一直循环”左侧的复选框来连续播放,也可以在“循环” 右侧的文本框中输入数字,指定循环播放的次数。 ④ 单击“确定”按钮。 例[5] 在 index.htm 中设定背景音乐“抒情.mid” 。 操作步骤: ① 打开 index.htm 网页,单击“文件(F) ” 菜单中的“属性(I) ”命令, 打开“网页属性”对话框。 ② 单击 “常规” 标签, 再单击 “浏览” 按钮, 搜索到所需的音乐文件 “抒情.mid” 后,单击“确定”按钮,退出“浏览”对话框。 ③ 单击“一直循环”左侧的复选框,再单击“确定”按钮,关闭“网页属性” 对话框。 ④ 保存网页,取名为 century.htm,效果如图所示。

实践与探索:在网页中加入一个视频插件,用来播放一个视频文件。 【小结】 : 插入组件类包含有哪些动态效果?各自的制作要领导是什么? 【练习】 : 1、如何制作横幅广告?制作时可以进行超级链接吗? 2、如何制作悬停按钮?在制作时可以设置声音吗? 3、如何制作滚动字幕?图片可以滚动吗? 4、如何制作计数器?计数器的效果是不可见的吗? 5、动态 HTML 效果在所有的浏览器中都可以再现吗?为什么? 【教学后记】 :

- 42 -

第八节 创建超链接 【教学要求】 1、解超链接的概念,了解链接的种类。 2、学会规划网站的各个链接,并正确完成。 3、掌握创建超链接的方法。 【教学重点与难点】 掌握一般链接、框架链接、书签式链接、信箱链接、图像映射的制作方 法。 【教学课时】 :2 课时 【导入】 : 一、 教学要求 1、概念:超链接-一个网站由若干个单独的网页文件组成,这些单独的网 页由超链接(Hyperlink)结合起来,形成一个紧密联系的整体。超链接可以 定义在文字中,也可以定义在图片上,甚至是图片中的局部位置上。将指针 指向含有链接的文本或图形,指针会变成手形。在建立链接时,应先选定文 字或图形作为链接源,然后单击 “插入(I) ” 菜单中的“超链接(H) ”命 令,或者单击常用工具栏“超链接”按钮,打开如图所示的“创建超链接” 对话框。

在预览窗口单击目标文件名,或者在“URL(U) : ”列表框中输入要链接的网 页文件名,然后单击“确定”按钮,即可建立链接。建立了链接的文字将以对比 色并带下划线显示,建立了链接的图形被加框显示(可以自行设置其他样式) 。 一、同一页面内的链接。 1.无书签式链接 在同一页面内建立链接,如果没有定义书签,链接之后的显示位置从页面 的顶端开始。 [例] 打开 huanbao 网站中的 questions.htm 网页,对其中的“返回页首” 图形建立链接,链接到同页页首。 操作步骤: ① 打开 questions.htm 文件,单击“返回页首”图形。
- 43 -

② 单击“插入(I) ” 菜单中的“超链接(H) ”命令,弹出“创建超链接” 对话框,在预览窗口单击文件名“questions.htm” ,再单击“确定” 。 ③ 用同样方法将其余的“返回页首”图形链接到 questions.htm 网页。 学生练习,将其它全部链接,教师辅导 2.建立书签式链接 书签(Bookmark)就是网页中被标记的位置或被标记的选定文本,可以作为超 链接的目的地。 通常,一个大型网站内部的超链接无形中便建立了许多文件,给网站的管理 带来不便。为了减少网页的数目,可以在网页内部建立书签式链接,比如先将网 页内容的大纲列在网页的最前端,使浏览者首先看到网页内容的要点,然后通过 书签式链接,将页面定位到每一个标题所包含的具体内容处。 若要在页面内部建立书签式链接,必须先创建书签。 [例] 对 questions.htm 网页中的各小标题分别建立书签式链接。 操作步骤: ① 选定网页具体内容部分的标题 “水污染” , 单击 “插入 (I) ” 菜单中的 “书 签(B) ”命令,打开如图所示的“书签”对话框。

② 单击“确定”按钮或者将书签名称改成其它名字,再单击“确定”按钮。 ③ 用同样的方法,将其余的标题定义为书签。 ④ 选定网页顶端的标题“水污染”三字。 ⑤ 单击“插入(I) ”菜单中的“超链接(H) ”命令,在弹出的“超链接” 对话框中,单击“书签”下拉列表框右侧的向下箭头,选择其中的“水污染”书 签,单击“确定”按钮。 ⑥ 用同样的方法将其余标题链接到各自的书签处即可。 利用书签既可以在同一页面中建立链接,也可以在不同页面之间建立链接。

学生练习,将其它全部链接,教师辅导
二、不同页面之间的链接 1.链接到另一页面: [例] 将主页导航条中的每一个小标题链接到相应的网页。 操作步骤: ① 选定“环保知识”四字,单击常用工具栏“超链接”按钮,打开“创建 超链接”对话框。 ② 在对话框的预览框中单击“knowledge.htm”文件名,然后单击“确定” 按钮。 ③ 用同样的方法,将“环保问题”链接到 questions.htm, “环保事件”链 接到 event.htm, “环保世纪行”链接到 century.htm。
- 44 -

2.框架间链接 [例] 将 knowledge.htm 框架网页左框的每一行标题进行如下链接: “认识 地球”链接到 renshi.htm, “地球演化”链接到 yanhua.htm, “生命要素”链接 到 yaosu.htm, “生态平衡”链接到 pingheng.htm,以上均链接到右框中显示, “返回主页”四字链接到主页 index.htm,全屏显示。 操作步骤: ① 打开 knowledge.htm 框架网页。 ② 选定“认识地球”四字,单击常用工具栏“超链接”按钮,在“创建超 链接”对话框中单击 renshi.htm 文件名,再单击“确定”按钮。 ③ 用同样的方法,将其余三个标题分别链接到指定的网页。 ④ 选定“返回主页”四字,单击常用工具栏“超链接”按钮。 ⑤ 在“创建超链接”对话框中的“URL(U) : ”列表框中输入“index.htm” , 单击“目标框架”右侧的“更改目标框架”按钮,将目标框架设定为“整页” , 单击“确定”按钮。 三、链接到 WEB 站点 1.链接到一个网站 [例] 将主页中友情链接下方的几个图形分别链接到相应的网址。 操作步骤: ① 单击“金陵热线”图片, 单击常用工具栏“超链接”按钮,在“创建超 链接”对话框中的“URL(U) : ”列表框中输入 http://www.jlonline.com/,再 单击“确定”按钮。 ② 用同样的方法将“搜狐”链接到 http://www.sohu.com/,将“新浪”链 接到 http://www.sina.com.cn/。 2.链接到一个 E-mail 地址 为了联系方便,可以在页面的脚注位置插入一个与 E-mail 地址的链接。 [例] 将 index.htm 中的 E-mail 地址链接到一个具体的 E-mail 地址。 操作步骤: ① 打开 index.htm,选定 E-mail 地址。 ② 单击常用工具栏“超链接”按钮, 在“创建超链接”对话框中单击“制 作发送电子邮件的超链接”按钮,打开“创建电子邮件超链接”窗口。 ④ 在文本框中输入 E-mail 地址,形如 someone@sohu.com,再单击“确定” 按钮。

学生练习,将其它全部链接,教师辅导
四、图像映射的建立 所谓图像映射是指本身包含多重链接的图形。图像映射与一个常规的链接图 片不同之处在于,单击图像中的不同位置将激活不同的链接。 图像中每一个可以单击的区域称为热区,每一个热区都可以建立超链接。在 FrontPage 2000 中,使用图片工具栏按钮可以在一幅图片上绘制热区,进而建 立链接。 [例] 在 huanbao 网站中,建立新页面,在其中插入一幅图片,建立如图所 示的图像映射,网页命名为 event.htm。

- 45 -

操作步骤: ① 单击“新建”按钮,建立新网页。 ② 在新页面中插入图片。 ③ 单击图片,再单击图片工具栏中的“长方形热点”按钮,在烟雾地带画 一个大小适当的矩形,在弹出的“创建超链接”对话框中将这一热区链接到 yanwu.htm 网页;单击“多边形热点”按钮,沿公害地带画出轮廓线,将其链接 到 gonghai.htm 网页。 ⑤ 保存页面,取名为 event.htm。

学生练习,将其它全部链接,教师辅导
信息卡:绝对地址和相对地址: 所谓绝对地址,是指能够绝对搜寻某一具体文件的地址,如: http : //www.163.com/index.htm/、C:\My Documents\mywebs\myweb1 等都是绝对地 址。 相对地址是指相对于当前页面而言, 搜寻某一页面所需的路径, 如 keji.htm 等,表示 keji.htm 页面与当前页面位于同一文件夹下。在网站设计中,如果始 终使用绝对地址进行链接或调用图片、动画、音乐等文件,既费时又费力,一 旦网站发生迁移(所有文件的绝对路径都发生了改变) ,将无法显示图片、动画 等文件,所以,除了链接到 web 页面外,网站内部的链接和文件调用,一般都 采用相对地址。如: Image/home.gif,表示调用当前页面所在文件夹的子文件 夹 Image 中的 home.gif 文件。相对地址的使用除了简化网站的创建工作外,还 有一个更大的优点就是:当网站发生迁移(网页上传或拷贝到其他磁盘上)时, 网站内部的文件结构没有发生变化,因为文件之间是利用相对地址来联系的, 所以,网站内部的链接不会出现中断,图片、动画等文件也不会无法调用。 【小结】 : 超链接的定义,各种超链接的不同点以及它的操作方法。 【练习】 : : 1.什么叫超链接? 2.超链接的种类有几种? 3.书签式链接可以链接到别的网页中去吗? 4、一张图片可以建立多个链接吗? 【教学后记】 :

- 46 -

第九节 网站管理 【教学要求】 1、学会使用报表视图维护网站。 2、学会申请免费个人主页空间。 3、学会网页上传。 【教学重点与难点】 学会维护网站 【教学课时】 :2 课时 【导入】 : 我们的网站做好了, 要上传到网络上去供更多的人浏览, 还要做定期的维护, 那么怎么维护网站与上传网站呢,今天我们就来教同学们: 一、 网站的查看 在 FrontPage 2000 中,要管理好网站,必须依赖各种不同的查看模式,即视 图方式。例如,在“文件夹”视图下可以整理网站中的文件和文件夹;在“超链 接” 视图下可以修复断裂的超链接; 在 “导航” 视图下可以调整网站结构; 在 “报 表”视图下则可以了解整个网站的状况,以便管理整个网站。 单击“视图”栏中的“报表”按钮,打开如图所示的“站点总览”窗口。

在图中可以看到站点所有文件及图片的大小和数目、超链接的数目和类型、 未完成的任务数目、出现问题的文件数目及其详细信息等,双击其中的某一项, 即可打开该项目所对应的详细文件目录。 [例] 在“报表”视图下查看 huanbao 网站的文件状况,检查其中“组件错 误” 、 “断开的超链接”等情况。 操作步骤: ① 启动 FrontPage2000,打开 huanbao 网站。 ② 单击视图栏“报表”按钮,切换到“报表”视图。 ③ 双击“组件错误”栏目,屏幕上将显示出网站中所有组件中的错误,此 时应查看关于错误的说明,并加以改正。
- 47 -

④ 双击“断开的超链接”栏目,查看“中断”和“未知”的超链接,根据 提示信息,及时修复已中断的超链接。 二、申请免费网站 国内的一些大网站如新浪、网易、搜狐、东方网景等都提供免费网站空间, 并且具有网站管理功能,可以进行网页上传、远程编辑等操作。本节将以在“网 易”申请免费的个人主页空间为例,介绍申请个人网站的步骤,当然在其余的网 站也具有相似的申请步骤。 ① 首先登录到网易站点 (http://www.163.com/) , 在主页导航条上单击 “个 人服务”超链接,进入“个人服务”网页。 ② 在“个人服务”网页中,单击“主页服务”栏目下的“免费 100M 主页申 请” ,进入“申请免费主页空间”网页。 ③ 单击 “注册登记” , 看完个人主页条例后,单击“我同意”按钮,进入“填 写个人资料”画面,按照屏幕的提示,输入相应的信息,填完所有信息后,单击 “提交注册信息”按钮,经过验证,将获得一个主页地址,类似于 http : //go.163.com/~jane。 ④ 如果想让你的个人主页拥有一个更个性化的 URL,也可以再单击“申请 ‘你的用户名.yeah.net NOW’ ” , 申请一个简易域名, 或者去 http://my.yeah.net 申请免费的域名。 (此域名只有转向功能,不提供主页空间) 三、网页上传与更新 FrontPage 2000 本身具有网页上传功能,但是利用 FrontPage 制作的网页, 有些效果必须在安装了 FrontPage 服务器扩展程序的服务器主机上才能显示出 来,如计数器、表单、留言板等,因此,如果所申请的服务器主机支持 FrontPage 服务器扩展程序,那么,上传网页的工作比较简单,操作步骤如下: ① 先将电脑接入 internet,然后启动 FrontPage,打开 huanbao 站点。 ② 依次单击菜单“文件(F) ” “发布站点(H) ” ,打开“发布站点”对话框。 ③ 在“发布站点”对话框中输入要发布站点的 URL,单击“选项(O) ”按 钮,设置要发布的网页,如图所示。

④ 单击“发布(P) ”按钮,输入申请个人网站空间时所填写的“用户名” 和“密码” ,单击“确定”按钮,即可进行文件上传工作。 ⑤ 网站上传完毕后会出现对话框,指示已经“成功发布站点” 。此时,可以 单击“查看您发布的站点” ,进入浏览器查看刚刚上传的网站;或者单击“完成” 按钮,结束网站的上传工作。 如果要上传的主机没有 FrontPage 服务器扩展程序,那么,就必须使用 FTP
- 48 -

进行文件传输。目前常用 CuteFTP 来上传网页。 [例] 将 huanbao 网站上传到网易服务器。 注意事项: ① 首页的文件名应为 index.html 或者 index.htm。 ② 系统区分文件名的大小写状态,注意不要用中文文件名。 ③ 不支持 ASP,PHP 等,不开放 CGI 权限。如果想使用“计数器”和“留 言版” ,应尽量使用网易服务器提供的个人网络计数器和留言版。 ④ 做完主页后,要在 30 天内尽快把个人主页上传到服务器。 操作步骤: ① 启动 CuteFTP 软件。 ② 单击“快速连接”按钮,进行现场设置。FTP 中的主要设置包括: 主机地址(Host Address) :go.163.com 用户名(User ID) :申请主页空间时所输入的用户名 密码(Password) :申请主页空间时所输入的密码 将以上信息设置完毕后,单击“连接”按钮。 ③ 连接到服务器后,就可以从本地硬盘的文件目录中选择好需要上传的文 件(或文件夹),用鼠标直接将选中的文件或文件夹拖到窗口右侧远程服务器中主 页管理区的相应目录下,再单击“确认”按钮。 实践与探索:制作一个个人网站,用网易提供的计数器、搜索引擎等代码制 作计数器、搜索引擎,然后将网站上传到网易服务器。 每一个网站都必须及时更新,才能保持生命力。提供免费主页空间的服务器 一般都具有“远程编辑”等 WEB 维护管理功能,可以让用户如同在本地计算机编 辑网页一样,来编辑服务器端的个人网页。如果服务器不提供远程编辑功能,则 必须通过 FTP 功能,将更新后的网页文件上传到服务器。 信息卡:FrontPage 服务器扩充程序 FrontPage 服务器扩充程序是用来增加服务器原本所不具备的功能, 使服务 器能够完全支持 FrontPage 所制作的网页。主要功能有: 1.能够使用 FrontPage 的计数器。 2.能够使用 FrontPage 提供的表单。 3.上传网站工作变得更方便。 4.能够直接编辑 internet 上的网站。 如果你申请的免费网站服务器不支持 FrontPage 服务器扩充程序,那么计数 器和表单可能无法正常工作,所以在申请之前,要搞清服务器是否支持 FrontPage 服务器扩充程序。 目前,国内支持 FrontPage 服务器扩展程序的 ISP 有以下两家: 北京东方网景数据通讯有限公司(http://www.east.cn.net/) 北京网路神网络技术有限责任公司(http://www.wayx.com.cn/) 。 如果是东方网景的合法用户,则拥有 100MB 的免费主页空间。 国外有两大网站提供此项服务: http://www.hypermart.net/ http://www.tripod.com/ 因为这些网站是纯英文的,所以申请时可能会遇到一些困难。 练习: 1.报表视图的主要功能有哪些?
- 49 -

2.如何申请免费网站空间? 3.如何上传网站? 附录: 表单:Form 超文本标记语言:Hypertext Markup Language 即 HTML 超文本链接:Hyperlink 动态服务器网页:Active Server Pages 即 ASP 动态 HTML:Dynamic HTML 公共网关接口:Common Gateway Interface 即 CGI 滚动字幕:Marquee 横幅广告管理器:Banner and Manager 计数器:Hit Counter 框架:Frame 书签:Bookmark 网站服务器:Web Server 网页:Web Page 悬停按钮:Hover Button 主页:Homepage 【小结】 : 网站的维护需要注意些什么,自己试着将自己的网站上传。 【教学反思】 :

- 50 -


更多相关文档:

FrontPage2003教学教程

FrontPage2003教学教程_其它课程_初中教育_教育专区。FrontPage2003 教程用 FrontPage2003 的“布局表格和单元格”功能布局网页时,需要通过两部分来完成。 首先通过“...

FrontPage2003初级教程(最新)

FrontPage2003初级教程(最新)一、新建网站 (提示:如果图片觉得小,将鼠标移到图片上,向上滚动鼠标滚轮,图片会放大) 打开 FrontPage2003 点击新建菜单命令会弹出一个...

FrontPage2003教程

3 FrontPage2003初级教程一、新建网站 打开 FrontPage2003,点击新建菜单命令会弹出...大学教师个人工作总结 小学英语教学教研工作总结80份文档 家装材料选购攻略 ...

FrontPage2003初级教程

FrontPage2003 初级教程一、新建网站 (提示:如果图片觉得小,将鼠标移到图片上,向上滚动鼠标滚轮,图片会放大) 打开 FrontPage2003 点击新建菜单命令会弹出一个对话框,...

FrontPage2003教程小技巧

2011-07-01 人气:616 我来评论 教程贴士:很多人为了优化系统,会适当删除一些...第一步,打开 FrontPage2003,执行“文件→打开网站”,指定要设置站内搜索引擎的...

word2003基础教程(适合初学者)

其他版本 的 Office 2003 还包含着网页制作软件 FrontPage 2003、电子记事本软件...您可以将不同程度、不同科类的教学软件装入到电脑中,学 3 习者可以根据自己...

FrontPage2003基础教程教案

FrontPage2003基础教程教案_教育学_高等教育_教育专区。FrontPage2003基础教程教案 FrontPage2003 基础教程教案 第一章 FrontPage 2003 基础知识 1 第一节 FrontPage ...

FrontPage2003初级教程

FrontPage2003初级教程_管理学_高等教育_教育专区。FrontPage2003初级教程FrontPage2003 初级教程作者:晴冰 文章来源:本站原创 点击数: 55395 更新时间:2006-3-21 一...

FrontPage 2003初级入门实例2

FrontPage2003初级教程 45页 免费 FrontPage 2003的表格和... 24页 免费 Frontpage...图 14.3.1 最终效果图 2.操作步骤 (1)启动 FrontPage 2003 应用程序,选择...
更多相关标签:
frontpage2003教程 | frontpage2003的教程 | word2003教学视频教程 | frontpage 2003 | frontpage2003下载 | frontpage2003密钥 | frontpage 2003绿色版 | office2003frontpage |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com