分享20个 PSD 转换为 XHTML/CSS 的教程

标签: 分享 psd xhtml | 发表时间:2012-07-27 09:47 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

   在网上能搜罗到很多的PSD素材,有PSD按钮、PSD图标、PSD网站模板等等各种PSD界面素材。那么如果把这些精美的PSD素材转换为 HTML/CSS 代码呢?今天这篇文章要和大家分享的就是20个非常棒的把 PSD 转换为 XHTML/CSS 的教程。

1-From PSD to CSS/HTML in Easy Steps


Best PSD to XHTMLCSS Tutorials

2-Killer site From Illustrator to Xhtm to Drubal


Best PSD to XHTMLCSS Tutorials

3-From PSD to XHTML Tutorial


Best PSD to XHTMLCSS Tutorials

4-Create a clean modern website design


Best PSD to XHTMLCSS Tutorials

5-Creating a CSS layout from scratch


Best PSD to XHTMLCSS Tutorials

6-A Tutorial on PSD to HTML, How to Convert?


Best PSD to XHTMLCSS Tutorials

7-Building a Set of Website Designs Step by Step


Best PSD to XHTMLCSS Tutorials

8-Converting a photoshop mock up


Best PSD to XHTMLCSS Tutorials

9-How to Convert a PSD to XHTML


Best PSD to XHTMLCSS Tutorials

10-The Design Lab PSD Conversion


Best PSD to XHTMLCSS Tutorials

11-Build a Sleek Portfolio Site from Scratch PSD+XHTML Tutorial


Best PSD to XHTMLCSS Tutorials

12-Design Lab TV Styled Layout (HTML & CSS)


Best PSD to XHTMLCSS Tutorials

13-Converting a Design From PSD to HTML


Best PSD to XHTMLCSS Tutorials

梦想天空博客关注 前端开发技术,展示 HTML5CSS3应用,分享 jQuery插件,推荐优秀 网页设计案例。

14-Slice and Dice that PSD


Best PSD to XHTMLCSS Tutorials

15-Web Design Layout (XHTML & CSS)


Best PSD to XHTMLCSS Tutorials

16-Convert a Photoshop Mockup to XHTML/CSS


Best PSD to XHTMLCSS Tutorials

17-PSD HTML/CSS


Best PSD to XHTMLCSS Tutorials

18-Convert PSD to HTML


Best PSD to XHTMLCSS Tutorials

19-Encoding a Photoshop Mockup into XHTML & CSS


Best PSD to XHTMLCSS Tutorials

20-BLOOpress WordPress Mockup (XHTML & CSS)

 

 

您可能还喜欢

 

 

英文链接: 20+ Best PSD to XHTMLCSS Tutorials

编译来源: 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文链接

相关 [分享 psd xhtml] 推荐:

分享20个 PSD 转换为 XHTML/CSS 的教程

- - 博客园_梦想天空
   在网上能搜罗到很多的PSD素材,有PSD按钮、PSD图标、PSD网站模板等等各种PSD界面素材. 那么如果把这些精美的PSD素材转换为 HTML/CSS 代码呢. 今天这篇文章要和大家分享的就是20个非常棒的把 PSD 转换为 XHTML/CSS 的教程. 梦想天空博客关注 前端开发技术,展示 HTML5和 CSS3应用,分享 jQuery插件,推荐优秀 网页设计案例.

【网页设计】分享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).

分享 35 套精美的 PSD 图标素材

- 腾 - 博客园-首页原创精华区
  非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计. 今天,本文与大家分享35套精美的PSD源文件格式的图标资源,需要的朋友赶紧收藏起来哦 :). (编译来源:梦想天空  原文来自:Ultimate Collection of Free PSD Icons). 作者: 梦想(山边小溪) 发表于 2011-03-23 00:09 原文链接.

分享20款免费和创新的 PSD 网页设计模板

- - 博客园_梦想天空
  在线业务正迅速成为流行趋势,各行各业的公司都拥有自己的网站用于开展在线业务. 如果你是一名设计师,经常都需要设计和制作网站,如果有现成的. PSD 网页设计模板可以使用的话,您可以快速的制作出精美的网站作品.   所以,这篇文章专门整理了20款免费的. PSD 网页模板设计,你可以免费下载这些网站布局模板进行编辑和修改,也可以通过这些免费的网页.

Drupal/PHP/XHTML开发规范1.2

- 建江 - willietse's blog
*文中涉及XHTML/CSS部分,背景为黄底. 常言道,“没有规矩,不成方圆”. 良好的编程风格与规范对开发者以及项目管理人员都是非常重要的. 当一个软件项目尝试着遵守公共一致的标准时,可以使参与项目的开发人员更容易了解项目中的代码、弄清程序的状况. 使新的参与者可以很快的适应环境,防止部分参与者出于节省时间的需要,自创一套风格并养成终生的习惯,导致其它人在阅读时浪费过多的时间和精力.

xhEditor v1.1.9 发布,无障碍XHTML在线编辑器

- FPb - cnBeta.COM
感谢Yanis.Wang的投递. xhEditor是一个基于jQuery开发的简单迷你并且高效的无障碍可视化XHTML编辑器,基于网络访问并且兼容IE6,IE7,IE8,IE9,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+.

免费的 iOS7 GUI PSD

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

psd网页模板怎么用?

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

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

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

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

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