一般的前台设计师要全面掌握HTML和CSS的就可以了，高级的前台设计师还要掌握JavaScript与DOM的相关知识。
前台设计师要学会的软件有DreamWeaver，Photoshop，EditPlus，Flash等，重要性依次降序。
YUNVM提示: 前台设计师比较重要的是要有审美感，熟悉颜色的搭配，有创意，而且会设计，而软件只是工具而已。
一般的后台程序员要全面掌握HTML，CSS，JavaScript，服务器端脚本语言，数据库与SQL语句所涉及的内容，因为凡是和代码有关的后台程序员都要涉及。
后台程序员要学会的软件有Notepad++，EditPlus，DreamWeaver等（最前面的最重要）。
猴子提示: 后台程序员最重要的是逻辑思维能力，理解能力，分析能力，学习能力强(软件只是工具)。
YUNVM提示: 网站分工中还有很多其它的角色，比如业务、售前、售后、策划、测试、项目经理、DBA等。
Notepad++是一款由国人编写的开源的，功能小巧而强大的文字处理软件，此软件可以称为Windows记事本的完美替代方案，而且可以自己定制很多功能。支持多种语法的HTML，CSS，JavaScript等语言的着色显示与语法层叠等功能，是网页设计者必备的好工具。
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很相似，我推荐你使用XHTML，它更加严谨。
有了内容之后，通过CSS可以使内容表现的更好。
通过目前最流行的脚本语言JavaScript，可以在客户端实现一些动态的效果、控制浏览器、数据的检测与验证，比如用户的输入验证，漂浮的文字，选项卡效果等。 目前最流行的Ajax技术，就使用了JavaScript。
通过编程在服务器端实现对内容的分析与操作，比如用户登录系统，购物车系统，数据的查询等。
数据库用于存储数据，保留用户与网站信息等。
YUNVM提示: 网站建设发展到今天，已经衍生出很多技术，每一种技术的存在，都是以为了达到更富有吸引力的用户体验和更快捷方便的网站建设为前提，如果能认识到这一点，我们就能更加完善的理解这些技术了。