如何用photoshop制作网站页面
1、准备设计稿打开已完成的PSD文件（可自行设计或使用现有模板），确保图层结构清晰，便于后续切片操作。（图示：PS界面中打开的PSD文件）使用切片工具分割页面选择切片工具在右侧工具栏中找到「切片工具」（快捷键C），该工具用于将设计稿划分为多个独立区域。
2、在保存类型中选择“HTML和图像”。点击“保存”，Photoshop将生成一个HTML文件和一个包含所有切片图片的文件夹。查看生成的文件：打开保存的文件夹，可以看到生成的HTML文件和images文件夹。images文件夹中包含所有切片后的图片。
3、在Photoshop中制作网页，可以按照以下步骤进行： 组织网页元素： 将网页的主要元素，如Banner条、文本框、文字、版权信息、Logo、广告等，分别放置在Photoshop中的不同图层中，以便于后续的编辑和调整。
4、设置参数：在对话框中，你可以根据需要设置各种参数，如图像质量、颜色模式等。对于网页使用，通常建议选择JPEG或PNG格式，并根据需要调整图像质量以平衡文件大小和图像质量。存储文件：设置好参数后，点击“存储”按钮。在弹出的对话框中，选择存储位置和文件名，然后点击“保存”按钮。
用photoshop与DW配合做网页,怎样做比较规范
1、下载安装Dreamweaver cs5和photoshop cs5，安装好后打开photoshop。设计准备1--新建图像。
2、利用Photoshop的专业设计能力，先设计好网页的整体版面。使用切片工具将设计好的网页版面进行切割。切片工具可以帮助你将大的设计图分割成多个小部分，以便于网页的加载和显示。保存切片为网页格式：通过Photoshop的文件菜单中的保存选项，将切割好的切片保存为网页格式。
3、使用Photoshop和Dreamweaver结合制作网页，流程十分简洁。首先，在Photoshop中，运用切片工具将设计好的网页版面进行切割。接着，通过文件菜单中的保存选项，将切片保存为网页格式。这里，记得在保存时选择文件和图像选项，这样便能生成一个基本的网页文件。
4、代码规范：确保HTML/CSS语法正确，避免标签嵌套错误。实时预览：通过“实时视图”或浏览器预览功能检查页面效果。保存与测试：定期保存文件（.html或.php），并在不同设备上测试兼容性。扩展建议：使用DW内置的模板或插件加速开发。结合Photoshop处理图片素材，优化网页加载速度。
5、先要会做“网页”，才能慢慢会做“好的网页”，路要一步步走，切忌急功近利。从零开始学习的话，我想可以这样：先学会使用工具DreamWeaver，打好html基础。做简单的静态网页。同时学习photoshop和imageready，熟悉图像处理。然后做漂亮的简单静态页面，将ps，imageready，dw综合起来应用。然后学asp，加入。
6、需要用到的软件有：PS（图像处理软件）和Dreamweaver（网页制作软件）。具体步骤如下：在PS里排版好首页的图片模板，进行切片处理，Ctrl+Shift+Alt+S储存为Web格式，文件格式选择“HTML和图像”；（淘宝的首页尺寸一般做成：1920*任意高）。
PS常用网站
PS（Photoshop）常用网站主要包括以下几个： 包图网 网址：http：//简介：包图网是一个提供海量设计素材的网站，包括图片、PSD源文件、矢量图、AI源文件等，非常适合Photoshop用户下载和使用。网站素材更新速度快，种类丰富，可以满足不同设计需求。
PS修图教程资源网站包括免费教程网站、付费教程网站、论坛和社区，以及YouTube、书籍、在线研讨会等其他资源。具体介绍如下：免费教程网站 Adobe Photoshop 教程：Adobe官方网站提供涵盖基础到高级的免费教程，内容权威且系统，适合不同水平的学习者。
以下是可以学习PS的网站：巧匠课堂：该网站可以学习到很多PS、PR设计等知识，且免费学习。软件自学网：网站资源丰富，基本上想学的软件知识都有，学习PS很方便。虎课网：可以学习PS、pr、C4D等多种软件知识。PS联盟：专注于PS学习，且免费。我要自学网：是国内较好的学习网站，其中包含PS学习内容。
搞定PS 地址：https：//ps.gaoding.com/#/特点：该网站是一个在线的PS工具，提供了丰富的图片编辑功能。用户需要登录后才能使用，确保了编辑过程的安全性和个性化设置。