psd网页模板怎么用?

标签: psd 网页模板 | 发表时间:2013-12-21 23:21 | 作者:nellybady
出处:http://www.iteye.com
一、怎么把psd网页模板弄到DW里进行修改?
在ps中可以用切片工具,把想放文字的地方切成一块一块的(背景最好是白色的部分)
符合自己需要后,点菜单上的》文件》存储为web所用格式
存储的时候,选html格式
用DW打开,切成块的图片删掉,添上文字就可以了
如果有脚本,可以在刚删掉的地方写脚本,
然后保存就可以了。

二、psd图片切成HTML?
就是将PSD以网页的形式体现出来。
1;看PSD的布局,把需要的图片合理的切开并保存。
2;用Dreamweaver或者别的软件新建网页形式的文件(XXX.html)。
3;然后写代码在需要的地方引入图片,可以直接引入,也可以以背景的形式调用。
4;总结:一句话,要会PS和写DIV+CSS.

三、
1、进入PS,打开你要切片的素材,然后选择切片工具。
2、比如你要切一个按钮下来,鼠标左键点住按钮的左上角,往右下角拉,你想切多大,就拉多大。
如果拉大了或者拉小了,鼠标左键双击你切片的内部,弹出窗口,尺寸里的w,h的值随意修改,到你满意为止。期间如果看不清图边缘,可以把图片放大倍数.
3、所有你要切的片都参照第二步。
4、文件-存储为web和设备所用格式:预设可以选择你存储的图片格式。调节好后,点击存储,弹出保存对话框,保存类型选择 HTML和图像(*.html),然后选择好你的保存路径。保存好后,外面去打开你保存后的html文件,就是一个简单的网页了。

四、PSD出的是效果图。和实际的HTML并没有关系。虽然photoshop有一定的转换功能,但是转换出来的并不符合W3C标准,日后调整也比较麻烦。
所以PSD效果图出来后,需要前端工程师根据PSD效果图,编写HTML和CSS代码来生成网页。只有这样出来的网页,才谁最适合网页显示和日后维护的。

前端UI设计
http://www.baidu.com/p/hchab?from=zhidao
http://wlmouse.iteye.com/blog/answered_problems

已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [psd 网页模板] 推荐:

psd网页模板怎么用?

- - 行业应用 - ITeye博客
一、怎么把psd网页模板弄到DW里进行修改. 在ps中可以用切片工具,把想放文字的地方切成一块一块的(背景最好是白色的部分). 符合自己需要后,点菜单上的》文件》存储为web所用格式. 存储的时候,选html格式. 用DW打开,切成块的图片删掉,添上文字就可以了. 如果有脚本,可以在刚删掉的地方写脚本,.

【网页设计】分享21款网页模板PSD

- Ashaum - 博客园-首页原创精华区
作者: 悠游人生 发表于 2011-08-17 17:02 原文链接. 评论: 2 查看评论 发表评论. · 诺基亚CEO:Android手机制造商要“小心”(2011-08-18 08:49). · 土豆上市首日开盘破发(2011-08-18 08:47). · 微软中国欠薪被罚24万赔偿金(2011-08-18 08:47).

高质量免费的PSD网页模板

- - 苏打苏塔设计量贩铺
在这一篇文章中,我们和大家分享一些优秀的创意网站的PSD源文件,你可以学习这些带有分层效果的网页模板源文件,学习优秀设计师如何创建和整理他们的作品. 这些网页效果图包括复古风格的网页效果,潮流时髦的网页效果,个人博客以及企业网站的效果图等等. 摄影作品集网站PSD模 http://www.graphicsfuel.com/2011/02/photography-portfolio-website-psd-template/.

免费的 iOS7 GUI PSD

- - 我爱水煮鱼
iOS 7 的用户界面已经完全的改变了,从拟物化往扁平化方向发展,所以 iOS 7 的设计师和开发者给 iOS 7 开发新的 APP 的时候就可能需要设计资源了. Teehan+ Lax 创建并分享了一个非常漂亮的免费 iOS7 GUI PSD,这样所有人都可以通过它更加容易为新版 iOS 设计应用.

9个漂亮的 CSS 网页模板下载

- 英建 - 博客园-首页原创精华区
  当你需要在短时间内设计出一个网站的时候,网页模板就非常有用了. 在这篇文章中,收集了各式各样的网页模板,您可以免费下载使用,希望这些网页设计模板不仅带给您灵感,也让您回到创作轨迹. 演示:Portfolio Template 1 demo. 下载:Portfolio Template 1 download.

15个免费下载网页模板网站

- Yangan - 紫萝卜 | 所有与设计有关
一个优秀且免费的网页模板对设计者的意义不用多说,不但可以节约我们大量的时间提高我们的设计效率,更为我们省下一些模板费用,更进一步我们还可以通过这些网页模板源文件提高我们的设计水平. 下面与大家分享的是精选国外15个免费网页模板下载的集合网站. 25个免费网页模板PSD文件. 55款PSD网站模板免费下载.

50+PSD用户界面Web设计素材

- DayuLu - 互联网的那点事
对于很多设计初学者来说很多高手的界面设计得让他们惊叹. 其实,对于真正的设计老手来说,他们有能力设计出各种效果,但是即便这样也是需要大量的时间的. 在大多数的中小企业中这样的完全独立设计师很少见的. 老练的设计师都有一套属于自己的设计素材库,里面包罗万象会让各种菜鸟汗颜. 这些就好比日积月累的各种武术套路,当需要那种就自然的打了出来,快、准、狠.

60个超实用华丽的GUI PSD设计包

- will - 互联网的那点事
在这个移动互联网时代,手机无处不在. 科技让手机不仅仅只是声音传递的工具,更多的开始网络化的互通. 随着这个趋势未来的互联网很大一块空间将是来自于移动用户的. 于是乎良好的交互设计和优秀的图标设计将对整个用户体验来说是至关重要的. 我们下面所展示的就是60个实用优秀免费的手机图形用户界面GUI PSD设计包,希望你能从中学习到好的设计思想,也可以减少你不必要的设计流程,更高效的完成设计项目.

精品免费商业PSD网站模板(15个)

- mk - 小建の软件园
网上很多比较好的商业PSD网站模板都是付费购买下载使用,小建收集了15个非常漂亮而且免费下载的精品免费商业PSD网站模板,包括商品展示类、软件网站类、音乐影视类、个人博客类、商业官方网类等类型模板,各位需要的童鞋赶快下载收藏吧. 下载地址:1-5套PSD模板   |   6-10套PSD模板   |   11-15套PSD模板   |   来自小建の软件园.

70个设计师需要的实用免费PSD文件

- tan - 互联网的那点事
带来设计师的最爱PSD文件,这些文件在你的工作和项目中可能会经常被用到. 现在你可以使用下面的模板来提高你的设计效率. © 推荐 for 互联网的那点事, 2011. Post tags: PSD文件. poEdit: Windows下的.po文件编辑器 (@chedong). 方便地建立免费的文件共享服务器.