--- title: 教程 slug: Web/Tutorials tags: - 教程 - 网页设计 translation_of: Web/Tutorials ---

本页面上的链接通向各式各样的入门指导和培训教材。不管你是仅仅开始入门、学过些基础或者是个网站开发老手,你都能在这里找到有用的资源加以绝佳的练习。这些资源都来自卓有远见的公司和乐于接受开放标准网站开发人员。这是网站开发的绝佳练习而且使用一种开放内容授权,比如知识共享许可协议来提供并允许进行翻译。

对于学习Web的新手

开始学习Web

一系列介绍帮助你开始学习Web开发。你需要准备工具去创建一个简单的网页并发布你自己简单的代码。

HTML 入门

初级课程

HTML简介
HTML 是什么,干什么,以及其简要历史,还有一个 HTML 文档的结构是什么样子的。其后的文章会更深入 HTML 的每一个部分。
网页的基本构架 (由出版社提供)
学习 HTML 元素是如何组装在一起从而构成一个更大的图块的。
MDN 的 HTML 元素参考
一个 HTML 元素综合性性参考,还有不同浏览器对它们的支持。
HTML 挑战(来自维基大学)
参与这些挑战来巩固你的 HTML 技能。(例如,“我到底是应该使用一个 <h2> 元素还是用 <strong> 呢?”)专注于有意义的小点滴。

高级课程

编写出能够快速加载 HTML 页面的小贴士
优化网页,以减少您的 Web 服务器上的负载和网络连接和为游客提供一个响应迅速的网站。
HTML5 入门(HTML5 Rocks)
通过指南来指导使用 HTML5 特征来写代码。
HTML5 语法 (分开的列表)
学习那些可扩展和向后和向前兼容的有意义的标签语法。
Canvas 入门
学习如何使用脚本和 canvas 标签来画图。
HTML5 博士
HTML5 应用前线上的文章。
HTML5 声音标签的乐趣(兴趣勃勃啊)
学习如何使用 HTML audio 标签简简单单地来把声音文件放到你的网页里去。在这里包含了很多代码范例。

Javascript 入门

初级课程

Codecademy 来自 Codecademy 网站
Codecademy 是学习如何编写 JavaScript 最容易的方式。它互动、有趣,你能够和你的朋友们一起来学习。
开始使用JavaScript
JavaScript是什么以及它如何帮助你?
JavaScript 最佳实践 (来自 WebPlatform.org 网站)
学习一些明显或者不是很明显的编写JavaScript最佳实践。
CodeAvengers(来自 CodeAvengers.com 网站)
Code Avengers(代码复仇者联盟)是一个有趣且高效的学习使用 HTML, CSS, and JavaScript 编写网络 apps 和游戏代码的好地方。

中级课程

JavaScrit再深入
针对于中等水平的开发者的关于 Javascript编程语言的一个回顾。
Eloquent JavaScript
一本中级和高级 JavaScript 使用方法的全面指南。
(译者注:简体中文版《JavaScript编程精解》已由机械工业出版社华章公司出版发行)
必要的 JavaScript 设计模式 (Addy Osmani)
介绍基本的 JavaScript 设计模式。
JavaScript 编程语言 (YUI Blog)
Douglas Crockford 探讨了如今这个语言的情况,还有如何来实现。
介绍面向对象的 JavaScript
学习 JavaScript 的面向对象编程模型。

高级课程

JavaScript 指南
一个为所有的学习者从初级到高级的全面、定期更新的 JavaScript 指南。
学习高级别的 JavaScript (John Resig)
John Resig 的高级 JavaScript 指南。
介绍 JavaScript DOM (Elated)
DOM是什么,以及为什么有用?这篇文章将向你介绍Javascript这一强大功能。
一个麻烦的API : DOM理论  (YUI Blog)
Douglas Crockford解释文件对象模型。
 Javascript进阶 (YUI Blog)
Douglas Crockford审视代码的模式,以便程序员在创建应用的时候可以选择。
JavaScript 花园
关于Javascript最古怪部分的资料。
 哪个JavaScript 框架? (StackOverflow)
  选择JavaScript框架的建议。
非阻塞 JavaScript加载 (YUI Blog)
提高含Javascript页面加载性能的一些提示。

CSS 入门

初级课程

CSS 入门
这个教程向您介绍层叠样式表(CSS),通过具体的实例引导你熟悉基本的CSS功能,你可以试着在自己电脑上练习这些实例。
CSS 类选择器 (来自维基大学)
在CSS里类是什么?
外部 CSS (来自维基大学)
从外部样式表使用CSS。
添加一点样式 (W3C)
入门介绍使用CSS样式化网页。
常见CSS问题
初学者一些常见问题和解答。
代码复仇者 (CodeAvengers.com)
代码复仇者用有趣、高效的方式学习使用HTML,CSS,JavaScript开发Web应用和游戏。

中级课程

CSS 参考
CSS完整参考,包含Firefox和另外浏览器支持的详细信息。
CSS 挑战 (维基大学)
让你的CSS技巧更灵活,看你是否需要更多的练习。
 中级CSS概念  (HTML.net)
分组, 伪类等等。
CSS 定位 101 (A List Apart)
使用符合标准的定位,无表布局。
CSS渐进增强 (A List Apart)
把CSS渐进增强结合到你的网页。
流体网格 (A List Apart)
设计根据浏览器窗口自适应布局,同时使用一个字体网格。

高级课程

 应用CSS转换
使用CSS旋转、倾斜、缩放和变换。
CSS 过渡
CSS过渡是CSS3草案规范的一部分,提供了渐变动画来改变CSS属性,而不是突变生效。
 应用网页字体快速指南-使用@font-face (HTML5 Rocks)
来自CSS3的@font-face功能,允许你以可访问的,可操作的,易扩展的方式使用web上的自定义字体。
开始写CSS (David Walsh)
介绍工具和方法来写更简洁,易维护和可扩展的CSS。