当我们把房子买好之后，首先要做的是什么呢？当然是装修。房子装修的越好，亲戚朋友才会想要来我们家做客。如果我们家破破烂烂，也没有人愿意来。同样做网站也是，当我们将域名和空间买好之后，就需要搭建网站了。那么怎么搭建网站，搭建网站又需要具备哪些能力呢？如图5-4所示。

图5-4 搭建网站需要具备的能力

在正式告诉大家怎么做网站之前，首先我们要弄清楚网站的组成部分。我们所看到的任何一个网站，最开始都是一张图，这个图则由设计完成，而且是组成图，俗称PSD；当设计完成图纸之后，交给前端，由前端进行切图和排版，我们俗称div+css；而前端切出来的是静态页面，我们的网站是涉及到动态的，所以这个时候则交给程序，程序将整个静态页面转化成可控的程序页面。

1．设计

设计其实分为很多种，常见的设计分为网页设计和平面设计，我们这里所说的设计多指网页设计。如图5-5所示，这是一个网站页面，但最开始也是一张图。网页设计师通过对网站定位的了解，进行一个大致的定位。比如导航是以横向还是纵向，每一个板块需要怎么设计。当网页设计师掌握了这些资料之后，就可以开始搭建网站了。

网页设计师需要根据不同页面需求，设计出不同的页面图。一般来说一个网站只需要三张图，分别是首页、列表页以及内容页。当然这并不是绝对的，如果网站内容丰富，则可以设计其他页面，比如：频道页，专题页，以及一些单页。具体设计多少张PSD图纸，主要取决于公司的需求。

设计并不是凭空而来的，需要借助一些软件才能实现。而Photoshop也就是我们常说的PS，则是网页设计师常用的设计软件。

图5-5 网页设计图纸

2．前端

前端和程序有些人容易弄混，其实也不排除前端和程序是同一岗位，因为同样属于代码的范畴，但是还是有本质区别的。如果大家无法理解，那么可以这样去判断，前端是普通用户都能看到的代码，而程序则需要技术人员才能看到。

前端的职责主要是将网页设计师设计好的PSD文件，进行切图和排版。切图的意思是将网页设计师设计的PSD里需要是图片的切成图片，而需要是文字展现的则切成文字。排版的意思是将切好的图片与区分出来的文字，通过html代码也就是div+css进行排版，让其成为和原先网页设计师一样的页面。只不过网页设计师设计的是以PSD格式打开的，前端最后是要以Html格式打开的。

前端涉及到的软件有，photoshop以及dreamweaver两套软件。Photoshop用来切图，而dreamweaver则用排版。如果前端技术稍强，还需要兼着做javascript特效。当然这些特效的案例，在互联网上都会有。Javascript代码相对较难，所以一般情况下，作为前端只要会修改，调整一下参数就可以了。

3．程序

程序在许多人眼里是一门高薪的职位，因为属于技术活。但其实如果我们能够掌握一门程序，可以省很多时间和精力。网站的程序一般是由语言代码组成，常见的有asp和php两种，剩下还有.net。但是由于我是php程序员出身，所以在这里只为大家介绍php代码。

程序的工作主要是将前端切好的静态文件，通过程序语句结合数据库进行操作。而在上一章节我们介绍的域名和空间，都是有程序进行操作的。所以对于网站程序而言，工作量会比较多。域名解析，服务器配置，服务器维护，网站搭建，日常问题的解决都属于程序的范畴。

我作为程序来说一般接触的有php和mysql，php属于程序代码而mysql属于数据库存储。数据库一般由phpmyadmin或者navicat进行操作。

4．快速建站

看到上面的各种知识点，你是不是觉得头都大了？这么多工作如果我是一个去做，那什么时候才能学会啊。其实，上面的知识都只是属于一门技术，我也只不过是为大家介绍一个大概。当然如果我们想要以最快的速度拥有自己的一个网站，那么可以选择快速建站。我们只需要在淘宝上购买域名空间以及一套网站源码，即可快速拥有自己的网站。

当然我们要根据自身的实力去搭建网站，并且选择合适的开源程序。而我一般常用的开源程序有dedecms和wordpress两种。如果没有任何基础的，建议使用dedecms，方便快捷。而且网站自动静态化，方便后期我们做网站运营。

如果我们发现某些网站全部是以.html为后缀的网页，那么我们可以确定该网站是一个利于SEO优化的网站。而如果有些网站是以?Php=id这样类型结尾的，则可以确定该网站是一个动态网站。静态网站访问的主要是静态页面，无需访问服务器，方便快捷；而动态网站访问的是动态数据，需要先经过服务器数据库，进行转译之后才能访问到我们想要的页面。

所以如果我们做程序，也是非常有必要将网站