《网页设计制作基础与上机指导——HTML5+CSS3+JavaScript （第2版）》

第1章网页设计入门

本章主要内容：

 网页设计基础知识

 网页制作相关技术

 HTML入门

 HTML 基本语法

1.1 网页设计基础知识

网站是由若干网页构成的，这些网页按照一定的逻辑关系

组织在一起。每个网页都包含一定的组成元素，网页的设计与制

作就是对这样元素的规划和构建。

1.1.1 网站和网页

网站（Website）是指在因特网上，根据一定的规则，使

用HTML等工具制作的用于展示特定内容的相关网页的集合。简

单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过

网站来发布自己想要公开的资讯，或者利用网站来提供相关的网

络服务。人们可以通过网页浏览器来访问网站，获取自己需要的

资讯或者享受网络服务。

1.1.1 网站和网页

网站由域名（domain name），网页和网站空间这三部分

组成。网站域名就是在访问网站时在浏览器地址栏中输入的网址，

比如： （课件吧网站的一级域名）、

（课件吧网站的二级域名）。网页用某种形式

的HTML来编写，多个网页由超级链接联系起来。网站空间由专

门的独立服务器或租用的虚拟主机承担，网页需要上传到网站空

间中，才能供浏览者访问网站中的内容 。

1.1.1 网站和网页

网站是一个整体，它是由网页及为用户提供的服务构成的，

网站为浏览者提供的内容是通过网页展示出来的，使浏览者了解

该网站为用户提供的服务及展示的信息，浏览者访问网站实际上

就是浏览网页。网页经由网址（URL）来识别和存取，当在浏览

器中输入网址后，浏览器可以从WWW上下载指定的网页，传送

到本地计算机，然后再通过浏览器解释网页的内容，再展现到窗

口内。

首页（Home page）也可以称之为主页，它是一个单独的

网页，和一般网页一样，可以存放各种信息，同时又是一个特殊

的网页，作为整个网站的起始点和汇总点，是浏览者访问网站的

第一个网页。

1.1.1 网站和网页

Logo Banner

导航栏

图 意 示 局 布 页 首 站 网 公告栏 精彩图书推荐

横幅广告位

新书快递 精品图书

高校教材 专家书评

友情链接

版权栏

1.1.2 网页基本元素

构成网页的基本元素主要包括文本、图片、水平线、表格、

表单、超链接及视频、动画等各种动态多媒体元素。

1.1.2 网页基本元素

文本：文本是网页中最主要的信息载体，浏览者主要通过

文字了解各种信息。

图片：图片可以使网页看上到更加美观。如果是新闻类或

说明类网页，插入图片后可以让浏览者更加快捷的了解网页所要

表达的内容。

水平线：在网页中主要起到分隔区域的功能，以使网页的

结构更加美观合理。

表格：表格是网页设计过程中使用最多的基本元素。首先

表格可以显示分类数据，其次使用表格进行网页排