网页设计模板ps

1、网页制作中如何使用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、开始第一点的操作，但规划站点的内容分布很重要

整体考虑点：
图片的合并，减少请求量
结构的合理性，语义化
样式的简洁，便于后期维护
多为后期的维护以及程序开发着想，如何简单实现效果

2、网页模板下载是ps形式,怎么裁图用dreamweaver制作网页

首先你要学一些 PS的基础知识，一般网页的前台页面正规的流程是，先在PS里面（或者其它做图软件）设计好页面，包括首页，列表页，内容页，主要是这三个页面，因为一个网站主要由这三种页面构成。如果还有其它专题页面，那就另外设计。在PS里面设计好页面后，一定是要定稿后，才能开始切图哦，切图就是PS的另外一种功能了。就是把定稿的图，用切图工具，一个个切开，然后分解成小的GIF图像，再生成为网页的格式。导出网页格式后，然后再把程序套进去，就是一个网站了。

3、怎样用psd模板做网页啊

首先先建立一个PSD文档 色彩模式RGB 72像素 尺寸根据你网站的大小制定
然后就在PS里设计你的网站 就当一个平面图设计
需要放数据文字的模块先放一个框子空着他
这样贴好图后 就直接切 你在PS里切的一块块的 到dreamweaver 里就是一个方框的 自动分开的
基本上平面部分在PS里就能做这么多了
然后拖到dreamweaver 做链接 做效果 等等
简单直白的说就是用PS的方便快捷的操作给你的网站打框架 做美工

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

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

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

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

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

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

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

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

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

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

5、如何用Photoshop制作网页模板

网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称(如：“网页顶部”)，确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。 小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。 第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K)，把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号(见图2)。 第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

6、怎么做网页呢？创建一个网页是不是先用ps画出来？

你先用PS或coreIDRAW把你想设计的版式设计出来~~然后切图，切图后~~导入dreamweaver里进行创建网页的相关设计

7、求PS制作网页模板的书籍

现在的互联网分类很广的，不知道你是说的网页模版是设计模版还是和程序一起的网站模版，现在的网站方面分类大体可以分为设计和程序，你是学PS应该是设计的居多吧，学校学的PS 基本上在公司上班排不上用场的~ 建议多花点时间自己学习下，而且现在一般招人的话，都要求会写一些前端代码，比如HTML语言 DIV+CSS js JQUERY 等，这个工作一般一个人就是可以完成的。那个赵鹏的大师之路，适合一些基础的朋友，你可以网上搜一下，还有就是李涛的PS 讲得也很好，但是个人觉得不适合初学者，我是做设计的，网页，平面，室内都在做，有什么需要帮助的可以私信我~ 大家共同学习~

8、刚学完网页设计,想用ps设计个网页界面,可不知从何下入手

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
开始不知如何下手的话,可以 下些模板 模仿人家的做,
培养下美感 , 有一定 基础了 在自己设计 ...
多做多练 就好了 现在 一般都是 用表格和 DIV 做
反正不论哪种 都可以,

9、用PS做一个网页设计图

挺简单的，现在fireworks中做下PSD图，然后在DW中处理一下就行了

我也有现成的，加些分留个邮箱可以发给你。。。。

网站分为好多类型，像个人主页、门户、论坛等，你可以选择其中的一个来做。。如果你是新手的话，那就做个个人主页吧，比较自由，做成什么样的都可以。。。。
如果你的程序搞的比较好的话，那就做个论坛吧、