仓酷云 发表于 2015-1-15 22:57:34

带来一篇43个PSD转HTML CSS切图教程(英文)

使用HTML5也是断断续续的有些历史了,但是没有系统的总结过,最近发现公司的图书馆有不少藏书,英文教程,参考进修
在中国,良多前端开辟初学者城市把xHTML+CSS页面制造说成DIV+CSS,乃至良多人都还不晓得xHTML+CSS是甚么意义,只晓得自觉的寻求DIV+CSS,但在外洋,是没有DIV+CSS这个观点的,很分明假如单从字面上往了解,DIV+CSS的网页就要全都是div,很分明是没法到达语义化尺度的。在外洋xHTML+CSS(DIV+CSS)也能够叫做PSD2XHTML。
以下是43个PSDtoXHTML及CSS教程:
1.将PSD源文件转换XHTML教程




2.叫你怎样创立程度转动网站结构



3.从PSD到xHTML,墨守成规教你创立DIV+CSS结构



4.从零入手下手创立CSS结构



5.从零入手下手教您创立一个华美高等的网页-xHTML+CSS教程

感乐趣的话也能够看看这个实例的计划教程,已译成中文
网页计划教程:利用Photoshop计划一个高等时髦的网页


6.4个复杂的教程教你将PSD制造成CSSHTML



7.利用Drupal创立Killer乐队网站:6篇系列教程

这是个十分棒的关于利用Illustrator制造页面,Drupal(天下最出名的CMS体系之一)编码,切合尺度的xHTML+CSS
完全教程索引:
第一部分:利用Illustrator计划页面
第二部分:利用Illustrator切图
第三部分:写xHTML
第四部分:Drupal主题模板
第五部分:Drupal办理
第六部分:总结和一些附加资本


8.教你怎样利用CSS创立性感的按钮



9.很酷的程度菜单悬停变年夜效果



10.CSS模板教程



11.把持文本突变效果CSS教程



12.CSS超年夜背景教程



13.将PSD最终效果转换成HTML



14.PSD切图和页面的完成



15.含混背景效果



16.利用CSSSprites(将图片汇合在一张图片中)手艺教程



17.手绘作风CSS导航按钮



18.创立相似CrazyEgg代价列表效果的表格列高亮效果



19.CSS菜单教程


20.Photoshop教程+切片+CSS编码

这个教程将教你利用Photoshop制造简便的纵向菜单。


21.为网页模版切片并用CSS编码



22.为你的第一个PSD网页最终效果编码教程



23.利用复杂的操纵完成庞大的CSS结构实例



24.利用CSS来让你的页脚流动



25.教你怎样将PSD转换成xHTML-视频教程



26.初级CSS导航实例教程



27.教程:为你的DIV+CSS结构编码



28.教你怎样为网页变更款式



29.浮动教程



30.CSS切片教程:选择准确的结构



31.利用Prototype和Scriptaculous创立复杂、智能的手风琴效果



32.CSSSprites+圆角



33.复杂3步制造圆角结构



34.CSS款式教程



35.转换Photoshop最终效果



36.制造CSS纵向菜单



37.利用CSS流动页脚背景图



38.一个复杂的散列结构发蒙教程



39.两列结构CSS教程



40.CSS结构技能:完成100%高度



41.附带一个’behavior’文件的纵向CSS菜单



42.平滑的计划,HTML实例



43.DIV+CSS结构教程



假如你能把这些xHTML+CSS(DIV+CSS)实例教程看一遍的话,我信任你必定会具有踏实的基本来利用切合Web尺度的xHTML+CSS完成加倍初级的结构。

每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点……

变相怪杰 发表于 2015-1-17 19:53:06

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

深爱那片海 发表于 2015-1-21 10:52:43

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

愤怒的大鸟 发表于 2015-1-30 16:08:04

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

谁可相欹 发表于 2015-2-6 14:01:23

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

简单生活 发表于 2015-2-16 10:08:55

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

莫相离 发表于 2015-3-5 06:28:01

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

冷月葬花魂 发表于 2015-3-11 23:58:33

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

若天明 发表于 2015-3-19 17:35:17

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页: [1]
查看完整版本: 带来一篇43个PSD转HTML CSS切图教程(英文)