一、准备工作
1．安装Photoshop，熟悉其使用。
2．搜集网页制作的相关资料，如图片素材等。
3．准备一台电脑，并安装浏览器和Photoshop软件。
二、设置新文档
1．打开Photoshop，进入新建文档面板，设置新的文档宽度和高度。
2．设置画布大小，确定要导出的图片尺寸及质量，然后选择色彩模式等。
三、图像素材制作
1．定义图像素材，根据设计需求，选择相应的图案、照片稿本，进行图像素材制作。
2．根据需要，经过编辑、修改，将图案或照片稿本用Photoshop工具精细处理，制作出逼真精美图案或照片素材。
四、布局制作
1．使用Photoshop拖动、放大、复制、缩小等工具，布置各页面的元素。
2．根据设计需求，将文字框、图形框、照片框、表格框等进行设计及布局编辑，制作出完美布局。
五、动画及效果
1．使用Photoshop内置动画功能，对图案、文字等进行动态制作。
2．根据网页设计要求，使用Photoshop的滤镜及特效等，让网页充满色彩，并增加令人眼花的设计效果。
六、热区设置
1．使用Photoshop拖动、复制、缩小等工具，编辑精心定义的热区，并加上高亮显示的轮廓线。
2．根据网页的规则，将一些特定的文字或图案链接至其他页面，也可定义Mailto或图片下载等功能按钮。
七、代码验证
1．利用浏览器，预览设计好的Photoshop网页，并对代码及其规范性进行验证。
2．使用网页检验或审阅程序，确保代码符合W3C（万维网联盟）的规范，以保证网页的变现效果。
八、网页文件发布
1．将网页用Photoshop准备好，并保存有关图片、网页浏览器和文件等，上传至网站或FTP服务器。
2．检查网站，测试所有功能、热区等，查看页面是否正常显示，以完成网页发布工作。
一、安装软件
1、首先下载AdobePhotoshop的安装包，在制定的位置打开，然后进行安装；
2、安装完成后，打开Photoshop软件，熟悉各个功能，得到一个全新的、相对自由的创作空间；
二、新建项目
1、点击菜单栏中的“文件”，进行“新建”项目文件，选择好文件的大小、比例、格式等；
2、在新编辑的文档中，可以使用覆盖色和调色板，随意创作添加相应的滤镜；
三、装饰排版
1、可以选择一定的图片，根据需求添加到文档中；
2、如果要添加文字，可以正确的使用Photoshop的文本工具，加上相应的修饰；
3、调整文档内容的位置，改变大小，细节更加形象，在合理布局中呈现出网页内容；
四、保存和预览
1、编辑完成后，将项目文件保存到指定的位置，按照电子设计网页的需求，格式保存成.jpg、.gif等，也可以保存为psd格式；
2、 在Photoshop中，可以进行各种保存选项，实现多个网站之间，网页对网页的移植；
3、根据浏览器修改CSS编辑模式，并对页面进行预览，仔细核对每个部分，确保页面显示效果符合要求，确定最终结果；
五、上传
1、 最后，上传页面资料，包括页面内容图片和HTML代码等；
