《计算机基础》-第7章_网页的制作与发布.pptVIP

第7章 网页制作与发布 7.1 超文网页本标记语言概述 7.1.1 基本概念 1． Web网页 网页是分布在世界各地的Web网站上的文档文件。一般网页上都有文本、图片等内容，有的网页还提供声音、动画、影像等多媒体信息和交互功能。通常网站的第一页面被称为该站点的主页。网页是用超文本（Hypertext）格式写成的，超文本格式具有将文本内容与其它文本连接起来的链接功能。 2． Web站点 Web站点是网页的集合。可以将WWW看作Internet上的一个大型图书馆，Web站点就像图书馆中的一本书，而网页则是书中的某一页。 7.1 超文网页本标记语言概述 3．超链接 超链接是内嵌了Web地址（又称为URL）的文本或图形，是从一个网页或文件指向另一个网页或文件的链接关系。通过单击超链接，可以从当前位置跳转到特定Web站点的某一网页。超链接一般分为内部超链接、书签超链接和外部超链接三种类型。 4．远端站点 远端站点是存放在Internet服务器上的各种站点。这种站点的特点就是其位置的不可知性，很难确定站点是存放在哪一台Internet服务器上，所以管理远端站点的难度较大。 5． 本地站点 本地站点就是构建在本地计算机上的站点。由于对远端站点的操作有种种困难，所以首先将站点建立在本地计算机上，然后将其“复制”到Internet服务器上，从而构成远端站点。 7.1 超文网页本标记语言概述 7.1.2 HTML概述 1． HTML语言 HTML语言是由Web的发明者创立的一种标记式语言，是一种用于网页制作的排版语言，是Web最基本的构成元素。用HTML的语法规则建立的文档可以运行在不同的操作系统上。因此，HTML文档属于纯文本文件（能用任意的文本编辑器建立）。用HTML建立的文档可包含文本、表格、图形和格式标记等。 2．HTML的作用 （1）格式化文本：设置标题、字体、字号、颜色、段落和对齐方式。 （2）建立超级链接：用鼠标单击，就可以到达任何一处Web站点。 （3）创建列表：建立一种易读的表现形式。 7.1 超文网页本标记语言概述 （1） 插入图像：可以插入图像，设置图像的各种属性。 （2） 加入多媒体：可以在网页中加入音频、视频和动画，还可设定播放时间。 （3） 建立表格：可建立表格的显示方式。 （4） 交互式表单、计数器等。 3．HTML的编辑 HTML编辑环境很简单，可以在任何计算机平台上使用任何文本编辑器（例如，记事本、写字板、Word等）生成、编辑，并用Web浏览器（例如IE）浏览网页效果。编辑网页的方法如下。 （1） 打开一个文本编辑器。 （2） 逐行输入HTML语言文本，并按照HTML语法规定对文本进行 （3）用扩展名“.htm”或“.html”来保存文档，以表示这个文档是HTML文档。 7.1 超文网页本标记语言概述 4．HTML文档的一般结构 （1）标记 标记是HTML的基本元素，每种标记定义了不同的功能，由尖括号括起来。标记分为两种，单一标记和成对标记。包含有基本标记、标题标记、格式标记、文本标记、文档属性标记、图像标记、链接标记、表格标记、表单标记和帧标记。 （2） 一般结构 HTML文档是一种纯文本文件，是由一系列字符串来描述文件中的信息和功能的。一个HTML文档包含标记、文本和图形。 7.2 网页制作 1． FrontPage2000简介 FrontPage2000是Office2000的组件之一，是一个集建立Web网站、设计Web网页、管理Web站点于一体的工具软件。它以完整的设计功能与操作界面，为用户提供了更直观、更容易的建立和设计网页的方法。FrontPage2000的使用方法与Word2000的使用非常相似，如各种编辑方法、段落和字体格式的设置等。FrontPage为用户提供了各种有效的网页创建和网站管理方案，极大地提高了设计效率。 2． FrontPage2000的视图 在Web站点从创建到发布的过程中，设计者和管理者对站点会有各种需求。而视图栏给出的各个视图是查看所创建的Web站点的有效手段和方式。 7.2 网页制作 （1） 网页视图 启动FrontPage后，默认情况下打开的是网页视图。网页视图主要用于网页编辑。在“网页视图”下，工作区的左下角有三个切换显示模式的选项卡。 ① 普通模式：单击“普通”