计算机基础 教学课件 作者 978 7 302 23438 8 kj7第七章 FrontPage2003网页制作软件.pptVIP

第7章FrontPage 2003网页制作软件 本章概述 Internet上丰富的信息资源大多是通过网页传递的，网页是WWW网的基本文档之一，网页用HTML（超文本标记语言）书写，一个网页包含许多不同类型的HTML标记符，使用这样的标记符构建成网页的结构、外貌和内容。 网页被保存在WWW服务器中，可以通过特定的URL地址检索到，当你在浏览器的地址栏中输入相应的URL地址时，就可以找到相应的Homepage，并从中 获取信息。 制作一个简单网页可以使用FrontPage编辑器， FrontPage将网页界面自动构建成对应的HTML标记语言。 本章的学习目标 了解HTML语言 掌握网页、网站及其相关概念 掌握网页的编辑技术 掌握网页的表格操作 掌握网页图片操作 掌握网页表单操作 掌握网页超链接操作 主要内容 7.1 HTML语言简介 7.2 FrontPage 2003概述 7.3 FrontPage 2003的基本操作 7.4 网页中的文本操作 7.5 网页中图片的使用 7.6 网页中表格的使用 7.7 建立超链接 7.8 FrontPage 2003的高级应用 7.9 网页制作其他软件 7.10 本章小结 7.1 HTML语言简介 HTML（Hyper Text Markup Language）是超文本标记语言。 同所有的编程语言一样，HTML语言也有一套自己的符号和语法约定。 但它又不同于一般的编程语言，它只是一些可以由浏览器加以解释，并具有命令标记性质的文本。 HTML语言简介 例如在浏览器IE中显示的是一个简单的主页（如图7-1-1所示）。 该网页的文本内容如下： html head title我的第一个homepage，欢迎光临！/title /head body h1您的到来为本站增辉！/h1 br center h2本站全体同仁欢迎您！/h2 br uh3蜜蜂之家/h3/u /center /body /html HTML的标记 由HTML编写的Homepage中包含了一大堆的符号，其文本格式大致由两部分构成，一部分是标记，又称控制码，另一部分才是内容本身。 一个标记表示为“……”，中间可以包含标记名、标记的属性等等，就像编程语言中的参数一样。许多标记都是成对出现的，有一个开始标记，还有一个结束标记，结束标记就是在开始标记之前加一个“/”。比如下面两行： html /html 就是一对标记，它们告诉浏览器，这是 Homepage的开始（html）以及结束（/html）。 因此，要学习Homepage的制作，必须首先了解HTML标记的基本结构及作用。 几个常用的HTML标记 1．html…/html 作用：表示超文本文档的开头及结束。 2．head…/head 作用：一些有关文档的定义、说明和描述等标记包含在其中。 3．title…/title 作用：其中包含的内容出现在浏览器窗口的标题栏上，作为该主页的标题。 4．body…/body 作用：要表达的正文信息包含在其中。 说明：以上4个标记是一个完整的Homepage所必不可少的。 5．hn…/hn 作用：其中n取值l~6，表示由大到小的6种标题文字。 几个常用的HTML标记 6．br 作用：强行换行。 在HTML文本中，所有包含的回车符和空格都被忽略，当一行的内容还不满屏幕的宽度时，下一行内容会自动接上，因此在需换行时必须使用该标记。 7．格式：font……/font 作用：用于设定字体的大小和所用的字体，其中包含两个属性： 属性size：指定字体的大小，值为l～7。 属性face：用于指定不同的字体。 8．格式：img 作用：将图像文件嵌入到Homepage中。其中包含3个属性：Src（图像来源）、Width（图像宽度）和 Height（图像高度） 9．格式：center……/center 作用：将文本的内容居中。 10．格式：u……/u 作用：在其间包含的文本内容上加下划线。 当然，HTML的标记还有很多，对于初学者来说比较难记。不过我们可以使用FrontPage2003来制作图文并茂的Homepage。 主要内容 7.1 HTML语言简介 7.2 FrontPage 2003概述 7.3 Fron