PSD网页切图制作HTML教程.docVIP

PSD网页切图制作HTML教程 把psd页面利用div+css切割成html页面 首先看看效果下面的图片就是效果图，切割出来后，可能头部和底部会宽点..... 新建文件夹 开始时，在您的计算机中创建一个文件夹。我把它命名为zmool。再在文 件夹中创建新文件夹images，放网站的所有图像。接下来打开代码编辑器（Dreamweaver），并在根目录下创建一个HTML文件名为 index.html，这是我们的主页模板。现在创建一个新的CSS文件，并将其命名为style.css文件。如下图： 打开index.html文件。在head标签顶部，添加链接到您的样式 表（style.css）。你可以使用下面的代码。 link href=style.css rel=stylesheet type=text/css / 头部的代码如下面: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleModern Design Studio/titlelink hre