文档介绍：第七章网页制作和网站管理工具
（FrontPage 2003）
1
精选课件
第7章网页制作和网站管理工具(FrontPage 2003)
网页编程语言HTML概述
FrontPage 2003的基本知识
网站的基本操作
网页的基本知识
超链接
表单
框架网页
动态网页
网站的发布
2
精选课件
HTML简介
HTML语标记符
网页编程语言HTML概述
3
精选课件
HTML简介
HTML是Hyper Text Markup Language的缩写，中文意思是“超文本标记语言”，它是全球广域网上描述网页内容和外观的标准。所有的网页都是采用HTML格式的文件，因此，网页的本质就是HTML，HTML是网页编程的基础。一个网页就是一个HTML文件，也称为Web页。HTML文件是一个纯文本或ASCII码文件，可以在任何具有文本编辑功能的字处理软件中进行编辑，。
4
精选课件
HTML语标记符
HTML是一种语言，它由基本字符和修饰这些字符的各种标记符组成。这些标记符是一些嵌入式命令，其大小写形式是等价的，提供了网页的结构、外观和内容等信息。Web 浏览器利用这些信息来决定如何显示网页。在HTML中，所有的标记符都用尖括号括起来，大多数标记符都是成对出现的，分别表示开始和结束。开始标记符和对应的结束标记符定义了该标记符起作用的范围，两者的区别在于结束标记符在标记符号前有一个左斜杠。例如HTML 代码： <H1 > 欢迎！</H1> ，表示显示网页时对“欢迎！”使用标题 1 样式， </H1>表示标题 1 样式的结束。
5
精选课件
HTML语标记符
要查看网页的HTML代码，可以选择“查看”|“源文件”命令。下面是一个网页的代码表示形式，通过该网页可以使读者了解HTML中的各种标记符及其功能。代码可以在文本编辑器如“记事本”等中输入，示例如下。
6
精选课件
<html>
<head><title>青岛农业大学</title></head>
<body bgcolor="white">
<center><h2>学校简介</h2></center>
<b>一、校园平面示意图</b>
<center><img src="C:\Documents and Settings\My Documents\My Pictures\"></center>
校情总览：
<ul>
<li>学校简介
<li>现任领导
<li>历任领导
<li>校园风光
</ul>
<hr>
<center>
<a href = "">如有问题，请联系我</a>
</center>
</body>
</html>
7
精选课件
学校简介网页
8
精选课件
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>：分段标记符。将其中的文本自动分成一段，且在各个段落之间有一个空行。
9
精选课件
(8) <BR>：行中断标记符。相当于文本编辑程序中的回车。
(9) <HR>：横线标记符。在Web页面中加入一条横线。
(10) <IMG SRC="图片文件名">：图片标记符。在Web页面中加入图片，其中“图片文件名”为具体的图片文件名。
(11) <B>…</B>：黑体字标记符。将其中的文本显示为黑体字。
(12) <I>…</I>：斜体字标记符。将其中的文本显示为斜体字。
(13)