文档介绍：第1章网页制作基础
网页设计与制作
南海学院计算机系制作
10/1/2021
1
第1页
第1章网页制作基础
Web和浏览器
Web
Web特点和结构
Web最大特点是使用了超文本（Hypertext）
W16
第16页

这类网站是一个综合性网站，包括领域非常广泛，包含文学、音乐、影视、体育、新闻和娱乐等方方面面内容，含有论坛、搜索和短信等功效。现在国内较著名门户网站有搜狐（）、网易（）等。
10/1/2021
17
第17页

个人网站含有较强个性化，是以个人名义开发创建网站，其内容、样式、格调等都是非常有个性。
10/1/2021
18
第18页

这类网站含有很强专业性，通常只包括某一个领域，内容专业。如榕树下网站（）即是一个专业文学网站。
10/1/2021
19
第19页

职能网站含有专门功效，如政府职能网站等。当前逐步兴起电子商务网站也属于这类网站，较有名电子商务网站有阿里巴巴（）、卓越网（）和当当网上书店（）等。
10/1/2021
20
第20页
认识网页
Flash动画
导航栏
GIF动画
文字
表单
图片
超级链接
10/1/2021
21
第21页
网页中元素

5. 表格
6. 超级链接
7. 视频、音频
8. POP窗口
9. 标题栏和状态栏文字
10/1/2021
22
第22页
　网页制作相关知识
HTML语言概述
是一个超文本标识语言，作为一个网页编辑语言，易学易懂。
10/1/2021
23
第23页
1、HTML网页
HTML网页通常是由三部分内容组成：版本信息、网页标题（HEAD）和文档主体（BODY）。
下面就是网页结构总体框架：
<!HTML网页版本信息说明>
<HTML>
<HEAD>
<!标题标识、属性及其内容>
</HEAD>
<BODY>
<!主体标识、属性及其内容>
</BODY>
</HTML>
10/1/2021
24
第24页
（1）版本信息
版本信息位于HTML网页文件第一行
（2）HTML文件标识
大部分网页文件都是以<HTML>标识开始，在文件结尾处又以</HTML>结束
（3）头部信息
HEAD标识之间是HTML文档头部，用来标明当前文档相关信息
在HEAD标识之间，使用频率最高标识就是TITLE，它用于定义显示在浏览器标题栏文档标题。
10/1/2021
25
第25页
【例】给网页设置 “励志学社”文档标题，可在头部输入以下代码：
<TITLE>励志学社</TITLE>
10/1/2021
26
第26页
（4）主体标识
　　网页主体是“<BODY>……</BODY>”标识对作用范围
<BODY>标识用于定义HTML文档主体开始，它能够设置网页背景图像、背景颜色、链接颜色和网页边距等属性，其基本使用方法以下所表示：
<BODY Background="URL" Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color>
　　
Bgcolor为背景颜色。关于颜色值后面会详细介绍。Text为不包含超级链接文字颜色。
　　Link为超级链接文字颜色。
　　Alink为正被点击超级链接文字颜色。
10/1/2021
27
第27页
Leftmargin、Topmargin用于设置网页左边距和上边框，它们是以像素为单位
【例1】将网页上边距和左边距分别设置为40和30个像素宽度，使用黑色文本、白色背景，未访问链接源采取蓝色，已访问链接源标识为暗红色。
<BODY Background="" Bgcolor="White" Bgproperties=Fixed Leftmargin=30 Link="Blue" Text="Black" Topmargin=40 Vlink="Maroon">
Vlink为已经点击过超级链接文字颜色。
　　Backgr