如何使用ps和DW制作网页?使用ps和DW制作网页的方法

作者&投稿:叶莘 (若有异议请与网页底部的电邮联系)
~

想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧!

 

 

只需要两个软件:ps和Dreamweaver!

效果图:

我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。

新建一个1920px*400px的文件

我们拉一个一个蓝色(#506dbb)到白色的一个渐变

效果图

然后我们保存这张图片为gif格式

这时候我们新建一个

1000*800的文件

我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了

大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉,保持透明

下一步我们使用切片工具。把页面进行切片。如下图所示

注意每一个链接都要切片一下。切片工具和矩形选区工具一样,拉一下就是一个切片

为了区分我这里加了背景。我们一会一定要记得去掉

我们再使用切片选择工具选择单个切片。然后右键

我们再逐个为切片添加链接

注意我们上面的加的黑色背景一定要记得去掉

我们现在保存为web所用格式

我们把这里选择jpg8

保存




Photoshop结合DW制作超酷的网页相册效果
一、准备好自己要做相册的素材,产品展示啦,案例展示了,照片展示了都可以,统一将这些图片放在一个文件夹下,我这里将这个文件叫做“Res_IMg",这里面放的都是大的图片,小图片一会儿ps会为我们做的。二、打开PS,选择菜单如下:三、这个就是PS制作图片展示的主要界面啦,主要有以下几个:样式中可以...

怎么利用ps和DW轻松制作网页?
我们需要先制作背景图片.也就是说,网页背景的蓝色部分.我们需要单独做.新建1920px*400px文件.我们从蓝色(#506dbb)到白色渐变.效果图.然后保存这张照片是gif格式.这个时候,我们建了一个.1000*800的文件.制作网页效果图.这里是用ps制作的.没有写任何代码.我不会谈论这个过程.制作网页效果图时,请务必...

如何使用ps和DW制作网页?使用ps和DW制作网页的方法
我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。新建一个1920px*400px的文件 我们拉一个一个蓝色(#506dbb)到白色的一个渐变 效果图 然后我们保存这张图片为gif格式 这时候我们新建一个 1000*800的文件 我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。

用photoshop与DW配合做网页,怎样做比较规范
1.下载安装Dreamweaver cs5和photoshop cs5,安装好后打开photoshop。2.设计准备1--新建图像。3.新建图像 1400*3000 分辨率 72 颜色模式 RGB 背景内容 白色 4.快捷键:Ctrl+N 新建图像 Ctrl+(+\/-) 缩放画布 Shift+Ctrl+S 存储图像 Ctrl+S 保存操作 5.设计准备2-...

PS切网页后,到DW怎么布局排版法啊,帮帮我啊 疯了
在使用PS切图后,为了将设计成果应用到网页上,我们需要将其保存为网页所用的格式。具体步骤是,选中并执行"文件"菜单下的"存储为网页所用格式"选项,确保设计作品被适配为适合网页显示的格式。接下来,将保存的文件在DW中打开。你会惊喜地发现,DW采用表格布局的方式,帮助我们轻松实现网页中的内容排版...

简述如何将ps和dreamweaver结合起来建立网站,制作网页
第一步:用ps把网站要做的效果图设计出来,宽度要按照你要做的网站来定,目前电脑主流高分辨率的屏幕,宽度一般设置在1200px左右。第二步:用切片工具把做好的效果图一块块切出来,然后保存为web所用格式,选择html和图像。第三步:把网页和图像相结合,重新整理代码和路径,为了搜索引擎友好度,能用...

photoshop和dreamweaver是什么关系
1、PS用的图片是位图图片,把图放的越大就越不清楚,都是那种马赛克的效果。DW用的是矢量图图片,图片无论放多大清晰度都不会改变。一般的图片都是位图图片(JPG ,BMP),在DW软件里是打不开的。必须要用“导入”(开始按钮里面就有的)才可以打开;2、PS的切片在一般情况下是不需要用的,不过用...

如何使用ps和DW制作网页
很简单,你在photoshop里面工具栏中用切片工具先将ps中制作出来的网页切割开,然后再文件菜单中保存成为网页,记得要选择文件和图像选项,这个就保存成为了一个最基本的网页,然后将保存的文件用dw打开,就可以再次编辑,当然这个是最简单的方法,对初级入门者做网页最快的方法了 ...

ps切片后怎么用dw制作网页
小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图,一般都是psd格式的,小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具,就是那个小刀子形状的。请点击输入图片描述 之后在图片上切出想要做网页...

如何做淘宝详情页海报?淘宝详情页怎么设计
在制作淘宝详情页时,通常需要使用到两个软件:Photoshop(PS)和Dreamweaver(DW)。制作流程大致如下:1. 在PS中创建一个宽度为750像素的文件,高度可根据需要设定。在此文件中添加您的宝贝详情图片和文字。2. 使用PS的切片工具将设计好的页面保存为Web所用格式,并确保同时保存图片和网页。3. 将切好...

比如县18879918783: 怎么用ps和dw结合做一个网页?
资婕鑫贝: 很简单,你在photoshop里面工具栏中用切片工具先将ps中制作出来的网页切割开,然后再文件菜单中保存成为网页,记得要选择文件和图像选项,这个就保存成为了一个最基本的网页,然后将保存的文件用dw打开,就可以再次编辑,当然这个是最简单的方法,对初级入门者做网页最快的方法了

比如县18879918783: 怎么使用PS制作一个网页 -
资婕鑫贝: 你好!准确的说,ps是制作网页的其中一个软件之一,制作网页有专用的“网页三剑客”:PS、DW、flash.想要做网页的话,你起码要会前两个,其中 ps在网页制作里面的作用主要就是:划分切片+图片处理.划分切片:就是将你在ps里面做好的网页版面进行合理的划分,划分为一个个小的切片,然后用DW对这些切片进行布局.图片处理:这个很好理解,就是对网页图片进行优化+处理,以节省空间和达到你想要的图片效果.最终的网页文件是在DW这个软件里面完成的,单靠ps做不出来一个完整的网页.

比如县18879918783: 如何用photoshop制作网站页面 -
资婕鑫贝: 1.先做图,这个需要很好的PS功底才行 2.切图,要知道网页结构才能切图 3.生成网页,PS本身能另存为网页 4.优化网页,需要使用DW软件来优化修改去掉多余的空白区域,背景优化. 5.制作成模板,如果要应用到相应的CMS中需要加入CSS代码和标签代码调用. 6.上线测试浏览器兼容性看是否错位,经过不停的修改后达到满意效果.做网页不容易,做网站更不容易,做个好网站是难上加难,如果是爱好学习一下也罢,如果想用在商业上最好专业人员来做,你只付钱就行了.

比如县18879918783: 如何使用ps和DW制作网页 -
资婕鑫贝: 这不是几句话能说清楚的了.PS是处理图形,DW是网页定位和链接,如果再加上用 flash作动画,就能作出很好的网站了.这需要不少时间才能学会吧

比如县18879918783: 如何利用ps和DW轻松制作网页 -
资婕鑫贝: 把ps制作好的图片搞到DW里面,然后生成代码,然后复制粘贴到网站里面即可哦!~

比如县18879918783: 用PS和DW怎么制作网页 -
资婕鑫贝: 什么学校要交的?美术设计专业的?ps做网页好说吧,在ps里设置好切片导出,然后dw里用table来排成ps里的样子,当然要输入文字的地方就不能用图片.不过现在都是div+css了

比如县18879918783: 怎么制作网页?
资婕鑫贝: 利用DW 和PS 结合 先制作网站的规划图,然后用 ps 切图保存为html格式,然后用dw编辑代码.

比如县18879918783: 怎么用photoshop cs2来制作个人网页?
资婕鑫贝: 首先在心里要有这个网站的大概的模板,然后通过PS结合素材做出页面,最后用里面的[切片]工具将这个页面按功能切成几个部分,比如将导航独立切成一个部分,切完以后点菜单栏上的[文件]-[储存为web格式],在弹出的窗口中设置好格式和质量后点[保存],在文件名的下面有个保存类型,选择"html and images(*html)",这样就会在保存的目录里生成一张网页,里面切出来的导航是一张独立的图片,可以用来编程或者制作成动画 懂了没有?

比如县18879918783: 加分啊!怎么用PS切片工具和Dw编辑网页呀? -
资婕鑫贝: 然后用ps工具箱里面的切片工具进行切片,切好之后文件----存储为web和设备所用格式(Alt+Shiift+Ctrl+S)点击存储------确定.然后导入DW里面编辑.我觉得做网页还是用Fire...

比如县18879918783: 如何制作个人网页,能说明具体步骤吗???
资婕鑫贝: ps+DW PS 1.网站框架 (各种图片文字拼起来) 2.在ps中切片(此步骤可以省略) 3.shift+ctrl+alt+S 保存为网页格式.htlm DW 在上有基础导入到DW中 加上链接就可以了 最简单 最直接 的方法如上所述 再具体再复杂的可不是一句两句就可以说清楚的

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网