ps加dw网页设计（ps设计网页html）
本文目录一览：
- 1、ps与dw之间如何进行有效的设计
- 2、如何使用ps和DW制作网页
- 3、如何使用ps和DW制作网页?使用ps和DW制作网页的方法
- 4、怎么用PS和DreamWeaver制作不规则切片链接
- 5、用photoshop与DW配合做网页,怎样做比较规范
- 6、关于网页设计PS切图和DW网页制作
ps与dw之间如何进行有效的设计
准备好自己要做相册的素材，产品展示啦，案例展示了，照片展示了都可以，统一将这些图片放在一个文件夹下，我这里将这个文件叫做“Res_IMg，这里面放的都是大的图片，小图片一会儿ps会为我们做的。
打开html文件，在代码之间输入 2 根据经典布局，书写5大模块div 代码效果如下：1DW代码准备完成。
第一步：用ps把网站要做的效果图设计出来，宽度要按照你要做的网站来定，目前电脑主流高分辨率的屏幕，宽度一般设置在1200px左右。第二步：用切片工具把做好的效果图一块块切出来，然后保存为web所用格式，选择html和图像。
如何使用ps和DW制作网页
1、下载安装Dreamweaver cs5和photoshop cs5，安装好后打开photoshop。设计准备1--新建图像。
2、我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。新建一个1920px*400px的文件 我们拉一个一个蓝色（#506dbb）到白色的一个渐变 效果图 然后我们保存这张图片为gif格式 这时候我们新建一个 1000*800的文件 我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。
3、第一步：用ps把网站要做的效果图设计出来，宽度要按照你要做的网站来定，目前电脑主流高分辨率的屏幕，宽度一般设置在1200px左右。第二步：用切片工具把做好的效果图一块块切出来，然后保存为web所用格式，选择html和图像。
4、小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。
5、然后用ps工具箱里面的切片工具进行切片，切好之后文件---存储为web和设备所用格式（Alt+Shiift+Ctrl+S）点击存储---确定。然后导入DW里面编辑。我觉得做网页还是用Fireworks好用，与dremwear可以交互使用。
6、先要会做“网页”，才能慢慢会做“好的网页”，路要一步步走，切忌急功近利。从零开始学习的话，我想可以这样：先学会使用工具DreamWeaver，打好html基础。做简单的静态网页。同时学习photoshop和imageready，熟悉图像处理。然后做漂亮的简单静态页面，将ps，imageready，dw综合起来应用。然后学asp，加入。
如何使用ps和DW制作网页?使用ps和DW制作网页的方法
我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。新建一个1920px*400px的文件 我们拉一个一个蓝色（#506dbb）到白色的一个渐变 效果图 然后我们保存这张图片为gif格式 这时候我们新建一个 1000*800的文件 我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。
下载安装Dreamweaver cs5和photoshop cs5，安装好后打开photoshop。设计准备1--新建图像。
第一步：用ps把网站要做的效果图设计出来，宽度要按照你要做的网站来定，目前电脑主流高分辨率的屏幕，宽度一般设置在1200px左右。第二步：用切片工具把做好的效果图一块块切出来，然后保存为web所用格式，选择html和图像。
小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。
然后用ps工具箱里面的切片工具进行切片，切好之后文件---存储为web和设备所用格式（Alt+Shiift+Ctrl+S）点击存储---确定。然后导入DW里面编辑。我觉得做网页还是用Fireworks好用，与dremwear可以交互使用。
首先是在Photoshop中制作网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。
怎么用PS和DreamWeaver制作不规则切片链接
1、先用PS制作一张不规则图片，具体方法是：（1）打开图片，复制图层，关闭背景图层；（2）用”多边形套索工具“选定图片需要的部分，”选择--反选“、”编辑--清除“；（3）”文件--存储为“png格式图片。
2、PS上是不可以做连接的。没有这功能。单独图片上是不可以做连接。要在网页里面可以给它加上连接的。简单点的可以用Dreamweaver软件。打开Dreamweaver然后插入图片——属性——用矩形热点工具选中“首页”在后面输入你要的地址就可以了。其它几类同理加上去就行了。很简单的。
3、如何使用photoshop制作网页 很多朋友不知道用ps制作网页的规范。下面介绍一下。01打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。02画布创建完成后，我们在1200px左右两边拉一条辅助线固定。03然后打开画布大小，取消“相对”，宽度调整为1920px。
4、我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了 大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明 下一步我们使用切片工具。把页面进行切片。如下图所示 注意每一个链接都要切片一下。
用photoshop与DW配合做网页,怎样做比较规范
1、下载安装Dreamweaver cs5和photoshop cs5，安装好后打开photoshop。设计准备1--新建图像。
2、使用切片工具 把你在photoshop排版的页面切成一块一块的然后在dreamweaver里排版即可。
3、小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。
关于网页设计PS切图和DW网页制作
1、简单的网页可以用DW排版，但必须保证所有图片切好，图片不是很多的情况下，搜集一些素材，用表格和DIV就可以排版整站。但图片很多的情况下，一定得处理图片，肯定要用到PS\firework之类的图像处理软件。
2、切图的好处，第一，是要控制单张图片的大小。把大图片切割成几个小图片，有利于浏览者尽快看到你的网页。第二，为了使排版不受到网页制作软件的限制。
3、建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。然后我们点击【插入】—【image】来插入一张图片。因为是初学者，就不网页切图了。
4、启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。
5、方法/步骤 新建一个ASP网页并且保存。如图所示 连接好数据库，见笔者之前分享的经验。在网页中插入模板的内容，并添加好各个超链接 页面设计好后把网页另存为模板。操作如图所示。接着在需要编辑的部分插入“可编辑区域”，操作如图所示。
