HTML5+CSS3网页设计及制作案例教程.pdf

随着信息通信技术的不断成熟，以及互联网与各行各业的日益融合，越来越多的人接 触或从事网页设计制作工作。在介绍网页制作技术之前，我们有必要先了解一下相关的基 础知识。本章主要介绍网页相关知识、网页的基本元素以及制作网页常用的技术和软件。 ◎ 了解互联网、因特网、万维网的关系和区别。 ◎ 了解网站、网页和HTML 的基本概念。 ◎ 了解静态网页和动态网页的区别和联系。 ◎ 了解HTTP 、FTP 、IP 地址、域名和 URL 等基本概念。 ◎ 能够安装并使用浏览器查看网页。 ◎ 了解从媒体内容和布局元素两个角度出发，网页所包含的基本元素。 ◎ 了解网页开发所使用的基本技术和工具。 HTML5+CSS3 1.1 在学习如何设计一个网页之前，我们首先要对网站、网页及其相关知识具有最基本的 认识。 1.1.1 互联网(internet)、因特网(Internet)、万维网(WWW) 互联网指由若干计算机网络相互连接而成的网络。进一步讲，凡是能彼此通信的设备 组成的网络就叫互联网，即使仅有两台机器，不论用何种技术使其彼此通信，就可以称为 互联网。互联网的英文用开头字母小写的 internet 表示，不是专有名词，泛指由多个计算 机网络相互连接而成的一个大型网络。因特网和其他类似的由计算机相互连接而成的大型 网络系统，都可算是互联网，因特网只是互联网中最大的一个网络。 因特网是目前全球最大的一个电子计算机互联网，是由美国的ARPA 网发展演变而来 的。但因特网并不是全球唯一的互联网络，例如在欧洲，跨国的互联网络就有“欧盟网” (Euronet)、“欧洲学术与研究网”(EARN)、“欧洲信息网”(EIN)，在美国还有“国际学 术网”(BITNET)，世界范围的还有“飞多网”等。Internet 专指全球最大的也就是我们通 常所使用的互联网络——因特网，“因特网”是作为专有名词出现的，因而开头字母必须 大写。 万维网是指环球信息网，英文全称为 World Wide Web ，简称 WWW 。万维网是基于 TCP/IP 协议实现的，是指在因特网上以超文本为基础形成的信息网，它为用户提供了一个 可以轻松驾驭的图形化界面，用户通过它可以查阅 Internet 上的信息资源。TCP/IP 协议由 很多协议组成，不同类型的协议又被放在不同的层，其中位于应用层的协议就有很多，比 如 FTP 、SMTP 和 HTTP 。只要应用层使用的是 HTTP 协议，就称为万维网。简而言之， 万维网是通过互联网获取信息的一种应用，我们所浏览的网站就是 WWW 的具体表现形 式，但其本身并不就是互联网，只是互联网的组成部分之一。 1.1.2 网站和网页 网站英文为Web Site 。简单来说，网站是多个网页的集合，即根据一定的规则，将用 于展示特定内容的相关网页，通过超链接构成一个网站整体。通俗地讲，网站就像因特网 上的布告栏一样，人们可以通过网站发布自己想要公开的资讯，或者利用网站提供相关的 网络服务。人们可以通过网页浏览器访问网站，获取自己需要的资讯或者享受网络服务。 例如，常见的网站有搜狐、新浪、雅虎等。 网页是Internet 的基本信息单位，英文为Web Page 。网页就是以HTML 语言为基础编 写的，能够通过网络传输，并被浏览器翻译成可以显示出来的包含文字、图片、声音、动 画等媒体形式的页面文件。进入网站首先看到的是其首页，一般情况下，首页集成了指向 二级分页以及其他网站的超链接。 2 图 1-1 所示是新浪网的首页。 图 1-1 新浪网首页 1.1.3 网页与HTML 网页呈现在用户面前的是各种文字、图像、动画、音频、视频等丰富的内容，而网页 在本质上是文本文件和其相关的资源，网页最根本的语言是 HTML(HyperText Markup Language ，超文本标记语言) 。HTML 是 Web 编程的基础，是网页设计和开发领域的一个 重要组成部分。HTML 指定如