曾经建设网站只需要一种语言技术，就是HTML。但随着web的发展与完善，新的技术层出不穷。虽然使用HTML也可以建立最简单的网页，但为了使网站更加具有吸引力，更加高效，我们至少要学会下面一些常用网站设计的技术。

下面这些技术将分不同的章节讲解，同时也会介绍它们之间的联系与区别，虽然涉及的内容挺多，但都不是很难，只要慢慢学习，你定能成为一个建站高手!

搭建网站的结构 — HTML与XHTML

网站的所有内容就是通过它们组织起来的。HTML与XHTML很相似，我推荐你使用XHTML，它更加严谨。

美化与布局网站的样式表 — CSS

有了内容之后，通过CSS可以使内容表现的更好。

客户端脚本语言 — JavaScript

通过目前最流行的脚本语言JavaScript，可以在客户端实现一些动态的效果、控制浏览器、数据的检测与验证，比如用户的输入验证，漂浮的文字，选项卡效果等。 目前最流行的Ajax技术，就使用了JavaScript。

服务器端脚本语言 — ASP PHP JSP 等

通过编程在服务器端实现对内容的分析与操作，比如用户登录系统，购物车系统，数据的查询等。

数据库与SQL语句 — Access MySQL SQLServer Oracle等

数据库用于存储数据，保留用户与网站信息等。

YUNVM提示: 网站建设发展到今天，已经衍生出很多技术，每一种技术的存在，都是以为了达到更富有吸引力的用户体验和更快捷方便的网站建设为前提，如果能认识到这一点，我们就能更加完善的理解这些技术了。

学习建立网页前，我们先了解Web基本的运作方式。就是从我们通过浏览器中输入域名，然后到浏览器显示页面，这个过程中到底发生了什么事？？？

见下面图示：

说明

1，浏览器通常指IE等，客户端使用的程序

2，每台连接互联网的机器都有一个且唯一的IP地址，IP地址是由4个0到256的数组成的，比如：222.131.0.255，127.0.100.1，由于每台联网的机器的IP地址都是独立的，因此可以通过IP来判断一台机器。

网站所在的服务器通常有一个固定的IP地址，而我们浏览者每次上网的IP地址通常都不一样，IP地址是由ISP分配的。

域名服务器(domain name server)的简称为DNS，它存储了域名与IP地址对应的列表。

3，浏览器得到域名指向的IP后，浏览器会把我们输入的域名转化为HTTP的服务请求，例如，输入 www.yunvm.com，可以转化为 http://www.yunvm.com/，通过这种方式浏览器向服务器发出了请求。

由于输入的是域名，因此服务器接收到请求后，会查找域名下的默认网页(通常为default.php或default.html)，如果直接输入http://www.yunvm.com/default.php就直接查找这个页面。

4，返回的请求通常是一些文件，包括文字信息(.html .css .asp文件等)，图片，flash等(每个文件都要有一个唯一的网址，比如 http://www.yunvm.com/xhtml/)

5，浏览器将这些信息组织成用户可以查看的网页

YUNVM提示: 查询网站的IP地址可以使用ping的方式，点击windows的开始 — 运行 — 输入“cmd” — 回车 — 输入 ping www.yunvm.com 可以查看www.yunvm.com的ip地址

YUNVM提示: 查询自己机器的ip地址，可以使用上面的方式，输入 ipconfig 回车即可查看

ping 命令用于查看网络主机是否在工作，它向主机发送ICMPECHO_REQUEST 包。我们如果想查看网络主机或者下载文件，可是又不知道那台主机是否开着，这就需要使用ping 命令查看。该命令的一般格式有以下这些：

ping [选项] [主机名/IP地址]

ping 的常用参数：

-c: 数目 在发送指定数目的包后停止

-d: 设定 SO_DEBUG 的选项

-f: 大量并且快速地送网络封包给某一台机器看其回应

-I 秒数 设定每间隔几秒送一个网络封包给一台机器，预设值是一秒送一次

-l 次数 在指定次数内以最快的方式送封包数据到指定机器 （只有超级用户可以使用此选项）

-q 不显示任何传送封包的信息只显示最后的结果

-r 不经由网关而直接送封包到一台机器通常是查看本机的网络接口是否有问题

-s 字节数 指定发送的数据字节数， 预设值为56， 再加上8 字节的ICMP头，一共是64ICMP 字节