计算机应用基础教程第10章chu

1
10.1 FrontPage 2000概述
1. FrontPage2000是一个编辑工具。编辑Internet上以 HTML格式保存的所有文件(称为网页)，并可以利用 Image Composer和Microsoft GIF Animator编辑处理图 像和动画，此外还可以在网页中插入各种插件，包 括：Java，ActiveX，JavaScript，产生各种特殊效果。 FrontPage2000是一个管理站点工具。可以利用不同 的方式查看各个网页之间的关系，调整站点的组织 结构，使整个站点的条理清晰。 FrontPage 2000还是一个Internet出版工具，利用它提 供的网络发布工具，可以轻松完成站点的发布上传 过程。
13
新建个人站点：
14
15
16
17
编辑文字、应用主题、插入图片与声音： （飞碟、工业型、网络蓝、卡通）
18
19
20
21
22
23
小结： 本章主要讲述了使用FrontPage 2000制作网页过程中的 一些基本概念与基本操作方法。FrontPage 2000中很多功能的 使用方法与Word 2000是非常类似的。通过学习，初步掌握 用FrontPage制作网页的技术和方法，自己动手制作网页、创 建网站、建立各种超级连接。 • 习题：
5
• FrontPage2000中的视图操作（6种）
• 网页视图—网页的创建、编辑、预览等操作均在此视图中进行。 该视图窗口底部有三个标签：普通、HTML和预览，它们分别控 制网页以普通方式、HTML方式进行编辑或是预览网页的效果。
6Байду номын сангаас
• 文件夹视图——站点显示为一组文件和文件夹。 “文件夹”视图 对于站点的作用与Windows资源管理器对存储在硬盘上的文件的 作用和操作基本相同。在文件夹中的操作自动的修改相应的链接。 • 报表视图——可以方便了解当前站点的文件内容、更新链接情况 组件、修改所有文件列表及变化情况等信息。需要了解站点详细 情况时，使用报表视图。 • 导航视图——可方便地观察站点的链接结构，这个结构很像一个 单位或组织的结构图。其中主页位于顶部，其他的网页归入下面 各层中。在该视图中可以很直观地浏览网站内网页之间的链接关 系，同时也可以通过鼠标将结构图中的网页拖到新位置来改变链 接结构。 • 超链接视图——将当前站点显示为链接文件的一个网络，它们表 示了站点中各个网页之间的相互链接关系。 超链接视图就像一个 地图，表明站点中的超链接路径。 • 任务视图——主要用来创建和管理任务。在视图中列出了当前站 点中的“任务”，即当前站点中尚未完成的项目。
• 使用书签建立网页内的链接： 首先在网页标题行下面输入要链接的小标题； 建立顶端书签（在“插入”菜单中单击“书签”命令/ 输入“顶端”二字，出现小红旗样式，然后分别在各 小标题处建立书签（书签的名字就是小标题）； 在标题行建立到书签的链接； 在页面内相应处建立“返回顶端”的链接。 用同样的方法可创建指向别的网页内的书签。选中其 他网页的文本或图像，在创建超级链接对话框中单击 包含该书签的页面，然后在书签中指定要链接的书签 即可。
第10章 网页制作与FrontPage 2000
学习内容：
FrontPage 2000概述 FrontPage 2000基本操作 网页制作 超链接的使用
学习重点与难点：
网页制作技术，网页的编辑，超级链接的使用。
学习目的：
应用FrontPage 2000提供的技术制作与编辑具有动画效果的图文并 茂网页。 因特网的核心：World Wide Web（WWW）万维网，是由一个一个 互连互通的网站所组成的信息海洋，这些网站的灵魂就是网页。
7
• FrontPage2000基本操作 建立新站点——开始-程序-文件-新建-站点-选定只有一个 网页的站点-指定新站点的位置，如图所示： 按照系统的默认设置建立起来的站点如教材P211所示。
8
• 创建网页——开始-程序-文件-新建-网页-在新建对话框 中进行选择。如下图所示：
9
• 导入网页操作： 从“文件”菜单中选择“导入”命令，进入“导入” 对话框。在该对话框中有三个按钮可供选择，即导入 单个网页；导入文件夹中的所有网页；导入站点。如 下图所示：
2.
3.
2
• 网页与站点 网页也就是我们在浏览器上看到的画面，而一般进入 站点后所看到的第一个页面通称为Homepage，也称为 主页。主页通常用来作为一个站点中的目录或索引， 就像是一份报纸的头版，会把最热门、最重要的消息 写在上面，然后再注明“详见第X版”，让读者能快速 找到自己感兴趣的新闻。而在WWW中，主页的“详 见第X版”通常就是一个链接，浏览者只要在链接上单 击，就可以连到另外一个网页，观看更详细的内容。 站点就是一群相关网页的集合，也就是说，设计者制 作了几个网页，并且经过组织规划，让网页彼此相连， 然后让Internet的人都能看到，这样的完整结构就称为 “站点”。
10
• 编辑网页
中文输入、文本选定与Word相同。Ctrl+Home（文本头），Ctrl+End （文本尾）。三种方式使用字体：选择“格式”菜单中的“字体”； 对选中的文本右击弹出快捷菜单选“字体”；或选中文本后按 Alt+Enter。 换行与设置段落（仅换行：输入到右边界，系统会自动换行，必须 换行时Shift+Enter键。按回车键即为段落标记。），段落格式类似 Word。 特殊字符输入（单击“插入”菜单中的“符号”命令） 移动、复制、删除、字体的操作均类似Word。
表单（用来与访问者交互的页面元素集合，包括按钮、下拉菜单 等元素，供访问者输入需要进行交互的信息。）、框架（将浏览 器的可视部分分成若干个不同的区域，每个区域对应不同的页 面）、表格（可用于输出分类信息，也可用于页面信息定位）、 动态元素（GIF动画、横幅广告、网站计数器）等。
4
• FrontPage2000功能简介 网页制作——操作界面简易，类似其他Office应用软件 的使用。所见即所得，即制作者无须了解HTML语言 格式，只要使用工具栏或功能表，系统会自动把页面 文件编译为HTML文件。可以切换不同的视图方式直 接编辑HTML文本以及预览网页效果。对于初学者， 可直接使用系统提供的摸板、向导及主题。 建立和管理站点——直接在屏幕上建立组织结构图， 并且自动在页面中加入链接导航栏。
3
•
网页的组成元素 报纸、杂志其版面都是由两种元素构成的，即“文字”与“图 形”。 WWW上的网页，在编辑时也是基于同样的版面设计原 理，但网页设计比平面设计复杂得多，因为通过浏览器展现出 来的网页，有声音、图像、动画等多媒体项目，作为网页的基 本元素仍然是文字、图形和超级链接。 文字——文字是网页中传递信息最快、占用存储空间最小 优势最强大量使用的信息传输载体。（通过字型、字号、 颜色的不断变化来吸引浏览者） 图形——图形能给人更直观的视觉印象。WWW上的图形格 式一般为JPG、GIF图形。这两种图形的压缩比较高且具有 跨平台的特性，即适应任何操作系统，但GIF图形只适应 256色的图片。 超链接——超链接是一种标记，一点即得。不论文字或图 形都可添加超链接标记。跳至各主题页面的链接；与其他 站点的链接；链接到网页设计者的E-mail。
• 列表
为文本快速设置项目符号（格式工具栏、“格式”菜单），也可把 自己的图片导入到剪辑库。
表格的制作与处理
创建表格（ 常用工具栏、“表格”菜单可精确设置表格和手工制表） 设置表格背景（鼠标指针移到到表格中右击-选种表格属性可设置背 景颜色或图片）
设置网页主题（系统提供60种主题） 网页的保存与关闭
11
• 超链接的使用 超链接包含两个部分：链接的载体（一般用颜色字体 加下划线表示，也可能是图片。鼠标指针指向时变为 手掌形状，相对应URL地址也显示在下边）及目标地 址（单击超链接后所显示的内容：可能是本网站中的 另一个网页，可能是另一个网站，也可能是下载文件， 或者是打开电子邮箱） • 建立超链接 建立超链接可有三种形式：本网页之内的；网页之间 的；网站之间的。建立超链接的步骤：选中作为超链 接的载体-右击-在快捷菜单中单击“超链接”命令-打 开超链接对话框-确定超链接目标 例：新建个人站点。使用“讨论站点”可创建网上聊天 室（除查看见解外，更重要的是在该站点上发表自己 的高见。），但这种提交表单的方式必须安装 FrontPage 2000服务器扩展的真正Web服务器，才能在 浏览器中使用全部功能。 12
1.制作一个宽500pt 高300pt 三行两列的表格，为表格添加一 幅背景图片。
2.制作一个三项的列表：1、雅虎； 2、263在线；3、搜狐， 为每一项建立一个超级连接，连接的目的地址为各网站的主 页。 3.使用“公司展示向导”建立一个站点。对站点内的网页进 行修改，将主页修改为P223所示。 24