1、1 创建新的 Photoshop文档 CtrlCmd + N根据下图设置单位和标尺 2 确保你使用像素为单位， 它是网页设计的标准尺度 从前置选项的windows对话框设置标尺 CtrlCmd + K 点击单位和标尺，确保你所有的设置跟下图相同为内容区域增加指导 3 激活photoshop的标尺，从查看 标尺里头 按下”Ctrl。

2、自己制作网页的步骤要点确定网页主题和目标受众设计网页布局选择适当的颜色和字体编写高质量的内容优化网页加载速度测试和调试等1确定网页主题和目标受众 在开始制作网页之前，首先要明确网页的主题和目标受众这将帮助站长选择合适的设计风格布局和内容2设计网页布局 网页布局是网页的。

3、1做网页，首先要对自己的网页有一个整体的规划建一个什么样的网站，网站主色调用什么颜色，版面设计用什么样的方式等等都需要一个好的计划2做任何事情都不能盲目，漫无目的，这样只会浪费时间和精力在制作网页之前，你必须设计网页的一些基本元素你可以简单的画个草图，或者浏览几个你喜欢。

4、通常越是大型的企业，网站越偏爱使用统一的配色方案，这是为了保证其品牌形象的一致性，以利于品牌的推广传播根据网站的内容类型，尽量将配色方案控制在两到三个颜色这样不仅可以让自己尽可能好的控制整个设计的配色，还能额外给你的设计带来一种时尚的经典的外观，从而立刻简化你的网页设计5打破。

5、极简主义设计风格，也称简约设计风格，顾名思义，就是使用尽可能少的组件或部件，实现网站以及软件应用的人机交互 当然，这并不代表设计师可以毫无节制的简化网页或软件界面，以致丢失掉其本有魅力和生命力，造成界面难以理解，甚至使用更加复杂的局面反而应该在去除多余组件或模块的基础上，使用最少的元素，达到最佳的用户。

6、1首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页选择“经典”界面，有助于我们更便捷使用这个软件2下面选择这三个界面，代码拆分设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页3下面我们来制作网站站点，在电脑上建一个文件作为根目录。

7、2选择颜色 网页制作步骤的第二步是选择合适的颜色，色彩协调是网站风格构成的必要因素之一，是用户首次访问网站吸引他们的重要因素之一，这是非常重要的手段，每个网站都应该有自己的主题颜色确定主题颜色后，可以在此主题颜色周围绘制辅助颜色和渐变色，以点缀网页颜色客户看到一个方面，就可以更好地。

8、静态网页制作步骤第一步在制作静态网页之前，我们需要对网页进行11的渲染，也称为静态网页渲染制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作第二步PS切片制作好的静态网页效果图通过PS切片，可以把一个大的渲染图切割成几个小图，以后可以直接用在网页上第三步使用HTML5和CSS3。

9、上传测试，网页制作完了，需要发布到Web服务器上才能让用户观看，有些网页工具本身就带有上传功能，打开自己网站，打开链接逐个排查，发现错误及时修改推广宣传，制作完后要不断地宣传，才能让更多朋友去关注如何制作网站 步骤1注册一个域名域名是互联网网络上的一个名字，在全世界，没有重复的域名。

10、当前的Frontpage2003和Dreamweaver应该说都是即见即所得的网页制作工具但是对于初学者来说，做网页先学用Frontpage2003好，因为它的很多功能与Word是相通的，会用Word的朋友对Frontpage2003很容易上手，而且简洁直观，最大的优点是不用手工去编写那些新手望而生畏的代码，而且更直观的实现“即见即所得”Dreamweaver是。