一。Notepad++简介

Notepad++是一款由国人编写的开源的，功能小巧而强大的文字处理软件，此软件可以称为Windows记事本的完美替代方案，而且可以自己定制很多功能。支持多种语法的HTML，CSS，JavaScript等语言的着色显示与语法层叠等功能，是网页设计者必备的好工具。

Notepad++使用技巧简介

1，查看网页源代码

如果是按照上面步骤安装的(安装过程中选中了 As default html viewer)，在IE上点击右键，选择”查看源代码”，将使用Notepad++打开网页源代码，而不是Windows系统自带的记事本。

2，为代码增加行号

选择要增加行号的文本，点击插件，点击TextFX Characters，点击T:Insert Line Numbers

3，转换为HTML实体

选择相应的文本，点击插件，点击TextFX Characters，点击C:Encode HTML (&<>”)

4，去掉文本中的HTML元素

选择HTML元素，点击插件，点击TextFX Characters，点击C:Strip HTML tags table tabs

YUNVM提示: Notepad++非常强大，上面我们介绍的是Notepad++中一个最棒的插件TextFX，Notepad++还有更多好玩的，就等待你去探索了

二。EditPlus是一款由韩国人编写的小巧功能强大的文字处理软件，其所提供的功能和稳定性远远强于windows提供的记事本，而且很多功能可以自己定制。它也为网页设计人员提供了强大的支持。软件支持HTML、XHTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript、VBScript 等多种语法的着色显示。程序内嵌网页浏览器与FTP功能等等…

三。Dreamweaver是Adobe公司出品的一款建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。

四。Photoshop是Adobe公司出品的一款对数字图形编辑和创作的软件。Photoshop同时携带了一款可以制作gif图片和对网页进行切图的软件ImageReady。

曾经建设网站只需要一种语言技术，就是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 回车即可查看