网页模板psd

其实标准的网制作完成的工作实际是：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

你这个是毕业设计的作业吧，呵呵。可以试着自己做哦。很简单的，可以参考这些模板站上的页面。首先你先搜下这网站里面的模板风格，下载一套你中意的模板，不需要太复杂的，简单一些。www.mobangwang.com，www.drame.cn然后要开始修改PSD的图，再进行切图，然后用DW开始DIV或者TABLE表格制作，最后生成HTML的静态网页，就完工了。FLASH的话，用FLASH MX制作。很简单，就是背景图导入，然后添加文字。

你这个是毕业设计的作业吧，呵呵。可以试着自己做哦。很简单的，可以参考这些模板站上的页面。首先你先搜下这网站里面的模板风格，下载一套你中意的模板，不需要太复杂的，简单一些。www.mobangwang.com，www.drame.cn然后要开始修改PSD的图，再进行切图，然后用DW开始DIV或者TABLE表格制作，最后生成HTML的静态网页，就完工了。FLASH的话，用FLASH MX制作。很简单，就是背景图导入，然后添加文字。

网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。1）模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。2）模板的作用：有利于保持网页风格的一致；提高工作效率。1．创建模板1）创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮模板面板的打开：Window菜单--Templates2）创建基于文档的模板：File菜单-Save As Template2．设置模板页面属性1）用模板创建的文档继承模板的页面属性，页标题除外。2）设置：Modify菜单-Page Properties3．定义模板的可编辑区1）定义模板的可编辑区在模板文档中选定对象、Modify菜单、Templates、New Editable Region2）取消可编辑区标记Modify菜单-Templates-Remove Editable Region

PSD是给你的网站图版,你可以通过修改各层来更改成你想要的网站外观=html格式的是已有的PSD用切片功能切出来的页面,你如果不想改网站外观就直接用他的HTML格式的源码就行了,CSS是HTML中对字体,图片,链接,整体布局的样式页面

