1.1 网页概述

网页中包含多种类型的内容（即网页的元素），最基本的是文字，还包括图像、动画和音频视频形式的多媒体文件，这些文件存放在服务器上，用户通过浏览器进行访问，这就是人们常说的浏览器/服务器（Browser/Server，B/S）结构。设计网页的最终目的是给访问者显示有价值的信息，并留下深刻的印象。在设计网页前，需要先了解一些相关知识。

WWW（World Wide Web）是环球信息网的缩写，也可简称为Web，中文名为万维网，它是一个基于超文本（Hypertext）方式的信息检索服务工具。这种把全球范围内的信息组织在一起的超文本方法，采用的是由指针链接的超网状结构。Web系统允许超文本指针所指向的目标信息源不仅可以是文本，也可以是其他媒体，如图形、图像、声音和动画等信息，更重要的是可以把分散在不同主机上的资源有机组织在一起，这种超文本结构与多媒体的结合体被称为“超媒体”（Hypermedia，现在的含义已变为UltraMedia）。

Web系统已在教育、科学技术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用。WWW的应用已远超原有的设想，成为Internet上最受欢迎的应用之一，它的出现极大地推动了Internet的推广。WWW获得成功的秘诀在于它制定了一套标准的、易于被人们掌握的超文本开发语言、信息资源的统一定位格式和超文本传送通信协议，用户掌握后可以很容易地建立自己的网站。

超链接（Hyper Link）指向WWW中的资源，如一个网页、声音、文件、网页上的一个段落或者WWW中的其他资源等，这些资源可以放在任何一个服务器上。超链接可以是一些文字，也可以是一张图片。

统一资源定位器（Uniform Resource Locator，URL）用于描述Internet上资源的位置和访问方式，也可以把URL称为网址，它的功能相当于在实际生活中写信的通信地址。

例如，新浪网一个网页的网址如下。

基本语法：

URL通常包括三个部分，第一部分Scheme是网络协议，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。

● Scheme（传输协议）：定义因特网服务的类型，告诉浏览器如何解析将要打开的文件内容。最流行的类型是 http，还有ftp等多种网络协议。

● domain（域）：定义因特网域名，如sina.com.cn。

● host（主机）：定义此域中的主机。如果被省略，默认为www，上例中是tech。

● port（端口）：定义服务的端口号，通常省略http默认的端口号80。

● path（路径）：定义服务器上的路径（一个辅助的路径）。如果路径被省略，资源（文档）会被定位到网站的根目录。

● filename（文件名）：定义文档的名称。

网站（Web Site）是一个存放在网络服务器上的完整信息集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。

网页（Web Page）是网站的组成部分，制作者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页里可以有文字、图像、动画、声音及视频信息等。可以把网页看成是一个单一体，是网站的一个元素。

首页（Home Page）是一个单独的网页，也称为主页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者访问一个网站时出现的第一个网页，默认索引文件名为index.html、index.php等。

Windows自带的记事本可以用来查看和编辑网页的源代码，也可以创建简单网页。EditPlus是功能强大的文本文件编辑软件，不仅可以编辑网页文件，也可以编辑C、Java、PHP和JSP等语言文件，它可以自动添加标记、高亮显示一些关键字等功能。Dreamweaver是Adobe公司的专业网页开发工具，不仅可以进行可视化设计，其代码窗口的编辑功能也相当强大。还有WebStorm这个Web前端开发神器以及一些轻量级的强大编辑器（如Visual Studio Code、Sublime Text、Atom、Brackets、HBuilder等）也值得使用。

虽然Microsoft公司开发的IE凭借其Windows自带的默认浏览器身份曾经长期称霸浏览器市场，但是近年来对最新Web标准兼容性更好的浏览器，比如Chrome、Firefox、Edge、Safari、Opera等浏览器已经超过IE。现在的浏览器主要采用4种内核：Edge（Trident的替代者）、Blink、Webkit和Gecko，本书实例均由各内核浏览器测试通过。

一般制作网页时采用的技术主要使用HTML和CSS实现，根据需要也可以使用JavaScript。

在网络中，如果要向全球范围内发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于发布信息的“母语”。这种WWW所使用的母语就是HTML。超文本标记语言（Hypertext Text Markup Language, HTML）是构成Web页面（Page）的基础。用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种文本文件，HTML标记可以说明文字、图形、动画、声音、表格和链接等。使用HTML语言描述的文件能独立于各种操作系统平台（如Windows、UNIX/Linux和Mac OS等），访问它只需要一个WWW浏览器，人们所看到的网页是浏览器对HTML文件进行解释的结果。可以通过浏览器直接查看一个页面的HTML源代码，右击网页空白处，在弹出的快捷菜单中选择“查看源文件”或“查看网页源代码”命令即可。

在网页制作时采用层叠样式表（Cascading Style Sheet，CSS）技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。

JavaScript是由Netscape公司开发的一种脚本语言（Scripting Language）。在HTML的基础上，使用JavaScript可以开发交互式Web网页，例如，可以在线填写各类表格、联机编写文档并发布等。