1.申请域名

做一个真正的网站是要一些投入的，比如我们要购买个域名，再买一份放置网站页面的空间，当然我们也可以申请一些免费的二级域名和一些免费的空间噢，大家可以通过百度和谷歌搜索。

域名怎么指向一个网站(空间)

• 网站空间一般都是和ip地址联系在一起的
• 可以通过一个或多个ip绑定一个空间
• 再把域名的解析地址改为这个ip地址(通常2-24小时才能生效)
• 之后就可以通过域名访问网站了

同学们在某个网站申请完域名后，可以通过域名控制面板修改相关信息。由于各大域名注册机构的域名管理面板不大一样，应具体根据注册网站上的帮助，或者直接给客服打电话。

2.购买虚拟主机，存放空间

虚拟主机也可称作网站空间,就是互联网中的一台服务器中的一块硬盘空间(一台服务器的硬盘中通常可以划分多个这样的空间)，和我们在本地建立网站的方式基本是一样的，只不过服务器的硬件更好，带宽更大。空间购买后，一般注册商会给空间分配一个ip，这个ip就是域名要解析到的ip。

3.有了空间我们就可以把网页上传了。上传一般都是通过FTP( File Transfer Protocol)软件。这里给大家介绍两款FTP软件，FlashFxp和LeapFTP。

网站的建设过程中主要分两块工作：前台设计师:就是我们常说的美工设计.，后台编程主要就是程序员。

网站前台

一般的前台设计师要全面掌握HTML和CSS的就可以了，高级的前台设计师还要掌握JavaScript与DOM的相关知识。

前台设计师要学会的软件有DreamWeaver，Photoshop，EditPlus，Flash等，重要性依次降序。

YUNVM提示: 前台设计师比较重要的是要有审美感，熟悉颜色的搭配，有创意，而且会设计，而软件只是工具而已。

网站后台

一般的后台程序员要全面掌握HTML，CSS，JavaScript，服务器端脚本语言，数据库与SQL语句所涉及的内容，因为凡是和代码有关的后台程序员都要涉及。

后台程序员要学会的软件有Notepad++，EditPlus，DreamWeaver等（最前面的最重要）。

猴子提示: 后台程序员最重要的是逻辑思维能力，理解能力，分析能力，学习能力强(软件只是工具)。

YUNVM提示: 网站分工中还有很多其它的角色，比如业务、售前、售后、策划、测试、项目经理、DBA等。

一。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。