photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的；PS网页设计除了要求你具有设计的功底，还需要你有良好的工具使用习惯，这里主要说2点素材整理和图层操作素材整理，PS中比较灵活的素材就是字体笔刷样式图案，其中样式尤为重要，你出来使用网上下载的素材外，平时自己经常使用的也可以新建到样式列表中，并且，注意及时备份你。

如何利用网页设计模板，对于本身是设计，会使用PS的，可以进行相应的根据自己要求修改设计，往往模板只是作为参考，并不建议直接拿过来使用，做好模板就是切图了，这个工作很重要，切图的好坏，直接影响你的版面中制作时候的布局，最后是用网页制作软件来制作网页大体上这样的步骤来，详细的真不是一句话；Photoshop模板的制作方法 首先，打开psPhotoshop强大的图形处理软件Photoshop模板制作步骤图1 这里使用的是pscs4版本百度下载各种版本怎么用，也请百度一下第二，做店招店铺招牌是网店的卷首，买家可以通过招牌知道你的店铺卖的是什么宝贝比如我卖女装，那我就得起个好名字，通过画图设计logo新。

网页设计的方法有哪些网页设计方法如下1在高于IE6的浏览器中打开带有透明LOGO的网页，然后用FFPearlCrescentPageSaver全屏截图插件进行截图然后用PS或者Fireworks把LOGO部分剪下来并更换透明背景LOGO这样即使是渐变背景也能和LOGO保持一致2版面上的页面之间有相同的部分，所以要学会简化它们；首先，设计网页布局在Photoshop中，可以使用各种工具来创建网页的基本框架例如，使用ldquo矩形工具rdquo可以绘制出网页的头部主体和底部区域通过调整这些区域的大小和位置，可以构建出基本的网页布局同时，还可以使用ldquo图层rdquo功能来管理不同区域的层级关系，确保它们在网页中的正确显示。

1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成网页3后台制作可以自己开发，也可以套用cms，如dedecms，phpcms等 4具体步骤就是这样详细的牵扯到一些技术，就是html，div+css，js，jquery，js框架后台目前流行PHP语言这些都是基础 5需；在模板面板中选定模板单击编辑按钮或双击模板名称或使用快捷菜单的Edit编辑完成后保存 3更新站点中使用模板的所有文件 Modify菜单TemplatesUpdate Pages 如何制作网页模板 首先你要明白网页制作的流程1网页设计师主要是用PS先将网页设计出来2进行网页制作，就是切片，div+css布局，将图片变成。

收集的素材资源丰富，但下载资源大部分需要收取一定维奇币提供免费矢量素材PSD分层图标素材网页素材中文字体网页模板与壁纸PS教程等 平面设计 素材维奇素材网页面清爽明快，广告也少十一视觉中国 下吧 由视觉中国资深编辑精心挑选的国内外优秀设计素材，网罗矢量icon壁纸PSD；综合各种设计方法的优缺点，可以得出利用PS设计网页通常可以达到意想不到的效果，这不只是取决于他可以随意布局图片，更得意于其专业的图像处理能力1打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”。

ps网页设计效果图

01打开电脑中的Photoshop界面首先，我们创建一个画布，宽度为1200，任意高度，分辨率为7202画布创建完成后，我们在1200px左右两边拉一条辅助线固定03然后打开画布大小，取消“相对”，宽度调整为1920px04设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力ps主页都是。

1新建一个800X600像素的空白背景，颜色模式设置为RGB模式RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容2新建文件，点击确定，空白文件会自动显示在软件中对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。

ps网页设计与制作模板

1、1首先打开需要编辑的ps，点击左侧“路径选择工具”选项2然后在该页面中鼠标左键选择要移动图案的整条路径3之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径4最后点击选中ps网页版，点击确定移动即可ph怎么做网页1在Photoshop里面打开一张要设计网站的图片 2选择切片工具剪切网。

2、01打开电脑中的Photoshop界面首先，我们创建一个画布，宽度为1200，任意高度，分辨率为7202画布创建完成后，我们在1200px左右两边拉一条辅助线固定03然后打开画布大小，取消“相对”，宽度调整为1920px04设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力ps制作网页。

3、设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计例如DreamWeaver法，利用中间软件实现格式转换法例如Word生成HTML代码，还有就是PS设计网页法我们为大家收集整理了关于Photoshop制作网页，以方便大家参考首先，用Photoshop建立空白画布，载入一张网页图片 利用切片工具，把图片切片切成。

4、设计一个尺寸后，就直接设计内容就可以，注意不要合并任何图层，文字可以拿一些常用的字代替都做完后，保存成PSD和JPEG两种格式前者就是模板，后者就是网上的预览。