用PS简单制作一个web网页的步骤如下： 新建文件 打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素/英寸，颜色模式选择白色作为背景。 设置网格 安装并使用guideguide插件，设置左右边距为360像素，行数为12行，余边为20像素。这有助于规范页面布局。
在Photoshop中制作网页的关键步骤包括尺寸与分辨率设置、文字规范、图片处理、栅格系统应用以及切图。尺寸与分辨率 选择适合的网页尺寸，如1366x761920x1080等，以适应不同屏幕尺寸。设置分辨率为72ppi，颜色模式为RGB，以适应网页显示需求。
使用PS的切片工具，将设计好的网页效果图进行切片。每个需要链接的部分都应该单独切片。使用切片选择工具选择单个切片，并为其添加链接。保存为Web所用格式：选择“文件”“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。
用 Photoshop 制作网页需要以下步骤：确定网页的布局和设计：首先需要确定网页的布局和设计，包括页面的宽度、高度、颜色、字体、图像等。创建新文件：在 Photoshop 中创建一个新文件，根据网页的布局和设计设置文件的大小和分辨率。
首先是在Photoshop中制作网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。
小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。
1、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。
2、网页设计没有绝对的最标准尺寸，但当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域建议宽度为10001200px。以下是一些关于网页设计尺寸的详细建议：不同分辨率下的网页宽度：1920*1080分辨率：页面中心区域宽度建议为10001200px。800*600分辨率：网页宽度建议保持在778px以内。
3、主流分辨率下的页面设计尺寸：1920*1080分辨率：在该分辨率下，页面中心区域宽度建议在10001200px以内。这是目前最流行的分辨率，因此设计时应优先考虑这一尺寸范围。其他分辨率下的页面设计尺寸：800*600分辨率：网页宽度建议保持在778px以内，以适应较低分辨率的显示器。
打开PS，打开照片。点击“文件”菜单，点击”图像“，然后点击“图像大小”，会显示图像现在的尺寸，然后去除约束比例，最后在文档大小上按需要进行修改为指定大小。
PS增加画布大小内容不变的步骤如下：打开PS并选择需要调整画布大小的图片。点击菜单栏中的【图像】，选择【画布大小】。在弹出的【画布大小】对话框中，输入想要的新的画布尺寸的宽度和高度。确保勾选了【相对】选项。这将确保调整画布大小时，内容保持在原始位置上。
banner的高宽要基于屏幕分辨率的大小来设定，既要美观，有要醒目，吸引用户点击。考虑好这三方面因素就是成功地banner。自适应可以解决屏幕分辨率不同的问题。
一般来说 做移动端访问的都是做页面自适应的。毕竟各种手机分辨率不同，IOS的iphone4和iphone5分辨率为640x960和640x1136，android系统现在比较多的有三星note2 分辨率720x1280，但搭载android系统的手机型号太多了，尺寸大小也很难统计，windows系统的lumia分辨率768x1280。
首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为0，即网页初始大小占屏幕面积的100%。
在1024×768分辨率的环境下，网页宽度控制在1002像素以内，若能满屏显示，高度一般在612像素之间。这样可以避免水平滚动条和垂直滚动条的出现。使用PS进行网页设计时，在800×600的状态下全屏显示效果最佳，页面下方不会出现滑动条，推荐的尺寸约为740×560左右。
确定用途：在创建新画布前，应明确图像的最终用途。例如，若用于网页设计，常见的尺寸为1920像素x1080像素，分辨率设置为72像素/英寸。 平面设计：若制作海报或其他平面设计内容，通常将分辨率设置为300像素/英寸，并根据最终打印尺寸以厘米为单位设置画布尺寸。
传统设计模式：页面宽度一般在1000像素或以内，以满足1024分辨率下的电脑，通常设计尺寸有以下几中：宽：960px 宽：980px 宽：990px 宽：1000px 宽屏设计模式：由于现在显示器尺寸多样，特别是荧屏显示器，分辨一般都为1360-1920像素，还有更大的，如2500像素。
中间内容区大小不能小于1000px，一般是1000-1200，高度不限制，导航栏是通栏，根据最大的分辨率来，一般1920差不多了。操作方法如下：首先单击【文件】按钮，在菜单中选择【新建】命令。在新建文档对话框中，设置文档的详细信息，单击【创建】按钮。然后单击工具箱中的【圆角矩形工具】。
首先，调整图像大小。点击图像菜单，选择“图像大小”，在弹出的对话框中，显示了当前图像的像素、文档大小和分辨率。要修改图像大小，只需在对话框中更改所需的宽度和高度。注意，链条图标表示比例同步，去掉比例约束勾选后，可以自由设定尺寸，以保持图像不失真。其次，处理画布大小。
