`

psd网页模板怎么用?

 
阅读更多
一、怎么把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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics