下面是效果图预览 背景描绘 第一步创建画布 首先，打开photoshop创建一个新的项目你可以点击文件新建或按下CTRL+N快捷键来创建我们选择一个普通的画布大小1000×900，当然这些设置可以在后期增加第二步应用渐变 既然我们的画布已经创建了，是时候开始背景的设计了创建一个新层快捷键CTRL+S；打开一个新的文档外形尺寸1200×1640像素，分辨率为72像素英寸我们要创建基本的背景层简单的在草稿上勾画出大概的布局与结构，可以看出页面最终的雏形，不过 在设计过程中，我们可能会添加新的元素草稿上可以看出，我们将创建5个分栏，在这里我们将添加的内容添加的第一层，这将是我们的背景。

所以，我估计你的问题，是指的ps网页设计的时候，输出图片采用哪一种压缩方式及压缩比图片在网页上精细清晰也就是说，你问题题中的精度，意思应该是清晰度，对吧网页设计中，对于图片来说，追求的并非高清晰度，原因很简单，因为网页最终是在网上使用的，由于受到网速的限制，清晰度越高的图片；网页设计需要用到PhotoshopCorelDrawIllustratorDreamWeaverPageMaker等软件来进行网站的页面设计及美观优化，各类专题模板宣传广告标语图片设计，及交互体验的提升Photoshop学习图像处理编辑通道图层路径综合运用图像色彩的校正各种特效滤镜的使用特效字的制作图像输出与优化等，灵活。

1新建文档 打开photoshop，新建尺寸为1020*1180px的空白文档2设置导航条背景 选取矩形选框工具M，创建有整个画布宽的选区，高度不要太高，然后用深灰色#进行填充cmdctrl+F5，如下所示复制cmdctrl+J刚新建的导航图层，并对其添加杂色滤镜滤镜杂色添加杂色，如下设置然。

Photoshop网页设计与配色从新手到高手 二手

你是想要在原来的设计下面加上一块空白，那可以选择“图象”“画布大小”，在弹出的对话框中，先设置定位，如果在下面加长就点击向上的键头，这样就会在原图的下方加入空白，现在再输入设定高度数字就OK了。

网页效果图怎么制作平面广告和网站页面设计的宗旨就是吸引眼球，符合平面视觉冲击特点，如何设计一款有特色另类能吸引眼球的作品是摆在平面设计人员和photoshop爱好者面前的难题 现在以一款网页平面设计效果图为实例，讲解网页设计方面的创意知识，从网页效果图布局创意颜色选择，裁减效果图和制作网页特效等方面。

但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的图片，还需要文字flash声音等元素的添加，Dreamweaver要做的就是继续完善你的页面，图片越少越好，该删的删该设背景的设为背景该用表格颜色代替的用颜色代替哇塞 想想都麻烦^ ^ 归根结底 photoshop 是用来构图设计的，而Dreamweaver。

大部分的主题开发或者设计者都会使用photoshop来完成设计稿，然后将其切割，再用html和css来完成剩下的工作这里，我收集了30个简单易学的Photoshop网页布局设计教程，你可以跟着这些教程一步一步的去学如何使用photoshop来创建一个网页布局模板1碳素纤维布局 2商业wordpress PSD布局 3水彩画背景网页。

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

1在Photoshop中打开设计稿，如下图2选择工具板上的slice切片工具，大面积的色块单独切成一块，尽可能的保持在水平线上的整齐，切好的图如下所示3在PhotoShop中选择filesave for web来输出，这里要注意一些参数的选择4接下来在Dreamweaver里建立站点5在图示左边的site name中为。

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

Photoshop网页设计与配色从新手到高手pdf

1、一先用Photoshop切片 1在Photoshop里面打开一张要设计网站的图片 2选择切片工具剪切网页的头部 3用切片工具剪切网页的导航栏 4用切片工具剪切网页的海报区 5用切片工具剪切网页的正文部分，这样切片部分就做好了 二网页的保存 1点击“文件存储为web所用格式”2将网页选择一种预设。

2、给您扫扫盲吧，网站设计和网页设计是不一样的，网站设计需要DWdreamweaver来建立网站的框架，PS，CDR，FWORKS都是进行网站中网页的外观和视觉效果设计的而网页呢，其实你用任何东西做出来只要导出html储存格式都可以发布到服务器称为一个网页学网页设计，先学会DW，通过学他你会知道网站的文件和网页。

3、photoshop网页美工期末总结与体会文章 篇一 在这一年美工总结自己接触和学习设计的一点经验心得 一网站的配色 二网站的布局 做美工设计的不单要对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果整体配色字体各模块的间距插图增减内容等各个方面的敲着 三网站的细节。

4、先看效果图 第一步 下载960网格模板 我一直以来做的设计几乎全部是基于960网格模板的 因此在我们开始创作之前，先下载这个模板 你能在960gs上找到这些模板 下载之后解压zip里面关于PSD的模板 你会发现有两种规格 一个是12栏式的而另一个是16栏式的 他们的区别就像名字所说的，一个是按。