第一 代码编写

现在比较主要的代码编写软件是dreamweaver,它可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

第二 网站的布局

怎么做网站？网页布局是什么？网页能够说是网站形成的基础元素。当我们轻点鼠标，在网海中漫游，一副副精彩的网页会浮现在咱们眼前，那么，网页的出色与否的因素是什么呢？颜色的搭配、文字的变化、图片的处理等，这些当然是不可疏忽的因素，除了这些，还有一个无比主要的因素——网页布局。

网站布局有两种方式，TABLE和DIV+CSS,由于多种因素原因TABLE现在已经被淘汰了，主要还是以DIV+CSS布局为主，主要说几个优点：

1、页面内容和形式分离生成的HTML文件代码更精简更小,方便用户更快的打开网页。 2、改变网站页面内容的时候更方便了，不用重新设计排版网页。只需要改CSS文件便可以更改。 3、DIV+CSS更符合国际化的W3C标准，搜索引擎也更认可这种技术做出来的网站。 4、更符合SEO优化原理。更受招引引擎青睐。

第三 网站特效

你想一个网站炫耀无比，生动好看，网站特效必不可少，这里就要用到JS特效了，全名是javascript，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，还是举例说明下，比如：你在填写一个注册表单时，比如如果用户名不填，当单击“提交”按钮时就会弹出对话框“请填写用户名”，这就是浏览器在客户端这边做的交互，而并没有被提交到服务器端再进行交互，这样的好处就是节省了与服务器交互的机会，缩短了相应时间，浮动型的客服啊，幻灯片切换之类的等等等等。。。。非常多的东西要用到JS了，所以这个必须要学，当然了学好后可以更进一步学习JQUERY，这相当于JS的一个库，很多功能都集中在里面，不需要写，直接调用就可以了。

第四 图片的处理

网站建设过程中，肯定用到图片处理，那就要选择现在PS全名PHOTOSHOP,AI全名Illustrator,CDR全名Coreldraw等图片处理软件了,PS是位图处理软件，AI和CDR是矢量图编辑软件（位图跟矢量图的区别百度一下都会有，这里我就不多说了……）。

如果你要学习那是得会PS跟一个矢量软件的，这样才能完美，笔者用的是CDR，AI跟CDR相差不是很大，看个人以及你那个区域用的是什么软件来决定，如我们这里都是用CDR的，我用AI就不大合适了，转换的话会出错，跟别人没有办法很好的合作。