网页设计模板ps,网页设计模板psd

div>

2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为***，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。

4、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白***域内点击，选择白***域后，按下DEL键删除白***域。

5、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。

6、对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。

7、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。

8、找到保存文件的位置，打开"feifei工作室.html"文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成。至此，利用PS设计网页内容完成。

ps网页版怎么安装？

其实PS网页版不需要安装，直接在浏览器中打开网页版即可使用。首先，打开浏览器并输入“PS网页版”进行搜索，进入Adobe***登录账号，即可直接使用。需要注意的是，使用前需要确保网络连接稳定，浏览器版本兼容，并且已经安装了Flash Player插件，否则可能会影响使用效果。

如何用PS来设计简单的网页？

用PS做出一张大图片，为了能够快速[_a***_]，必须作成切片，然后导出为网页！程序自动保存图片！做好的方法是：用PS做素材，用Macromedia Dreamwe***er 8作网页！毕竟后者才是做网页的首选利器！PS只是美化网页！

如何用photoshop做网页？

一、先用Photoshop切片

1、在Photoshop里面打开一张要设计网站的图片

2、选择切片工具剪切网页的头部

3、用切片工具剪切网页的导航栏

4、用切片工具剪切网页的海报区

5、用切片工具剪切网页的正文部分，这样切片部分就做好了

二、网页的保存

1、点击“文件>存储为web所用格式”

2、将网页选择一种预设然后点击存储

3、将文件的存储格式“HTML和图像”最后点击保存就可以了