1、用photoshop做网页方法
800*600我一般宽会设成780px，1024*768 宽度会设成 1000px，高度当然要看内容多少来定。
布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。
接下来就是切图了，切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小（大图为了浏览时能顺利打开最好切割成N小快），是否为背景图（有的图很大，但实际上都是小图片的平铺效果，所以遇到这种图只取小图，在网页中设为背景就可以了）。除此之外还要考虑是否可以用图片以外的元素代替，比如有的纯色块完全没必要用图片，只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrl+alt+shift+s保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了。
但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的图片，还需要文字、flash、声音等元素的添加，Dreamweaver要做的就是继续完善你的页面，图片越少越好，该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。
哇塞 想想都麻烦^ ^
归根结底 photoshop 是用来构图设计的，而Dreamweaver是为了完成并完善图片到网页的转换过程。
2、PS制作网页模版是不是一个元素要一个图层?
这个要看你个人所做的网页来看的..其实个人觉得.图层只是方便以后修改的.要是你所做的网页那元素是边在一起的..那就不用一个元素就一个图层的.那些以后要改的.像字体..尽量单独一个图层来好.还有.这个要看个人经验的..你做多了就会了解了...加油!!!
3、浅析关于photoshop与网页布局设计的关系
一、Photoshop在网页布局设计中的作用
1、 Photoshop在网页布局计划中的作用
①布局灵活：Photoshop的灵魂是图层，每层可以放置不同的元素，图层之间可以相互链接，也可单独存放，每个图层上的图像位置可以随意挪动而不影响其它图层的图像位置，每个图层上的图像大小、色阶、亮度、饱和度透明度等可单独设置而不影响其它图层上的图像。如此灵活的功能，完全可以让设计者随心所欲设计而不受任何约束，而Dreamweaver等软件给设计者提供出自由度降低很多，其效果也会大打折扣。
②修改方便：网站建设前期首先要与客户签定合同，签定合同时客户最关心的是自己的网站是什么样子，这时设计者不可能拿出建好的网站给客户演示，这样一是成本太高，合同能否签定还不一定;二是保护知识产权，有的客户拿走设计方案交给别的公司去做，自己岂不成了给别人做嫁衣裳。最好的办法是拿出在Photoshop中做出的效果图给客户看。一般情况下，客户一次满意率非常低，总会提出修改意见，而且还会不断地提出修改方案。这时我们就可以利用Photoshop的强大功能按客户的要求方便地进行修改和优化，直到客户满意为止。如果在Dreamweaver下，每做一次大的修改，几乎跟重新设计一样费时费力，而且还不一定能达到客户要求。
③加快浏览进度。一个设计不美观不规范的网站是没有生命力，同样一个打开、下载速度慢的网站也是没有存在的价值。心理学研究表明，选择性越多，人的忍耐性越差;可选择性越大，人的忍耐性越低。在互联网高度发展的今天，同类网站多如牛毛，人们没必要在一个网站前停驻静侯你一点一点地下载、打开、测试、显示。一般情况下，下载速度一旦超过10秒，人们会自动转向其它网站。决定下载速度的因素很多，如服务器配置标准、网络传输介质、客户机的配置以及同时点击人数的多少等。但是在这些条件相同时，网页大小及网页元素的优化和配置就是唯一的因素。使用Photoshop设计的网页经过裁切后体积相对要小得多，相同的元素因为其格式变化也会大大提高下载速度，因此Photoshop就成了提高速度，提高点击率的制胜法宝。
二、用Photoshop设计网页布局应注意的几个问题
1、 网页文档尺寸与分辨率。网页文档一般为1007*600和708*800像素，分辨率为72像素，这是屏幕分辨率，太高的分辨率并不能增强效果，反而会降低下载速度。一般情况下，大型网站不要超过3屏。
2、 颜色：网站背景颜色与文件颜色要统一协调，一般不要超过两种，一些网站被批评为脏、乱、差，其要害是颜色搭配不合理，或者太多，给人一种不舒服的感觉。
3、 字体，标题。导航字体一般用黑体，正文一般用宋体，其它字体浏览器不兼容，可能造成调试时出错，给工作带来麻烦。如果为增强页面效果用到其它字体，则最好在用Dreamweaver前在Photoshop切分及图片，字体的颜色设置要考虑到整个页面效果。
4、 布局格式：虽然效果图是用Photoshop设计的，但一定要兼顾到Dreamweaver对页面布局的要求，Dreamweaver下网页布局是使用‘国’字形，还是其他模式，是否使用框架，使用框架的类型是哪一种，都是在设计前要考虑到的。否则会造成效果图与最后的网站布局出现出入，给客户和自身带来麻烦和损失。
5、 图文搭配：一个好的网站是图片多好还是文字多好，这要视网站的功能、行业、目的而定，但有个原则就是图文合理配置，而图片则要按一定的空间分布进行和谐分布。另外，图片大小要合乎美学原则，不能太大，一般用缩略图较好，如果要显示更多的图片细节，不妨给缩略图链接一个大的图片。
6、科学使用参考线。参考线是设计页面布局的有效辅助工具，我们可以先用横参考线将网页布局分成几大版块，然后用竖参考线将每个板块按我们的思路分为几个小板块，最后再整体观察一下。要精确定位网页元素，可用对齐参考线的方法来实现：“视图”—“对齐到”—“参考线”，而参考线的精确定位可以借助标尺和网格来实现，这里要注意的是网站的Logo和Banner或者导航条等都是事先设计好的，有固定大小，在做这些区域时尺寸一定要按照这些元素尺寸设计，不能有丝毫差错，否则进入DreamWeaver整合时，则可能出现空边或撑开表格的现象。
三、“切片”工具是Photoshop通向DreamWeaver的桥梁。
利用Photoshop效果图最终与客户签合同后，还不是Photoshop设计网页布局的终结，而还有关键的一步，就是“切片”，只有正确地切片后，DreamWeaver才能对效果图进行有效的整合，Photoshop在网页布局中的积极作用才发挥到了极致。要完成“切片”这关键的一步，应遵循以下原则：
1、必须依靠参考线。设计时用到参考线，切图时更要用好参考线。参考线能保证我们切出图在同一表格中的尺寸统一协调，有效避免“留白”和“爆边”。
2、 Logo和Banner必切。如果效果图中存在Logo和Banner,我们必须切片这部分，主要是为预先设计的Logo和Banner留下空间，在DreamWeaver整合时最好不用Logo和Banner的切片，而是直接用Logo和Banner原文档，这是提高Logo和Banner效果的需要。
3、虚线和转角形状必切。虚线和转角形状在DreamWeaver 不能实现，只能使用Photoshop切片。
4、渐变必切。这也是Dream Weaver实现不了的。
5、大图必切。大的图像必须切分成均匀图，这样可以提高网页下载速度。
6、特殊文字效果必切。除黑体和宋体外，其他字体必须切片。DreamWeaver下最有效的字体只有宋体和黑体，其它字体浏览器也要能不兼容。
7、导航条必切。一般情况下导航条都是特别设计的，其效果在Dream Weaver下不能实现，因此必须形成切片供后期使用。
8、有效存储切片。存储切片的文件夹必须位于站点的根目录下，文件夹名必须是英文名字。存储切片时用“文件—存储为web所用格式”命令。切片存储格式要求一般存为Gif格式。Gif占用体积小。要求较高的图像存储为JPEG格式，JPG格式显示更多的图片细节。
当然，网页布局的设计软件的使用依设计者习惯、爱好、风格不同而不一样。笔者在此只是谈一下一般的规律，以供广大网页设计初学者参考。
4、什么网站有ps园林设计素材，找ps景观设计素材
你找ps园林设计素材,ps景观设计素材吗
你艘艘：笔秀网
吧，有不少ps园林设计素材,ps景观设计素材
5、设计制作个人网站需要哪些基本元素呢？
首先是来域名，也就是你在互联源网上的门牌号，拥有全世界独一无二的地址，
其次是你要放网络资源的空间服务器，就相当你对应门牌的房子，（通过对应的域名解析后）让别人通过地址可以找到你的房子，并知道你房子展示的情况，当然在做这些之前，你的电脑要有宽带能够连接到互联网络上。
有了域名和空间，接下来就是你要设计一个独具特色的首页界面，以及链接的分页内容，在空间里你还可以制作论坛，挂邮箱，做好数据库和表格，还可以让你统计和收集各种数据信息等。
6、如何用photoshop进行网页制作
HTML+CSS+JS，这是广义上的网页三元素，HTML负责骨骼，CSS负责血肉，JS负责行为动作。其中浏览器中表现的画面约等于(html+css)，但仅仅拥有他们是表现不出设计师们大脑中天马行空，不拘一格的想象力的，因此才引入了PSD作为设计稿。
这就好比，你完全自己DIY一个高达，你需要先有一副高达图片（PSD），再通过图片中的表现自己搭建支撑的骨架（HTML），再用各式喷漆、马克笔（CSS）去勾画、完善细节。
那么回到问题上来，怎么用PS做网页？假定adobe体系中，PS永远只能设计网页，而Dreamweaver才能制作网页，但是依然要你自己根据设计去解构设计然后划分网页骨架，具体到html上就是根据不同的页面表现来写Div标签，制作Button按钮，用CSS控制他们的大小和位置以及表现。更进一步的话，大部分前端会手写html和css代码，因为DW有各式包括启动速度，冗余代码之类的问题。
至于响应式，这又是基于成型的html以后另一个话题了，但还是html+css，只不过通过UA检测来适应不同终端的不同展现。
7、在Photoshop中如何制作网页
soso问问里答案：
首先是在Photoshop中制作网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。
不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称（如：“网页顶部”），确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中。同样方法可以建立多个组，在组的下面还可以建立子组。
点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。
小提示：
★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。
从Photoshop到Dreamweaver的转换
在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。
第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具（快捷键为K），把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号。
第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。
第3步：切分出所有图片后，执行“文件→存储为Web所用格式”命令，打开存储对话框，根据需要设置好图片的格式、调色板等参数后，点击右上角“存储”按钮调出保存对话框，选择HTML网页格式，使用默认设置，选择“所有用户切片”，保存即可。
第4步：在Dreamweaver中打开刚才保存的网页，添加文字并进行各种编辑修改就可以了。怎么样，简单吧！注意：Photoshop导出的实际上就是一个大的表格，所有空白的地方也都会转换为图片填充，在DW中编辑时，直接删除这些图片再添加相应的内容即可。
小提示：
★在Photoshop中编辑好图形后，点击工具箱最下面的按钮（快捷键为Ctrl+Shift+M），可以转到ImageReady里进行编辑，在这里，切片工具的功能更为强大，输出的图形控制也更丰富。
8、ps平面设计的素材
站酷，包图，千酷，趣达，这几个网站有素材
请采纳。
9、ps素材网站有哪些？
身为一个设计师，一定要学会怎么找素材，不然的话就举步维艰。一个好的素材网站，不仅可以加快设计速度，还可以学习参考。
这里我分享一下我常用的几个设计师网站。
1、设计996 ｜ sheji996.com ，里面有很多的素材，国内的国外的都有，很高级。
2、站酷 ｜ 设计师的基地，可以学到很多东西
3、花瓣 ｜ 这可以说是灵感的来源了吧，如果做的东西只是用在网上，里面也有很多的素材。
10、ps制作网页需要注意哪些方面
网页ps可能不是好的软件。网页有专门的网页制作软件。ps可以制作图标或者图片值了，按钮等等。