一、怎么把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格式的模板进行切图,然后导出,然后再dreamweaver中编辑,最后就得到了一个网页!
汽车配件psd网页模板汽车配件
国外网页设计PSD模板
很好用的网页模板psd,大家可以来看一看,瞧一瞧。
网页模板,psd原文件。不可多得网页模板,psd原文件。不可多得
黑白商业html,psd网页模板
手机外观设计psd网页模板,免费企业建站模板,div+CSS应用,简洁方便使用!
网页设计psd模板网页设计,排版,内容美观,简洁,大方
web前端网页模板 psd
BL-175_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-294_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-151_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-291_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-286_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-332_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
GR-321_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-256_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-361_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-043_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip
BL-263_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip