网站psd模板

　　PSD是Photoshop保存的文件格式，可以使用Photoshop打开查看。　　PSD文件可以存储成RGB或CMYK模式，还能够自定义颜色数并加以存储，还可以保存Photoshop的图层、通道、路径等信息，是目前唯一能够支持全部图像色彩模式的格式。但体积庞大，在大多平面软件内部可以通用（如cdr ai ae等），另外在一些其它类型编辑软件内也可使用，例如office系列。但是PSD格式的图像文件很少为其它软件和工具所支持。所以在图像制作完成后，通常需要转化为一些比较通用的图像格式（如：jpg），以便于输出到其它软件中继续编辑。

其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法： 1.打开fireworks将图片切割导出为html。 2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。 3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。 以上是大多被采用的方法，但都不好： 第一种方法最为不好，这样的代码根本不具维护性和可读性。 第二种方法也不好，代码难免会有冗余，做出来的东西基本需要排查一遍。 第三种方法也不好，因为你需要看效果图一点点的拼，也就是说写html标签的时候，你在不断的假设这块要怎么去显示。 正确的做法是： 1.拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。 2.写完之后在各个浏览器运行之后确保大体定位都没有问题。 3.书写总体css,这里的css只负责大块的定位及样式。 4.切出需要的图片资源，在写好的框架中一点点的去构造，不断的调试，最终为成品。 5.最后，为自己的代码添加注释，在css，html中都要合适的为自己的代码添加注释。 要想做出能灵活切换皮肤，让css主导表现，还有很多要注意的地方，但大体的流程就是这样的，当然我们一开始不能直接就做到先写html，但起码要有这个意识，循序渐进。。。谢谢热心会员"linxz"提供实际经验，我贴上来供大家参考：PSD出网站从两个大点考虑一、一个独立的页面1、分析这个页面，先在脑袋中或者草稿纸上描绘大概的结构2、根据设计稿的的情况，分析背景图的分布、ICO图的分布等3、切割相应的图片，导出、合并图片4、在编辑器中写整体结构XHTML代码，包括页面中出现的所有元素的结构5、编写CSS样式中的整体以及模块代码6、细节调整7、收工，浏览器验证是否正确二、由多个页面组成的小站点或者大站点1、浏览所有设计稿，统一规划站点模块、图片、文件分布2、开始第一点的操作，但规划站点的内容分布很重要整体考虑点：图片的合并，减少请求量结构的合理性，语义化样式的简洁，便于后期维护多为后期的维护以及程序开发着想，如何简单实现效果 参考资料： http://www.wzsky.net/html/Website/Experience/107671.html

得找一个网站管理系统配合使用才行，如果不懂的话，估计搞不定，你想自己做，最好下载那种带源码的，直接安装使用就行了，单纯模板要求的水平要高一些。

　　网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。　　创建和设置　　1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。　　2)模板的作用：有利于保持网页风格的一致;提高工作效率。　　1.创建模板　　1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮　　模板面板的打开：Window菜单--Templates　　2)创建基于文档的模板：File菜单-Save As Template　　2.设置模板页面属性　　1)用模板创建的文档继承模板的页面属性，页标题除外。　　2)设置：Modify菜单-Page Properties　　3.定义模板的可编辑区　　1)定义模板的可编辑区　　在模板文档中选定对象、Modify菜单、Templates、New Editable Region　　2)取消可编辑区标记　　Modify菜单-Templates-Remove Editable Region　　应用和更新　　1.应用模板创建文档　　1)应用模板创建文档　　使用模板创建新文档：File菜单-New From Template　　或：File菜单-New-从模板面板中拖一个模板到文档　　对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select　　或：从模板面板中拖一个模板到文档中　　或：从模板面板中选定一个模板，单击Apply　　2)可编辑区和锁定区　　在应用了模板的文档中，只有可编辑区的内容才可以修改。　　3)把页面从模板中分离出来　　如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。　　具体操作：Modify菜单-Templates-Detach From Template　　2.修改模板　　在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存　　3.更新站点中使用模板的所有文件　　Modify菜单-Templates-Update Pages

www.zcool.com.cn 站酷设计师互动平台，里面有很多PSD素材都是免费的www.68design.net 网页设计师联盟，里面素材都是免费的，你可以去下载。http://down.chinavisual.com/app/down/stuff/index/ 视觉中国下吧，很不错的下载站都是免费的。希望对你有所帮助

免费的素材网站有很多，但你要简单好用且免费的，我建议你可以用在线设计工具（易 图设计），所有素材是完全免费的，无版权的。功能：线上图形设计、做海报、做PPT、信息图等易 图设计是一款简单易用的线上图形设计工具，用户可使用平台提供的大量的图片、字体、模板等素材，通过简单的拖拉拽操作就可以轻松设计出精美的海报、PPT、 信息图等图片。解决了大多数人的设计痛点，让不会使用专业制图软件的运营人员也能快速制作出自己想要的图片。你可以将作品直接分享给他人，也可以将作品导出存储下载。优点如下1、不需要麻烦的安装破解，没有复杂的操作界面，极简的交互方式；2、大量免费的高清图片和创意字体,素材都在线使用，无需百度搜图，无需去素材站下载；3、社交、印刷、工作、生活等各种图像场景，不同的画布让你不用考虑尺寸的问题；4、在线快速制作，一键开启全屏演示，多种转场动画搭配；5、轻松制作精美的公众号首图、文章配图等设计，新媒体小编必备。

Step1要将平面转成网页时，有二点要留意：　1.颜色模式：RBG　2.解析度：72dpi Step2下面图为例，由於此范例为一张EDM，右上角的位置制作了一块Gif动态影像。Step3选取工具箱 / 切片工具，先将我要购买的区块框出来，如下图。Step4选择 功能表 / 档案/ 储存为网与装置，接著先对著我要购买点一下，并将格式设为Gif，之后依序将其它区块选取起来，再统一选为JPG格式，如图下。Step5按下 储存后，先选择储存路径，并将存档类型选为HTML与影像，以及切片为全部切片，完成后到刚所指定的储存目录下，分别会看到images资料夹与edm.html。Step6双击edm.html，随即便会开启浏览器，就能显示网页版了