[HTML]初识HTML

1、静态网页和动态网页

动态网页，指网页的内容可根据某种条件的改变而自动改变，如计数器就是动态的，当有人点击网页时，计数器的值会自动增加。BBS论坛也是动态的，当用户在论坛发布信息时，网页内容会自动刷新，显示出新发布的信息及相关回复，究其实质，动态网页通常情况下都是数据驱动的网页，即网页中变化的数据都是通过数据库的操作完成的。

常见的动态网页一般扩展名为 asp、aspx、php、jsp等，其共同点就是网页内的代码在存放网页的服务器上执行，完成数据库操作后，生成HTML代码网页发送到客户端的浏览器执行。

数据库是计算机使用最普遍的一种强大的数据存储形式，通常通过程序来操作其中的数据

静态网页，即纯粹的HTML网页，网页代码除了包含完整的HTML代码以外，还可能包含运行于客户端的JavaScript程序。 一般的扩展名为html、htm的网页文件为静态网页，其共同点是网页内的代码都是在客户端的浏览器中执行的。

静态网页一般保存在网页服务器上，用户浏览时不需要服务器再次执行网页程序，查询数据库并重新生成HTML，这样就减轻了网页服务器的负担，另外，静态网页数量多，有利于百度、谷歌等搜索引擎的收录。

2、配置Web服务器运行环境

IIS是Internet information server的缩写，中文称为因特尔信息服务，它是一种Web服务，主要包括WWW服务器，FTP服务器等。它使得在Intranet（局域网）或Internet（因特网）上发布信息成了一件很容易的事情。利用IIS可以在电脑主机上建立最常用的HTTP网页服务器、FTP文件传输服务器和SMTP服务器，实现最基本的页面浏览、文件传输和电子邮件功能。

配置IIS：http://jingyan.baidu.com/article/5553fa8215f7ef65a2393413.html

http://www.cnblogs.com/koeltp/archive/2012/02/08/2343394.html

3、网页制作工具的选择

网页制作工具相当多，读者在选择前必须先明确网页的以下本质。 1）网页文件即扩展名为htm、html的文件，本质上是文本类型的文件。 2）网页中的图片、动画的等资源是通过网页文件的HTML代码链接的，与网页文件分开存储的。 3）一个网站的默认首页文件在IIS中配置，一般是以index为文件名，即index.htm或index.html。

记事本：既然网页文件本质是一种文本文件，那么网页文件可以用Windows自带的记事本程序创建和编辑。其优点是方便快捷，缺点是无任何语法提示、无行号提示、格式混乱等，初学者使用困难。

EditPlus：一个非常优秀的代码编辑器，可以很方便的创建和编辑网页文件，其优点是方便快捷，有语法高亮，行号提示，HTML代码快捷插入，其缺点是无语法自动提示，无所见即所得的网页设计视图，对于代码熟练使用者非常适用，但仍然不适合初学者。

Dreamweaver：著名网页三剑客之一，是传统的网页制作主流工具，其优点是有可见即可得的设计视图，能通过鼠标拖放直接创建并编辑网页文件，自动生成HTML代码，其代码视图有非常完善的语法自动提示，自动完成，关键词高亮等功能，可以说Dreamweaver是一个非常全面的网页制作工具，正由于其功能强大，从而导致运行速度缓慢。

网页技术工作原理：

4、设置Web路径技术中的访问路径。

由于完整的网页是由网页文件组织外部资源（图片、动画），HTML代码通过路径寻找资源的位置。网页与网页之间的互相访问也是通过路径定位的，每个网页文件都可通过路径访问。

路径分为绝对路径和相对路径。

绝对路径,即URL，就是网站中文件的绝对位置。如“http://www.google.cn/images/logo_cn.gif”，这代表网站中的一个图片文件的URL，即绝对路径。定位同一个网站（同一个域名）中的网页或资源很少用绝对路径，首先，因为书写比较麻烦，重复部分太多，其次，当整个网站域名更换了，网站内所有的绝对路径都要更换域名部分。 相对路径，参照物分为相对网站根目录和相对文档，常用于定位同一网站（同一个域名）下的网页和资源。

（1）相对网站根目录方式的路径参照物是整个网站的根目录，类似绝对路径，只是把https协议及域名部分省略了。相对路径根目录路径的写法是在被访问的网页或资源路径前加个“/”表示网站的根目录。例如：“http://www.google.cn/images/logocn.gif”写成相对路径根目录路径为“/images/logocn.gif“。同一个网站中，任何页面访问这个图片文件都使用这个路径。

相对路径根目录路径解决了绝对路径的域名更换问题，域名变化不会影响到路径的编写

（2）相对文档路径参照物是引用该路径的文档（HTML网页文件），不同位置的网页访问同一个网页或资源，其相对路径也不同，当需要寻找的网页文件（资源）和文档处于同一目录下，文档代码中的路径即为被寻找到网页文件（资源）的文件名。

在网站开发中，提倡使用相对路径，一般情况下使用相对文档路径，重用率比较高的资源使用相对网站根目录路径

5、网页的颜色表示

在HTML技术里，颜色有两种表示方式，一种是颜色名称表示，如blue表示蓝色，white表示白色；另一种是16进制的数值表示RGB的颜色值，后者表示颜色更加精确。

6、学习网页技术的顺序

个人推荐：