PSD的模板文件，怎么用PS转化成网页模板

1、在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮。

2、选中需要处理的PSD文件，点击打开。

3、在软件的导航栏中选择切片工具。

4、用切片工具在图片上进行所需要的分割，如本例中分为上下两块。

5、在软件左侧的菜单栏中点击文件，选择存储为WEB选项。

6、在d出的对话框中，点击存储按钮。

7、在d出的存储对话框中，选择文件格式html和图像以及所有切片，点击保存。

8、打开文件存储的路径，可以看到生成了一个images文件夹和有网页图标的文件。

9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。

！

1. Piroll - 免费的HTML PSD网站模板，用于作品集网站设计

免费下载

Piroll - 免费的HTML PSD网站模板

Piroll是一个免费的PSD网站设计模板，可用于机构或个人作品集网站的设计，该模板功能齐全，充满灵活性，可以很好的进行再设计。该模板的设计师是来自纽约的UI设计师Svetlana。

特征：

最轻量和现代的外观

5个PSD样本页面

用于创建MVP的结构层

2. Cesis Creative Agency -免费网站PSD模板

免费下载

Cesis Creative Agency -免费网站PSD模板

Cesis创意PSD模板由设计师Tranmautritam制作的，他是ThemeForest史上最畅销的PSD模板作家。该模板的适用群体包含：代理商，设计师，自由撰稿人，博主和艺术家。主要页面包括：主页，关于页面，联系人，错误404，全屏菜单，注册，列表博客，单一博客，作品集，单一作品集，服务页面。

特征：

极简主义

创意的布局

鲜艳的颜色

11个预览图像文件

11个PSD文件

3. MoGo -为机构提供的免费单页PSD网站模板

免费下载

MoGo -为机构提供的免费单页PSD网站模板

Mogo是由设计师Alexandr Karsakov在Photoshop中构建的单页网站模板，该模板仅在freebiesbug.com上发布。它包含许多有用的组件，可帮助你快速构建站点。

特征：

干净而现代的设计

包括用户评价轮播

包括作品集缩略图和其他小部件

4. Avenue Fashion -免费的PSD电子商务网站模板

psd，是photoshop文件。你切片好后，点文件---存储为web所用格式---存储---选对路径就好了。等你存好后，你可以看见两个东西，一个是image文件夹，里面是你切片后形成的一张一张的图片，另一个文件是html文件，可以用dreamweaver打开，编辑。

图片上的文字和图像做彻底的分离，这个要用photoshop，这个是图层的问题，如果你用过photoshop就一定知道了。

关于css，你切片好后，是table的，不是加css的，css只是格式的控制，排版可以用两个，table（表格）和div（层），这些是dreamweaver的基本东西

---