切图

准备一个标准网站模板：中国节能环保集团公司 网址去某度自己行查找

利用photoshop cs6 专业工具进行简单切图：

粗略切图后如下：

之后将其存储为html和图像格式： 步骤 -->文件 ->存储为WEB所用格式

注意：这里可以单独为每个切片 设置保存格式

最后将其存储为WEB所需要的html和图像

保存后的文件格式如下图：

所有images切片如下：

index.html 内容如下：

注意：上图显示，可以看出代码乱乱的，结构层次也不清晰；下面让我们用div+css尝试重新布局；

DIV+CSS 布局网站

html5 代码：

CSS代码

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-ps/ps50336.shtml