HTML5+CSS3技术ps页面切图
- 2021-10-22
- 来源/作者： 菜鸟图库/ 菜鸟图库
- 2 次浏览
准备一个标准的网站模板：去中国节能环保总公司的网站，在你自己的线上找到它
利用photoshop cs6 专业工具进行简单切图：
粗略切图后如下：
之后将其存储为html和图像格式： 步骤 -->文件 ->存储为WEB所用格式
注意：这里可以单独为每个切片 设置保存格式
最后将其存储为WEB所需要的html和图像
保存后的文件格式如下图：
所有images切片如下：
index.html 内容如下：
注意：上图显示，可以看出代码乱乱的，结构层次也不清晰；下面让我们用div+css尝试重新布局；
HTML5代码：
