第10章网页制作与 FrontPage2000 学习内容: FrontPage2000概述 FrontPage2000基本操作 网页制作 超链接的使用 学习重点与难点: 网页制作技术,网页的编辑,超级链接的使用。 学习目的: 应用 FrontPage2000提供的技术制作与编辑具有动画效果的图文并 茂网页。 因特网的核心: World Wide Web(WWW)万维网,是由一个一个互 连互通的网站所组成的信息海洋,这些网站的灵魂就是网页
1 第10章 网页制作与FrontPage 2000 学习内容： FrontPage 2000概述 FrontPage 2000基本操作 网页制作 超链接的使用 学习重点与难点： 网页制作技术，网页的编辑，超级链接的使用。 学习目的： 应用FrontPage 2000提供的技术制作与编辑具有动画效果的图文并 茂网页。 因特网的核心：World Wide Web（WWW）万维网，是由一个一个互 连互通的网站所组成的信息海洋，这些网站的灵魂就是网页
10.1 FrontPage2000概述 1. FrontPage2000是一个编辑工具。编辑 INternet上以 HTML格式保存的所有文件(称为网页),并可以利用 Image Composer和 Microsoft gif animator编辑处理图 像和动画,此外还可以在网页中插入各种插件,包 括:Java, ActiveX, JavaScript,产生各种特殊效果 2. FrontPage2000是一个管理站点工具。可以利用不同 的方式查看各个网页之间的关系,调整站点的组织 结构,使整个站点的条理清晰。 3. FrontPage2000是一个 Internet出版工具,利用它提 供的网络发布工具,可以轻松完成站点的发布上传 过程
2 10.1 FrontPage 2000概述 1. FrontPage2000是一个编辑工具。编辑Internet上以 HTML格式保存的所有文件(称为网页)，并可以利用 Image Composer和Microsoft GIF Animator编辑处理图 像和动画，此外还可以在网页中插入各种插件，包 括：Java，ActiveX，JavaScript，产生各种特殊效果。 2. FrontPage2000是一个管理站点工具。可以利用不同 的方式查看各个网页之间的关系，调整站点的组织 结构，使整个站点的条理清晰。 3. FrontPage 2000还是一个Internet出版工具，利用它提 供的网络发布工具，可以轻松完成站点的发布上传 过程
网页与站点 网页也就是我们在浏览器上看到的画面,而一般进入 站点后所看到的第一个页面通称为 Homepage,也称为 主页。主页通常用来作为一个站点中的目录或索引, 就像是一份报纸的头版,会把最热门、最重要的消息 写在上面,然后再注明“详见第X版”,让读者能快速 找到自己感兴趣的新闻。而在WWW中,主页的“详 见第X版”通常就是一个链接,浏览者只要在链接上单 击,就可以连到另外一个网页,观看更详细的内容 站点就是一群相关网页的集合,也就是说,设计者制 作了几个网页,并且经过组织规划,让网页彼此相连, 然后让 iNternet的人都能看到,这样的完整结构就称为 “站点
3 • 网页与站点 网页也就是我们在浏览器上看到的画面，而一般进入 站点后所看到的第一个页面通称为Homepage，也称为 主页。主页通常用来作为一个站点中的目录或索引， 就像是一份报纸的头版，会把最热门、最重要的消息 写在上面，然后再注明“详见第X版”，让读者能快速 找到自己感兴趣的新闻。而在WWW中，主页的“详 见第X版”通常就是一个链接，浏览者只要在链接上单 击，就可以连到另外一个网页，观看更详细的内容。 站点就是一群相关网页的集合，也就是说，设计者制 作了几个网页，并且经过组织规划，让网页彼此相连， 然后让Internet的人都能看到，这样的完整结构就称为 “站点
网页的组成元素 报纸、杂志其版面都是由两种元素构成的,即“文字”与“图 形”。WWW上的网页,在编辑时也是基于同样的版面设计原 理,但网页设计比平面设计复杂得多,因为通过浏览器展现出 来的网页,有声音、图像、动画等多媒体项目,作为网页的基 本元素仍然是文字、图形和超级链接。 文字——文字是网页中传递信息最快、占用存储空间最小 优势最强大量使用的信息传输载体。(通过字型、字号、 颜色的不断变化来吸引浏览者) 图形图形能给人更直观的视觉印象。WWW上的图形格 式一般为JPG、GI图形。这两种图形的压缩比较高且具有 跨平台的特性,即适应任何操作系统,但GIF图形只适应 256色的图片。 超链接—超链接是一种标记,一点即得。不论文字或图 形都可添加超链接标记。跳至各主题页面的链接;与其他 站点的链接;链接到网页设计者的 E-mail 表单(用来与访问者交互的页面元素集合,包括按钮、下拉菜单 等元素,供访问者输入需要进行交互的信息。)、框架(将浏览 器的可视部分分成若干个不同的区域,每个区域对应不同的页 面)、表格(可用于输出分类信息,也可用于页面信息定位)、 动态元素(GI动画、横幅广告、网站计数器)等
4 • 网页的组成元素 报纸、杂志其版面都是由两种元素构成的，即“文字”与“图 形”。WWW上的网页，在编辑时也是基于同样的版面设计原 理，但网页设计比平面设计复杂得多，因为通过浏览器展现出 来的网页，有声音、图像、动画等多媒体项目，作为网页的基 本元素仍然是文字、图形和超级链接。 ➢ 文字——文字是网页中传递信息最快、占用存储空间最小 优势最强大量使用的信息传输载体。（通过字型、字号、 颜色的不断变化来吸引浏览者） ➢ 图形——图形能给人更直观的视觉印象。WWW上的图形格 式一般为JPG、GIF图形。这两种图形的压缩比较高且具有 跨平台的特性，即适应任何操作系统，但GIF图形只适应 256色的图片。 ➢ 超链接——超链接是一种标记，一点即得。不论文字或图 形都可添加超链接标记。跳至各主题页面的链接；与其他 站点的链接；链接到网页设计者的E-mail。 ➢ 表单（用来与访问者交互的页面元素集合，包括按钮、下拉菜单 等元素，供访问者输入需要进行交互的信息。）、框架（将浏览 器的可视部分分成若干个不同的区域，每个区域对应不同的页 面）、表格（可用于输出分类信息，也可用于页面信息定位）、 动态元素（GIF动画、横幅广告、网站计数器）等
FrontPage2000功能简介 网页制作—操作界面简易,类似其他Oice应用软件 的使用。所见即所得,即制作者无须了解HTML语言 格式,只要使用工具栏或功能表,系统会自动把页面 文件编译为HTML文件。可以切换不同的视图方式直 接编辑HTML文本以及预览网页效果。对于初学者, 可直接使用系统提供的摸板、向导及主题。 建立和管理站点——直接在屏幕上建立组织结构图, 并且自动在页面中加入链接导航栏
5 • FrontPage2000功能简介 网页制作——操作界面简易，类似其他Office应用软件 的使用。所见即所得，即制作者无须了解HTML语言 格式，只要使用工具栏或功能表，系统会自动把页面 文件编译为HTML文件。可以切换不同的视图方式直 接编辑HTML文本以及预览网页效果。对于初学者， 可直接使用系统提供的摸板、向导及主题。 建立和管理站点——直接在屏幕上建立组织结构图， 并且自动在页面中加入链接导航栏