主要内容
下一步要学习什么
恭喜您完成 HTML 和 CSS 基础知识!您现在已经了解了很多您上网时看到的网页背后的原理,并且开始认识这些网页使用的 HTML 标签和 CSS 属性。
然而,您还可以在目前的 HTML 和 CSS 基础上更进一步。请继续读下去!
更多 HTML 标签
- 表单标签:用于创建网页表格的标签相当多,例如
<button>
s和<input>
s。 他们通常被用来向服务器传递数据,我们在可汗学院无法启用这些。 他们也可以和JS一起使用来创建游戏,我们在HTML/JS课程中有涉及。 通过这些幻灯片了解更多关于表单标签的知识。 在代码学院学习 PHP、Python、Ruby 等服务器边语言。 - 多媒体标签:现代浏览器支持
<audio>
和<video>
标签,作为在网页上播放音频和视频文件的方式。 与<
iframe> 标签一样,他们目前在可汗学院被禁用,但可以在其他地方使用。使用这些幻灯片学习更多。 - 新语义标签:在过去几年里,作为“HTML5”规格的一部分,浏览器添加了新的语义标签供开发者使用,在可以时用以代替
<div>
s,例如<article>
,<aside>
,<nav>
,等等。 这里有许多关于它们的文章,包括这个便捷流程图 来决定何时使用这些文件。
更多 CSS 选择器和属性
您可以在可汗学院上尝试以下所有特性:
- CSS3:我们介绍了多年来浏览器一直支持的 CSS 内容,但在 "CSS3" 规范中添加了许多新的 CSS 属性和选择器,而且浏览器在发布新版本时会不断添加对特性的支持。您可以在这些 CSS3 选择器幻灯片 和 CSS3 属性幻灯片 中了解更多信息。确保您在 caniuse.com 上确认每个浏览器所支持的内容。
- 媒体查询:这是一个可以让您在不同情况下选择不同 CSS 的技术,比如当您的网页出现在小尺寸屏幕或者被打印出来时。点击此链接从 W3C 了解更多信息。
- CSS 框架:框架是 CSS 规则和类的集合,很多开发者使用 CSS 框架来更加快速地编写 CSS。最流行的一种框架是 Twitter Bootstrap,但 ZURB foundation,Pure CSS 和 Topcoat 等也是一种选择。
在网页中使用JS
网页开发者使用 JavaScript 来让他们的网页更具交互性,响应用户的事件并动态的从服务器获取数据。他们通过在 HTML 中嵌入
<script>(脚本)
标签并把 JavaScript 添加到这些标签中来生成这些特性。这些 JS 代码使用 "DOM API",这是浏览器在每个网页上提供的一组方便开发人员查询和操作该网页的功能。这意味着如果您想学习如何使您的网页更具交互性,您需要同时学习 JavaScript 基础 (可汗学院提供这门课程) 和 DOM API (您可以在我们提供的 这门课程 里学习)。
在可汗学院以外制作网页
我们很高兴看到您在这里制作很酷的网页,并与社区分享您正在学习的内容。但我们也认为体验其他编程环境并尝试一些我们没有启用的功能是一件非常棒的事情。如果您想继续在浏览器中编程 (特别如果您是 ChromeBook 用户),您可以尝试 JSBin.com, JSFiddle.net, or Cloud9 IDE.
如果要在浏览器外进行编程,您可以下载 IDE 并将网页另存为 ".html" 文件。 流行的 IDE 包括 Notepad++ (仅限Windows),Visual Studio Code, SublimeText,Adobe Brackets,Coda 和 BBEdit。
在服务器上托管网页
我们把您在可汗学院上制作的网页托管在我们自己的服务器上,但您可能想自己管理您的网页。
首先,您需要找到一个托管您网站的公司。市面上有很多这样的托管公司,它们有灵活的价格和政策。
然后您需要创建一个域名,比如"mycoolname.com",这样您的网站就会体现出您的个性。有时您可以通过托管商执行此操作,但更多情况下您需要通过专门的域名注册商。 从 这些幻灯片了解更多信息。
拥有网络托管以后,您可以使用FTP客户端(比如 filzilla)将文件传输到服务器。这是一个可以之间连接到服务器的程序,它允许您在在服务器和您的电脑之间传输文件。您还可以将 通过 SSH 直接编辑它的文件。
继续学习
HTML 和 CSS 在不断变化,因为浏览器在不断更新,web 开发社区也非常活跃。 我们最喜欢的跟踪新动态的方法之一是关注科技媒体,比如 Frontend Focus(前沿聚焦),一个包含文章和演示链接的报道。当然,每当您学到新的东西,您应该亲自尝试以真正了解它是如何工作的。
学无止境!