资讯频道 → Web前端
阅读更多

5顶
1踩

Web前端

转载新闻 给网页设计师的30个HTML5学习资源

2010-06-07 11:44 by 副主编 just_cool 评论(0) 有7053人浏览
HTML5

早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。

  1. Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。
  2. Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3（用HTML5 和CSS3 打造向下兼容的网页）HTML5更加语义化，使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag，比如 navigations 和 footers 使代码更有意义也更接近自然语言。
  3. Coding A HTML 5 Layout From Scratch（HTML 5 布局）这篇文章将教你 
    • 用原有技术将元素放置在特定位置
    • 最新的技术潮流
    • Microformats与HTML5协同使用
    • 介绍HTML5与CSS3的新特性
  4. Coding a CSS3 and HTML5 One Page Website Template（制作CSS3和 HTML5 一页式站点模板）这篇文章介绍了如何利用CSS3 和jQuery的新特性制作HTML5 网页模版。 HTML5 仍在完善当中，你也可以选择性的下载XHTML版。
  5. Comprehensive video tutorial on HTML5（全面的HTML5视频指南）这 是一个叫Brad Neuberg的工程师制作的HTML5教学视频。
  6. Create modern Web sites using HTML5 and CSS3（用HTML5与CSS3打造时尚站点）这篇文章介绍了许多HTML5的功能和语法及API，还有CSS3的新的选择器，效果和特性。最 后， 还将教你如何利用这些新特性开发一个网页。当你读完这篇文章，你就能用HTML5和CSS3开发一个自己的站点啦。
  7. Designing a blog with html5（用html5设计博客）许多HTML5 特性要结合JavaScript API一起使用，以增加网页的互动性。但仍有一些新元素可让传统的Web1.0页面更加语义化。为了学习这些，我们来看怎样建立一个博客。
  8. Designing for the Future with HTML5 and CSS3 : Tutorials and Best Practices（为未来设计：HTML 5 和 CSS3 指南与最佳案例）这篇文章将介绍用 HTML5和CSS3搭建的几个最佳站点。
  9. Design and Code a Cool iPhone App Website in HTML5（用HTML5设计和实现一个超酷 iPhone App 网站）
  10. Have a Field Day with HTML5 Forms（建立HTML 5表格）这篇文站将教你 如果用HTML 5 和高级CSS技术与最新的CSS3技术建立一个漂亮的表格。
  11. How To Create A Nice Blog Design Touching The Future(不用photoshop，完成网页设计)
  12. How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6（怎样让所有浏览器都渲染HTML5标记——即使是IE6）这篇文章将教你如何用JavaScript和CSS，使 HTML5页面向下兼容，即使是IE6也不例外。
  13. How to Make an HTML5 iPhone App（制作HTML5 iPhone 应用）这是 一篇针对iPhone的指导，但是许多技术也可用在兼容HTML5的手机浏览器上。
  14. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using（HTML 5 和CSS 3：你将用到的技术）这篇文章使用HTML 5和CSS 3 搭建博客页面。如果你已经熟悉html 和CSS，将很容易跟上。
  15. HTML5 for Beginners. Use it now, its easy!（HTML 5初学指南）给 所有具有基础HTML知识的初学者的HTML 5 入门指南
  16. HTML5 Presentation这篇文章介绍了HTML5 的发展历史和它的基本特性
  17. HTML5 Tutorial – Getting Started（HTML 5 入门指导）
  18. How to Build Web Pages With HTML 5（怎样建立HTML 5网页）
  19. Simple Website Layout Tutorial Using HTML 5 and CSS 3（HTML5和CSS3布局指南）HTML5 最令人期待的新标签包括<header>, <footer>, <aside>, <nav>, <audio>，同时它还包括画图，线下存储数据，拖放等API。页面布局将会更易理解。这里将介绍一个最简单的HTML 5 布局页面，用CSS3 设置样式。最终结果如下
  20. Structural Tags in HTML5（HTML 5 结构标签）HTML5 有许多标签帮助网页结构化，这能省去以网页中许多div
  21. HTML5 Boilerplates（HTML 5模板）此文介绍了一些你能拿来就用的HTML5 模板文件
  22. HTML 5 canvas – the basics（HTML 5 基础——Canvas）对HTML 5 Canvas使用方法的全面指导
  23. HTML 5 Tutorials（HTML 5 指南）
  24. Implementing HTML5 Drag and Drop: New Premium Tutorial（HTML 5 拖放）HTML5 的一个新特性就是拖放，不过IE早在5.5时代就支持拖放了，而HTML 5 的拖放也是基于IE的。本例将教你如果用拖放实现一个简单的购物车界面。
  25. Preview of HTML 5这是一篇比较老的文章，介绍了HTML5的特性和优点。
  26. The HTML 5 Canvas For Flash Developers : Drawing（HTML 5 Canvas 的画图功能）
  27. The Power of HTML 5 and CSS 3介绍了HTML 5 与CSS3能创造的各种效果。
  28. View Source Tutorial: Sticky Notes With HTML5 and CSS3（HTML5 和CSS3 打造便利贴效果）
  29. webOS HTML5 Database Storage Tutorial（webOS HTML5 数据存储指南）HTML5 的本地存储功能将使数据存储十分简便。
  30. Yes, You Can Use HTML 5 Today!本文介绍了一些现已被支持的HTML 5 特性，对初学者十分有用。

