仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1505|回复: 8
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:34 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用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 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
谁可相欹 该用户已被删除
5#
发表于 2015-2-6 14:01:23 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
简单生活 该用户已被删除
6#
发表于 2015-2-16 10:08:55 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
莫相离 该用户已被删除
7#
发表于 2015-3-5 06:28:01 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-11 23:58:33 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
若天明 该用户已被删除
9#
发表于 2015-3-19 17:35:17 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 22:15

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表