一、怎么把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
分享到:
相关推荐
汽车配件psd网页模板汽车配件
《PSD网页模板在网页设计中的应用与解析》 网页设计是互联网行业中至关重要的一环,它不仅决定了网站的视觉效果,还影响着用户体验。而PSD(Photoshop Document)文件格式,作为Adobe Photoshop的默认保存格式,常...
《PSD网页模板在网页设计中的应用与技巧》 网页设计是互联网行业中至关重要的一环,它不仅决定了网站的视觉效果,还影响着用户体验。而PSD(Photoshop Document)文件格式,作为Adobe Photoshop的默认保存格式,是...
在实际应用中,PSD网页模板的使用流程大致包括以下几个步骤:首先,设计师根据项目需求选择或创建适合的PSD模板;然后,通过Photoshop进行必要的编辑和调整;接着,进行切片处理,导出为HTML和CSS;最后,前端开发者...
【标题】"精美的韩国网页模板PSD"所涉及的知识点主要集中在网页设计领域,特别是使用Photoshop(PSD)文件格式进行设计的过程。PSD是Adobe Photoshop的默认文件格式,它保存了图像的所有图层、通道、蒙版、色彩模式...
总的来说,PSD网页模板的使用降低了设计门槛,提高了工作效率,使得前端页面的设计更加标准化和规范化。无论是对于个人开发者还是专业团队,掌握PSD模板的运用都能提升项目质量和速度。而"GR-118_psd网页模板"这样的...
"BL-296_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip"这个压缩包中包含了一系列用于创建欧美日韩风格网页的设计资源,本文将深入探讨PSD模板在网页设计中的作用及其使用方法。 PSD模板是一种由...
《PSD网页模板在网页设计中的应用与重要性》 网页设计是互联网世界的重要组成部分,它不仅决定了网站的视觉效果,还影响着用户体验。而在这个过程中,PSD(Photoshop Document)网页模板扮演了至关重要的角色。"GR-...
使用PSD网页模板的优势在于: 1. **时间节省**:设计一个完整的网页界面通常需要花费大量时间,而使用模板可以显著减少设计初期的构思和布局工作,使设计师能够更快地进入具体细节的调整阶段。 2. **一致性**:...
《PSD网页模板及其在前端页面设计中的应用》 网页设计是互联网行业中至关重要的一环,它不仅决定了网站的视觉效果,还影响着用户体验。而PSD(Photoshop Document)文件格式,作为Adobe Photoshop的默认保存格式,...
本文将深入探讨PSD网页模板的使用、特点以及其在网页设计中的价值。 首先,PSD格式是Adobe Photoshop的默认保存格式,它保留了图像的所有原始信息,包括图层、蒙版、通道等,这使得设计师可以在设计过程中进行无损...
《PSD网页模板在前端页面设计中的应用及重要性》 网页设计是互联网行业中不可或缺的一环,它不仅关乎用户体验,更是品牌形象与信息传达的关键。在众多的设计工具中,Adobe Photoshop(简称PSD)以其强大的图像处理...
《深入解析:PSD网页模板与前端页面设计》 在当今的互联网世界中,网页设计是至关重要的一环,它不仅决定了网站的视觉效果,还直接影响用户体验。本篇将围绕"PP-039psd网页模板_网站psd效果图切片_PSD欧美日韩风格...
《PSD网页模板在网页设计中的应用与解析》 网页设计是互联网行业中至关重要的一环,它不仅决定了网站的视觉效果,还影响着用户体验。而PSD网页模板则是设计师们常用的工具之一,它能够大大提升设计效率,同时也为...
《PSD网页模板及其在前端页面设计中的应用》 网页设计是互联网行业中至关重要的一环,它不仅决定了网站的视觉效果,还影响着用户体验。而PSD(Photoshop Document)文件格式,作为Adobe Photoshop的原生文件类型,...
《PSD网页模板及其在前端页面设计中的应用》 网页设计是互联网行业中不可或缺的一部分,而PSD(Photoshop Document)格式的网页模板则是设计师们常用的设计工具。"GR-110_psd网页模板_网站psd效果图切片_PSD欧美...
《PSD网页模板及其在前端页面设计中的应用》 在当今互联网时代,网站设计与开发已经成为企业形象展示、产品推广和服务提供的重要手段。一个优秀的网页设计不仅需要吸引人的视觉效果,还需要良好的用户体验和高效的...
本文将围绕“shop-050_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip”这一主题,深入探讨PSD模板的使用、切片技术以及欧美日韩风格在前端页面设计中的体现。 首先,PSD文件是Adobe Photoshop软件...
通过对"BL-148_psd网页模板"的深入理解和使用,设计师可以更好地掌握网页设计的技巧,提高工作效率,同时也能创造出更符合用户需求和审美的网页作品。在实际操作中,结合PSD模板的切片技术,可以将设计稿完美地转化...
《PSD网页模板与网站效果切片:理解与应用》 在互联网设计领域,PSD网页模板和网站效果切片是设计师与前端开发者之间的重要桥梁。本文将详细探讨这一主题,帮助读者理解如何利用PSD文件进行网页设计,并通过切片...