一个网站设计可以先在photoshop下设计好，之后切图布局成HTML格式进行排版布局，我们经常用到的网站布局有两种，一种是table型，另一种是div_css型布局，采用TABLE来布局可以使用marcomedia 公司开发的 Dreamweaver 或者是MS 开发的Frontpage 这两款软件，或者对HTML熟悉的可以直接采用记事本来编辑，而采用第二种布局方式DIV_CSS则一般都是通过手写布局代码和样式库。 如果对HTML不是很熟，大部分还是直接使用表格TABLE方式来进行网站设计，这样比较直观，采用dreamweaver来编辑非常方便，基本上和使用家喻户晓的WORD一样操作简单，通过表格的嵌套，可以自己的对网站上的任何组成部分进行合理布局，调高，调低直接用鼠标拖拉就可以实现，div_css是一种层的模式来对网站进行布局，使用CSS样式来对层的位置大小等样式进行控制，下面将对这两种布局方式的特点和优缺点进行比较： 一、表格网站布局设计的优缺点 1、表格（TABLE）方式操作简单直观，只要会一点word操作就差不多可以使用dreamweaver来设计网页了，这个工具基本上是“所见即所得”编辑好什么，就显示什么内容。 2、表格方式是可视化的操作，所有网页在网页编辑软件中编辑，可以视化操作，直观，你所看到的内容，和在浏览器中显示的内容基本上是一样的。 3、设计速度快，如果你要编辑的网站内容不是很多的话，可以使用表格来排版网页，速度是非常快的，使用Macromedia Dreamweaver对网页进行编辑，插入表格是来定位是非常容易的。 4、可重复利用代码性不强，代码比较多，因为每设计一个布局都要从新开始来制作，这点使用CSS方式就好多了，代码简洁。 5、网页风格或者布局如果需要修改的话、需要对每个独立的页面进行修改，不能同时修改多个网页操作。 6、网站设计时如果文件内容很多及设计丰富的话，网站文件会变得非常之大。所需要的网站空间也是很大的 二、DIV+CSS网页设计布局的优缺点 1、使用div_css来对网站设计布局对设计师的要求更高一些，要求设计师懂得手写HTML语言。 2、同时也要求设计师能写CSS样式。 3、网页打开速度快，因为它可以先打开内容，再调用CSS文件。 4、div_css的可视化操作性不强，在很多可视化操作软件中看不出效果。 5、网页表现与结构分离，对CSS修改可以对网页文件布局修改，如果有多个网页相同布局的话，可以调用同一个CSS文件实现布局功能。