网页制作与开发教程.pptVIP

第1章网页制作基础

1.1网页制作基础知识

1.2网页制作的基本步骤

1.3HTML入门

1.4Dreamweaver的操作环境

1.5建立本地站点

1.6创建文档

1.7实践与练习：创建新文档

小结

本章首先对一些与网络相关的概念做

了概要的阐述，介绍了网页制作的基本知

识，使读者对Internet传递信息的基本原理

有所了解。然后，介绍网页制作的基本步

骤，对HTML（超文本标签语言）的基本知

识进行入门性的阐述，对Dreamweaver的

操作环境进行介绍，并将介绍如何使用

Dreamweaver建一个最基本的网站和网页，

从而为后续章节的学习打下基础。

1.1网页制作基础知识

当打开浏览器后，在地址栏中输入一

个网站的地址，然后单击地址栏后面的

“转到”按钮，或直接按回车键，就会展

示出相应的网页内容，如图1-1所示。

图1-1网上冲浪

网页中可以包含多种类型的内容，这

些内容成为网页的“元素”。最基本的是

文字，此外，还可以使用图片、动画，以

及声音、视频等多媒体文件。制作网页的

目的之一，就是要给访问者留下深刻的印

象，展示有价值的信息。

1.1.1网页的分类

按网页在一个站点中所处的位置，可

将网页划分为“主页”和“内页”。“主

页”是指进入一个站点时看到的第一页，

“内页”是指与主页相链接的页面。

按网页的表现形式，可将网页划分为

“静态网页”和“动态网页”。

1.1.2网页制作中的基本概念

1．服务器与浏览器

图1-2服务器与浏览器的关系示意图

2．超链接

超链接的本质是一种可以指向其他文

件的文字或图片。

3．URL

URL为“UniformResourceLocator”

的缩写，通常翻译为“统一资源定位器”，

也就是人们通常说的“网址”。它用于指

定Internet上的资源位置。

图1-3超链接的作用

图1-4输入URL

4．HTML

网页文件是用一种标签语言书写的，

这种语言称为HTML（HyperTextMarkup

Language，超文本标签语言）。有两种方

式来产生HTML文件：一种是自己写HTML

文件，事实上这并不非常困难，也不需要

特别的技巧；另一种是使用HTML编辑器，

它可以辅助使用者来做编写的工作。

图1-5网页的HTML源文件

5．上传与下载

如果条件许可，也可以把自己的计算

机设置成服务器。大多数情况下，只需要

花一点钱租用一个服务器，把制作好的网

站传送到服务器上，这个过程就称为“上

传”。而其他计算机通过浏览器访问网页

的时候，所经历的过程就是“下载”的过

程，这样计算机中才能看到它。

6．域名

“域名”是在网络上的重要标识，起着

识别作用，域名可分为不同级别，包括顶

级域名、二级域名等。顶级域名又分为两

类。一是国家、地区顶级域名。

二是国际顶级域名。

7．网站

“网站”就是在Internet上一块固定的

面向全世界发布消息的地方。它由域名

（也就是网站地址）和网站空间构成，网

站空间里存放的就是各种网页。有时候，

网站也被称做站点。

衡量一个网站的性能通常从网站空间

大小、网站位置、网站连接速度、网站服

务内容等几方面考虑。

8．IP地址

“IP”的全拼是“InternetProtocol”，

也就是“Internet协议”，它是Internet能

够运行的基础。

在使用二进制表示的时候，IP地址的

长度为32位，分为4段，每段8位。用十进

制数字表示的时候，每段数字范围为1～

255，段与段之间用英文句点隔开，如

。

1.2网页制作的基本步骤

1．收集和整理资料

2．制作网页

3．测试站点

4．发布站点

5．站点维护和更新

1.3HTML入门

我们常常讲起“网页”，事实上每一

个网页都是一个文件，这个文件里面包含

了HTML指令，所以这些文件就被称为

HTML文件。HTML是一种描述性的标签语

言，这些标签符用来定义HTML文件中信息

的格式和功能。

当浏览器接收到HTML文件后，就解释

HTML文件