网页制作和网站管理工具.pptx

第七章网页制作和网站管理工具（FrontPage2003）

第7章网页制作和网站管理工具(FrontPage2003)添加标题网页编程语言HTML概述添加标题网页的基本知识添加标题FrontPage2003的基本知识添加标题超链接添加标题网站的基本操作添加标题表单添加标题框架网页添加标题动态网页添加标题网站的发布

7.1.1HTML简介7.1.2HTML语标记符7.1网页编程语言HTML概述

7.1.1HTML简介HTML是HyperTextMarkupLanguage的缩写，中文意思是“超文本标记语言”，它是全球广域网上描述网页内容和外观的标准。所有的网页都是采用HTML格式的文件，因此，网页的本质就是HTML，HTML是网页编程的基础。一个网页就是一个HTML文件，也称为Web页。HTML文件是一个纯文本或ASCII码文件，可以在任何具有文本编辑功能的字处理软件中进行编辑，文件的扩展名必须是.htm或.html。

7.1.2HTML语标记符HTML是一种语言，它由基本字符和修饰这些字符的各种标记符组成。这些标记符是一些嵌入式命令，其大小写形式是等价的，提供了网页的结构、外观和内容等信息。Web浏览器利用这些信息来决定如何显示网页。在HTML中，所有的标记符都用尖括号括起来，大多数标记符都是成对出现的，分别表示开始和结束。开始标记符和对应的结束标记符定义了该标记符起作用的范围，两者的区别在于结束标记符在标记符号前有一个左斜杠。例如HTML代码：H1欢迎！/H1，表示显示网页时对“欢迎！”使用标题1样式，/H1表示标题1样式的结束。

7.1.2HTML语标记符要查看网页的HTML代码，可以选择“查看”|“源文件”命令。下面是一个网页的代码表示形式，通过该网页可以使读者了解HTML中的各种标记符及其功能。代码可以在文本编辑器如“记事本”等中输入，示例如下。

htmlheadtitle青岛农业大学/title/headbodybgcolor=whitecenterh2学校简介/h2/centerb一、校园平面示意图/bcenterimgsrc=C:\DocumentsandSettings\MyDocuments\MyPictures\xypm.jpg/center校情总览：ulli学校简介li现任领导li历任领导li校园风光/ulhrcenterahref=http://如有问题，请联系我/a/center/body/html

图7.1学校简介网页

HTML中常用的标记符及功能如下所述：(1)HTML…/HTML：HTML文件的开始和结束标记符。当浏览器遇到HTML标记符时，开始按照HTML的标准解释其后的文本，直到遇到结束标记符/HTML为止。(2)HEAD…/HEAD：Web页面的头部标记符。其中的内容一般是这个文件的说明。(3)TITLE…/TITLE：Web页面的标题标记符。其中的内容是Web页面的标题，显示在浏览器的标题栏中。(4)BODY…/BODY：Web页面的主体标记符。其中的内容是Web页面的主体，显示在浏览器的主窗口中。(5)CENTER…/CENTER：居中标记符。将其中的内容居中显示。在默认情况下，所有的文字与图形靠左对齐。(6)Hx…/Hx：标题等级标记符。定义了6个标题的级别，其中x的值在1~6之间。不同的等级的字号不同。例如：H1…/H1定义了一个一级标题。(7)P…/P：分段标记符。将其中的文本自动分成一段，且在各个段落之间有一个空行。

(8)BR：行中断标记符。相当于文本编辑程序中的回车。(9)HR：横线标记符。在Web页面中加入一条横线。(10)IMGSRC=图片文件名：图片标记符。在Web页面中加入图片，其中“图片文件名”为具体的图片文件名。(11)B…/B：黑体字标记符。将其中的文本显示为黑体字。(12)I…/I：斜体字标记符。将其中的文本显示为斜体字。(13)A…/A：超链接标记符。常把A写成：AHREF=超链接的文件名，其中“超链接的文件名”为具体的HTML文件。HREF相当于一个指针，指向要链接的文件。标记符之间的内容在Web页面显示为蓝色加下划线的超链接标记。(14)UL…/UL：不带序号的列表标记符。其中用LI标记列表的各项。(15)OL…/OL：带序号的列表标记符。其中用LI标记列表的各项。此外，HTML语言还有许多标记符，读者可以参考有关HTML的书籍或者在网上查询。

7.2FrontPage2003的基本知识添加标题FrontPage2003的安装添加标题FrontPage2003的主要功能添加标题FrontPage2003的界面构成添加标题Fron