既然可以用ps制作网页那还需要css干吗?

感觉css就是用代码来做ps啊,那比如要一个阴影,我简简单单就能在ps里调出各种想要的效果,何必大费周章写一串代码,还有版式啊什么的,,,另外,怎么才能让psd内容拥有网页元素的交互性?

PS只能制作效果图,网页的大概分布情况,也让客户能先选择什么样的效果图;ps中的效果只能以图片的形式导出,文件大,网页浏览速度慢;而且你要是更新内容起来是都要重新做;不像CSS你大概的代码写出后,只要更改一下属性就可以了,其他的框架都不需要动!用PS制作的网页,一般都是前台网页美工,真正制作的不仅要熟悉网页三剑客dreamweaver,Fireworks,Flash;IE和firefox用于测试效果必不可少。想做一些内容比较丰富就要用到:比如:JSP、ASP、JavaScript等等,很多东西要学,你还是先把CSS样式学好吧!因为DIV+CSS是最基本的。
目前还不知道PSD拥有网页元素的交互性!好久都没有用过了,大概记忆写的!你可以到网上多了解一下,加油!
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-09
css是用来定义网页的样式例如背景色,线框,等等等,而且还可以定义文字的位置,大小,样式。你ps只是把页面排好看而已。影响不了正文内容。而且考虑到以后页面的扩展,css定义栏目的位置和大小很重要。而且针对不同的浏览器,你不用css定义的话,可能在不同的浏览器看同一个页面就会东一块西一块或者根本显示不出来。
第2个回答  2013-10-09
举个例子,比如说有10个地方用到了这个阴影效果,如果用css来做,那就简单的写个css文件,在这10个不同的地方调用就可以了,如果要修改效果也只是简单的修改那一个css文件就可以了。但是用ps,你就要分别修改这10个地方的图片。
这还只是简单的情况,css更主要的是用在网页布局上(比如内容的位置、文字大小、颜色等等),这跟ps基本没关系了。
psd本身没有交互性可言,这是它的格式已经限制了。追问

那为什么网上有很多教程是关于ps制作网页,还是整个网页的?

那为什么网上有很多教程是关于ps制作网页,还是整个网页的?

追答

ps制作整个网页,那只是网页制作的第一小步,这一步主要是确立网页的风格、主要布局等等,这些弄好只是完成了一小部分(除非你做的是商品海报,或者宣传页),那么接下来,就需要对网页切割(这一步主要目的是取得一些关键的小图片,比如logo、背景图等等),然后用html+Css再创建出站点,如果没什么问题,按需要再加入一些动态效果(比如网站导航菜单或其它js,以及gif或者flash动画),之后网站前端的的工作就算基本完成。

追问

嗯嗯,其实我最搞不懂的就是,,,像下面这些按钮,滑块和选框的psd,我怎么能把这些图片做成网页上动态的元素,比如,可以移动滑块,可以在按按钮的时候使按钮变更透明。我知道可以用css创建div之类的元素,用js和jQuery添加交互,可对这些图片呢?做成可交互的flash?

追答

你既然都采纳了还继续追问?

第3个回答  推荐于2016-01-15

    用PS可以制作网页的效果图,然后用切片工具,就可以将图片切成网页可用的切片。但这只是网页上的相关图片。

    CSS是可以对这些图片进行排版的,进行样式的设定。

    因此,两者的功能是相补的, 所以都是有用的。

第4个回答  2015-10-03
ps只是用来制作效果图的,css是你重构网页时美化网页的,制作网页的流程是先做出效果图,再重构,之后交给程序开发人员

ps怎么制作网页?
要使用PS制作网页,需要理解网页的三大组成部分:HTML、CSS和JS。HTML负责构建网页的结构,CSS赋予网页外观,而JS则提供交互性。尽管HTML和CSS可以创造出网页的基本框架,但无法完全实现设计师的创意。这时,PSD作为设计稿,提供了一个清晰的蓝图。设想PSD如同一张设计蓝图,Dreamweaver则用于搭建实际的骨架(H...

...的吗?我可以理解为把PSD文件制作成代码之后,ps的样式就需要CSS...
PS的样式跟CSS的样式不一样,css样式是层叠样式表,是网页制作时使用的样式,是对网页中的图片文字等对象进行控制(文字的大小,颜色 等,图像左右对齐,是否为背景图等),ps的样式是为图像添加投影等样式,直接使用在图像上。不需要css来表现。

做好网页设计要学好哪些知识?本人可以PS AI FLASH一般,DW可以排版,H...
看需求:如果你要追求做出完美的网站,那么美工很重要,所以PS、AI水平一般还是不够的,做网站要看你是套模板还是自己做整站了,如果是前者,套模板基本是傻瓜式的,人家都帮你建好模板了,你只要改改图片就行,所以你现在的水平只能套模板;如果是后者,自己独立建整站,专业一点的基本要一个星期的时间...

我现在的工作是这样的:老板让我做网页美工,我不会div,只用ps做。
网页美工最最基本的就是PS,最多占15%的工资比例,最主要的是div+css;占60%-70%比例;而自己的思维想法需要配合PS的,能想得到的却做不出图来,那你会PS也没用 当初我刚毕业的时候也就是只会PS设计界面,div+css是完全不懂的,不过公司给了我足够的学习空间和时间,2个月内基本掌握了,现在...

网页制作的流程
1、网页设计师(主要是用PS)先将网页设计出来。2、进行网页制作,就是切片,div+css布局,将图片变成网页。3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等 4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。后台目前流行PHP语言。这些都是...

网站设计要求CSS+DIV,是否以前用photoshop做模板就不适合用了??
照样用photoshop做出模板 然后不切 直接看每个栏目多大 直接定义css的长度,宽度,定位即可啊 然后用div显示一下

想自己学习网页制作和设计方面的知识,我应该从哪里入手?
网页的制作和设计牵扯到两方面的技能,第一个是平面设计的能力,第二个是编程的能力。平面设计方面你需要学习PS,编程方面就比较广了,如果做简单的网页只需要前端HTML,CSS,JavaScript就可以,如果要做有交互的,比如数据存储在数据库,这种就需要学习后端的编程语言比如Java。学习PS进行网页的设计网页一...

懂PS,会div+css,可以去做什么类型的工作
如果你对PS的层面在于使用、抠图或者切图,那么在网页设计师这个职位上,很难hold住。关于DIV+CSS,直接面向的职位是“页面重构师”,也就是主要以PS切图、HTML与CSS实现纯静态网页开发为主的工作,当然会涉及到少量的JS以及JQuery的东西。但,这种职位通常出现在北上广等大城市的中大型公司当中,而且...

我有一张已经PS了的图片,需要做个网页,切完图后在用网页编辑器做页面时...
3,在弹出的对话框中,选择类型为,html格式和选择路径,单击保存就行了。这样就可以直接保存为html页面了。二,上面这样出来的效果和上图是一样的,但是,如果要做面真正的页面。那这个切图还不够细。1,图要切的细。2,有的图是需要做背景的。3,css你要学习。4,dreamweaver你要学习。……...

干网页设计这行需要会什么软件呢?
首先,了解并熟练使用HTML和CSS是必不可少的,这两者是构成网页的基础。HTML负责内容的组织与结构化,而CSS则用于样式设计与布局调整。掌握这些语言能够让你更灵活地构建网页结构。其次,学习使用图像编辑软件,如Adobe Photoshop(PS)或GIMP等,对于优化和创建高质量的图形元素至关重要。在网页设计中,图像...

相似回答