ps设计网页模板（ps版面设计模板）

本文目录一览：

• 1、如何用Photoshop制作网页模板
• 2、如何用photoshop制作网站页面
• 3、如何制作网页模板
• 4、如何才能使用ps作网页模版？
• 5、如何用Photoshop制作个人静态网页模板
• 6、怎么用PS做网页模板？？还有，AI好学吗

如何用Photoshop制作网页模板

网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称(如：“网页顶部”)，确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。 小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。 第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K)，把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号(见图2)。 第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

如何用photoshop制作网站页面

1.先做图，这个需要很好的PS功底才行

2.切图，要知道网页结构才能切图

3.生成网页，PS本身能另存为网页

4.优化网页，需要使用DW软件来优化修改去掉多余的空白区域，背景优化。

5.制作成模板，如果要应用到相应的CMS中需要加入CSS代码和标签代码调用。

6.上线测试浏览器兼容性看是否错位，经过不停的修改后达到满意效果。

做网页不容易，做网站更不容易，做个好网站是难上加难，如果是爱好学习一下也罢，如果想用在商业上最好专业人员来做，你只付钱就行了。

如何制作网页模板

首先你要明白网页制作的流程：

1、网页设计师（主要是用PS）先将网页设计出来。

2、进行网页制作，就是切片，div+css布局，将图片变成网页。

3、后台制作。可以自己开发，也可以套用cms，如dedecms，phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术，就是html，div+css,js，（jquery,js框架）。

后台目前流行PHP语言。这些都是基础

5、需要学习的有，html，div+css ， js （jquery） ， php等。

教程网站，百度“W3C”，即可

如果你只是制作模板，那么就学习html，div+css ， js （jquery）即可

如何才能使用ps作网页模版？

你的这个问题问非常好！

我说几个制作网页模板的关键点吧！

1.

首先分辨率一定要设置成72像素/英寸，因为这个是所有显示设备的标准分辨率

2.

其次如果是做成模板的话要注意对图层会组，不同的功能区块编成一组，这样方便今后替换素材。

3.

把切片做好，以便一键导出所有图片

4.

图层命名很重要，规范的命名有助于今后对模板的更新和维护

祝你顺利！

如何用Photoshop制作个人静态网页模板

如果你会切割的话，对网页的表格之类的要求又不高，那事情就很好办了。。。切片切好后，直接选择存为web格式，一般选4联图片的第二联，分辨率较高，尺寸最小，哦，对了要是有按钮的话你用切片编辑工具设置为按钮，填好链接，最后保存，包括一个HTML页面和他放图片的IMAGE都保存了。

怎么用PS做网页模板？？还有，AI好学吗

PS和AI的不同点就是一个是专业的图片处理软件，一个是专门是包装的设计软件.

如果你学会了PS那AI差不多可以自学了。里面有好多快捷键都差不多。用法也差不多。

切片工具你用它来做什么？我建议你可以忽略不用它。

在PS里做网页比较麻烦的。图层多到恐怖。我做过一二次就没想再做第三次了。

虽然效果会比那些要好点。但是图层的这些方面实在太多了。

如果你比较熟悉PS那就在那个里面做，不是的话就不用在PS里

关于ps设计网页模板和ps版面设计模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注云尚网络www.ysfad.net。