1、如何用ps制作网站首页
首先你要知道首页的尺寸，现在一般宽度为1920，当然也有小一点的，高度根据排放的内容
不定。
然后是定出首页的各个模块
你要先有一个大体的规划，首页放哪些模块
然后用辅助线划分出来设计就可以了。
2、如何用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检测来适应不同终端的不同展现。
3、ps网页设计教程
PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等。今天一起来学习如何用PS来设计简单的网页这篇文章吧。
如何用PS来设计简单的网页
新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。
新建文件，点击确定，空白文件会自动显示在软件中。对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。
打开一张车的图片，移动到白色背景画布中，选择圆角矩形工具，选择路径为了方便转换为选区，设置为5个像素，像素越大，圆角矩形的四个圆角就是更加的明显，然后选择渐变工具，选中系统自带的黑白渐变，修改黑白渐变的颜色，改为灰白，也可以设置前景色为灰色，背景色为白色进行渐变的填充，然后点击确定。
然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选中线性渐变类型，然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。
然后选择修改收缩2个像素，就是将选区收缩小2个像素，变小一些，然后再次从下向上渐变，然后alt快捷键复制2个，如图所示，然后找到车的一个的图标按钮，然后用磁性套索工具勾勒好，然后鼠标左键拉动到合适位置，然后选择3个图层，然后水平分布，和居中分布对齐。然后选择左对齐分布，分布均匀。分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。
然后再次用钢笔工具勾画另外一个车的图标，然后再用自由变换调整到合适位置，然后点击2个图层之后，进行左对齐分布。分布到形状中的最左边位置即可。
再次选择一个不同的车的图标设计图片，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用魔棒工具来选择，选中其需要图形的一部分。
然后再次选中图形，形状图形，全部选中相应图层，调整水平分布和左对齐分布。当分布不均匀，可以按住鼠标左键自动进行调整。
所有的图标都自由变换，调整到合适位置，如图。按住crl+t来实现图形的自由变换的内容。如图
输入相应的文字，文字的颜色设置为黑色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整，便于观看，文字进行排版即可。
4、如何用Photoshop做网页设计
如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！
另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！
据我所知，这样的教程基本没有。因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。
一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
网页设计需要的PS操作技术并不是很多，只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素，但是更多的是学习。
你可以从模仿别人的稿子开始，渐渐的融入自己的东西。
http://www.68design.net/
这个站每天都会有新的酷站收藏，也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。
要做好网页设计，一定要多看，拼命的看并且吸收里面的东西，看看高手们是怎么处理细节的，这样慢慢自然会有提高。
是否可以解决您的问题？
5、怎么用ps做网页设计
根据楼主的提问可以把问题分成2块理解
第一层怎么用PS软件设计网页
这个的话，一般你看上好看的网站之后保存为图片格式
导入到PS软件，调整好网页的大小，针对性的地方进行修改便可。
第二层的理解是你不知道怎么把把设计好的网页导出为WEB所有格式。
简单的图片格式的保存为网页格式的话
第一、在PS里面设计好网页
第二、利用切片工具把网页切成一块一块，要想提高页面访问速度的话就切片切的小一点
第三、保存为WEB所有格式 （图片及HTML） 这样的话你直接打开HTML的话
就形成了页面访问的网页了。
6、如何用photoshop进行网页设计
你是想要在原来的设计下面加上一块空白，那可以选择“图象”-“画布大小”，在弹出的对话框中，先设置定位，如果在下面加长就点击向上的键头，这样就会在原图的下方加入空白，现在再输入设定高度数字就OK了！
7、怎么使用PS制作一个网页
你好!
准确的说，ps是制作网页的其中一个软件之一,制作网页有专用的“网页三剑客”：PS、DW、flash。
想要做网页的话，你起码要会前两个，其中
ps在网页制作里面的作用主要就是：划分切片+图片处理。
划分切片：就是将你在ps里面做好的网页版面进行合理的划分，划分为一个个小的切片，然后用DW对这些切片进行布局。
图片处理：这个很好理解，就是对网页图片进行优化+处理，以节省空间和达到你想要的图片效果。
最终的网页文件是在DW这个软件里面完成的，单靠ps做不出来一个完整的网页。