2、使用图象设计软件设计网页首页界面（根据首页界面草图）。
注意：

①每加一个界面元素都要分层。

②颜色严禁暖色调和冷色调混用。
③图片添加的时候要注意过渡
④网页的界面不该加的东西不要加，例如一些文字，如果文字不

需要特殊效果，在设计界面的时候不需要添加

⑤界面的大小：宽一般为 780 象素，高不小于 435 象素

3、保存
注意：

①首先将源文件保存为*.psd 文件，例如：index.psd，目录为网
站的根目录，例如：

E:\WWW

②严禁合并图层

4、使用切片，将用 photoshop 设计的 psd 文件进行切片
注意：

①切片遵守从左到右，从上到下的过程切片

②切片要将整个界面全部切片，严禁留下切片缝隙
③注意每个切片都应和周围切片对齐
④切片的时候要注意每个切片的独立性，单独功能的切片单独切。
⑤ 切片的时候要考虑切片以后在 dreamweaver 中是否容易编辑

5、保存切片
注意：

①保存的时候，保存类型选输出 html 和 gif

②文件名为 index
③ 保存路径为你所准备好的存放网页的目录的根目录
④最终根文件夹中应出现 index.html 和 images 文件夹，这两

个文件夹都必须保留

7、使用 dreamweaver 编辑网页首页
注意：

①首先建立站点，使用 dreamweaver 连接网站目录的根文件夹，

例如：

E:\WWW，连接方法为网站的根目录设为 E:\WWW，网

络设置为无

② 站点与网站根目录连接好以后，编辑 index.html 首页
③ 在 index.html 上添加必用的内容，文字、图片、动画、链接（链

接子页面，目录必须采用相对目录）等，并且整体居中对齐，目录
必须全部使用相对目录，将首页设计完成

④首页完全设计好以后，在首页的基础上设计子页面，方法为：

首先将首页另存为

1.html，目录为网站根目录（E:\WWW），打

开

1.html，将网页的主体内容换为子页面的主体内容，保存。其他

的子页面也是同样的方法。