设计素材网站大全 经典素材，是设计师创意的利剑。收集整理了几大素材门户网站。 一、站酷（ZCOOL） ： http://www.zcool.com.cn/ 专业完美的素材下载与设计分享网站，提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格，日韩欧美设计素材应有尽有。站酷网站简洁美观，视觉冲击力强。 二、素材中国 ： http://www.sccnn.com/ 提供各类设计素材的收集下载，包括：图片、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标，等等。 三、站长素材： http://sc.chinaz.com/ 提供各类设计素材的收集下载，包括：图片下载、网页模板、图标下载、酷站欣赏、QQ表情、矢量素材、PSD分层素材、音效下载、桌面壁纸、网页素材，等等。资源丰富，更新及时，专题素材下载也是它的特色。 四、昵图网： http://www.nipic.com/ 提供各类素材，包括：图库、图片、摄影、设计、矢量、PSD、AI、CDR、EPS、图片下载、共享图库，等等。 五、中国素材网： http://www.sucai.com/ 提供高精图、矢量图、桌面背景、LOGO、PNG图、网页模板、QQ表情、字体下载、音效、网页特效、论文、范文等内容。 六、素材资源库： http://sc.52design.com/ 资源丰富，分类繁多，就是没有提供资源搜索功能，使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效，等等。 七、联盟素材： http://sc.68design.net/ 网站简洁清爽，广告很少，这里的网页设计素材是很不错的。当然，还提供网页模板、图库壁纸、特色图标、矢量素材、代码素材、Flash素材、其它素材，等等。 八、沃格斯克网： http://www.orgsc.com/ 内容非常丰富，广告也是。专于网页设计素材，提供设计素材、Flash源文件、PSD源文件，等等素材下载，非常适合网页设计师。 九、懒人图库： http://www.lanrentuku.com/ 网站介绍：懒人图库自建站以来，一直致力于网页素材的提供，目标是做成国内最大的网页素材下载站。懒人图库口号：学会偷懒，并懒出境界是提高工作效率最有效的方法！ 专注于提供网页素材下载，其内容涵盖网页素材、矢量素材、JS广告代码、小图片、网页背景、导航菜单、PNG图标，等等。懒人图库深入人心，做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。 十、维奇素材网： http://www.veeqi.com/ 收集的素材资源丰富，但下载资源（大部分）需要收取一定维奇币。提供免费矢量素材、PSD分层、图标素材、网页素材、中文字体、网页模板与壁纸、PS教程等平面设计素材。维奇素材网页面清爽明快，广告也少。 十一、视觉中国下吧： http://down.chinavisual.com/ 由视觉中国资深编辑精心挑选的国内外优秀设计素材，网罗矢量、icon、壁纸、PSD、电子刊物、图案、字体、三维场景、材质贴图、主题等多个素材门类，为用户提供高质量的素材资料。 十二、猪八戒学院： http://xy.zhubajie.com/ 资源丰富，其它素材站所没有的，这里都有，值得收藏。提供矢量、欣赏、酷站、图片、图标、桌面、PSD、代码、Flash、背景、字体、 颜色，等等。 十三、红动图爸： http://sucai.redocn.com/ 设计素材网站大全(2): 提供PSD分层素材、 设计 图片、摄影图片、 设计 字体、原创 设计 作品欣赏，等等。共享资源不是很多，需要资源币才能下载。 十四、素材世界： http://www.sssccc.com/ 以高精度图库、PSD分层图库素材为主打，PSD素材 提供PSD分层素材、设计图片、摄影图片、设计字体、原创设计作品欣赏，等等。共享资源不是很多，需要资源币才能下载。 十四、素材世界： http://www.sssccc.com/ 以高精度图库、PSD分层图库素材为主打，PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁，首页几乎没什么图片，全是文字，也不支持资源搜索，广告太多，谷歌联盟的广告有意与导航菜单混淆，有诱惑用户点击广告的嫌疑，美工有待改进，用户体验很非常不好。 十五、图酷： http://www.tucoo.com/ 设计师的随身图库：设计素材、插画、卡通、CG、矢量、时尚、图案、网页素材全方位素材图片库。 十六、3lian素材： http://www.3lian.com/ 3lian素材网（ www.3lian.com ）创建于2004年10月，是一个以提供经典设计素材为主的资源网，站点包括矢量图、PSD分层素材、高清图片、Flash源文件、PNG图标、3D模型、模板、酷站、壁纸、字体、教程等。 十七、E库素材： http://www.iecool.com/ E库素材网是为广大网页设计制作爱好者、平面设计制作爱好者及其他人员提供各种素材的资源库。网站共分图片素材、矢量图库、高精图库、网页素材、网页模板、壁纸、明星、下载中心、技术教程、E库论坛、IT资讯等11个栏目。拥有素材图片、高精度图片、PSD源文件、FLASH源文件、网页图标、网页模板、源码下载、技术教程、软件下载、字体下载等丰富资源。图片素材栏目具有数量多、分类细、质量高等特点，高精图库是06年E库与素材站合力推出的平面设计专用高精度图片栏目，具有高像素（高清晰）、高分辨率、免费和大容量等特点。 十八、素材精品屋： http://www.sucaiw.com/ 提供各类图片、壁纸、矢量图、分层图、模板、图标、动画、字体等素材收集下载。 十九、素材天下网： http://www.sucaitianxia.com/ 素材丰富，但网站美工一般，且广告太多，连搜索也挂着百度联盟的，严重影响用户体验。 二十、素材艺库： http://www.ekoooo.com/ 内容涉及设计类、办公类、美术类等基于计算机数字影像和数字艺术领域方面。页面简洁美观，需要金币才能下载资源。 二一、素材酷： http://www.sccooo.com/ 页面非常简洁，素材精美，但更新较慢，需要登录后才能下载。提供矢量素材、PSD分层素材、图标（GIF/ICON/PNG）、PS笔刷、节日主题素材源文件，等等。 二二、中国设计秀设计资源站： http://sc.cnwebshow.com/ 网站布局过于紧凑，下载页面广告较多，没有开发专业的栏目搜索功能（使用DEDECMS程序构建）。提供矢量素材、网页平面设计素材，等等。 希望这些设计素材门户网站能够给大家的设计带来方便，有所帮助！采纳哦

psd图片是指经过Photoshop处理过保存后的图片，其格式为psd。psd格式的文件是一种图形文件格式，因此，使用看图软件如ACDSee 或图形处理软件如我形我速、PhotoShop等都可以打开的。PSD--Photoshop Document（PSD），是著名的Adobe公司的图像处理软件Photoshop的专用格式。这种格式可以存储Photoshop中所有的图层，通道、参考线、注解和颜色模式等信息。在保存图像时，若图像中包含有层，则一般都用Photoshop（PSD）格式保存。PSD格式在保存时会将文件压缩，以减少占用磁盘空间，但PSD格式所包含图像数据信息较多（如图层、通道、剪辑路径、参考线等），因此比其他格式的图像文件还是要大得多。由于PSD文件保留所有原图像数据信息，因而修改起来较为方便，大多数排版软件不支持PSD格式的文件。

1.使用工具栏上的“切片工具”。2.然后在图象上划出一块一块的区域。3.使用基于参考线的切片，按ctrl+R调出标尺栏。4.把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图。5.将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面。选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。6.接下来就可以输出了:①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。②接下来就会弹出一个“将优化结果存储为”的窗口，如图。7.在“保存类型”处有个下拉列框可以选择，因为要存储为网页的格式，所以选择“HTML和图象(* html)”，再选择“保存”就可以输出一个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。8.如果需要输出“div+css的网页”还可以这么做：在“设置”处的下拉列框，选择“其他”。9.就会弹出一个“输出设置”的窗口。10.在第2个下拉列框处选择“切片”。11.选择“生成CSS”。12.单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。

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