文章来源：NTT.cc


翻译：lovelyashes

来自: alibuybuy
5
顶
1
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • HTML期末大作业~个人图片资源网页设计共5个页面(HTML+CSS+JavaScript)

    HTML期末大作业~制作个人图片资源网页5个页面(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列...

  • FN100033-给网页设计师的30个HTML5学习资源

    给网页设计师的30个HTML5学习资源Posted on 2010年06月5日 by unicac早在几个星期前，Adobe就发布了Dreamweaver CS5HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难...

  • 用HTML+CSS做一个漂亮简单的个人网页

    1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧！ 图片是从站酷上面找...

  • HTML网页设计制作大作业 - 绿色环境保护HTML5网站模板(4个页面)

    HTML网页设计制作大作业-纯净绿色环境保护HTML5网站模板农业展示网站(4个页面) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？...

  • 第4版 网页设计与制作 HTML5+CSS3+JavaScript(赵丰年 编著）学习笔记

    第1章 HTML5基础 1.万维网（World Wide Web,WWW)由大量的Web服务器构成。我们通过浏览器访问这些服务器上的网页。不同的网页通过超链接联系在一起，构成了WWW的网状结构。 2.HTML是表示网页的一种规范，它通过标记...

  • HTML5期末大作业：我的家乡网站设计——我的家乡

    以“我的家乡”为主题的前端网页设计，有轮播图 纯css，仅供交流，可以联系获取代码 部分代码： &lt;div id="top"&gt; &lt;img src="../image/chizhouLogo.png" class="img1"&gt; &lt;div id="top-right"&gt...

  • HTML静态网页作业——海贼王主题网页设计制作6个页面(HTML+CSS)

    HTML静态网页作业——海贼王主题网页设计制作6个页面(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。...

  • 关于动漫的HTML网页设计作业——动漫网页(刀剑神域6个页面)

    关于动漫的HTML网页设计作业——动漫网页(刀剑神域6个页面) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想...

  • web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...

    web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的...

  • 网页设计html5实训心得,网页设计实习心得

    下面是小编收集整理的网页设计实习心得范文，欢迎参考学习!更多内容请关注应届毕业生考试网!篇一：网页设计实习心得21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站来进入企业宣传，通过企业网站...

  • 为网页设计师准备的30个使用的HTML5框架

    这是一篇谈论HTML5框架为网页设计师或开发人员的文章，如果你正在为你的网页设计项目寻找有用的HTML5框架，千万不要错过这篇文章

  • HTML5期末大作业：210套 Dreamweaver网页设计与制作 HTML+CSS+JavaScript【建议收藏】

    HTML5期末大作业：Dreamweaver网页设计与制作210例 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的...

  • HTML5+CSS3学习总结(完结)

    一、HTML5的语义化 二、CSS3动画 三、CSS3阴影 四、CSS3过渡(非常重要) 五、弹性布局 六、栅格布局 七、渐变 八、媒体查询

  • HTML网页设计基础笔记 • 【第1章 HTML5基础】

    1.1.2 网页 1.1.3 Web 标准 1.1.4 HTML5 与移动互联网 1.1.5 网页开发工具 1.2 HTML5 标签 1.2.1 HTML5 标签概述 1.2.2 doctype 标签 1.2.3 html标签 1.2.4 head 标签 1.2.5 meta 标签 1.2.6 t...

  • 11个网页设计师必看的免费在线学习网站，超多资源！

    因此，即便你只是一个新手，你也可以通过一系列系统的课程学习而被称为称职的设计师和开发者。除了不断的激励你，我还能给你的是这些精心挑选的这11个免费在线学习网站了。这些网站基本上都是英语的，但也有中文，...

  • polylearn-0.1.dev0-cp35-cp35m-win32.whl.rar

    python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。

  • 基于Simulink的语音信号降噪与增强.docx

    基于Simulink的语音信号降噪与增强.docx

  • java资源Java条形码生成库 Barcode4J

    java资源Java条形码生成库 Barcode4J提取方式是百度网盘分享地址

Global site tag (gtag.js) - Google Analytics