HTML 和 CSS 入门(中/英)

非常规的 Web 开发入门

初级

大约 3 个星期

6小时每周 (自主学习)

加入成千上万的全球学员

开始免费课程

加入课程
免费
可享受
课程视频
实战练习与参考项目指导
初级

大约 3 个星期

6小时每周 (自主学习)

加入成千上万的全球学员

课程概述

作为标记语言,HTML 和 CSS 是构成网页的基本内容。本课程之所以叫做“非常规入门课程”,是因为这门课的结构与其他常规的线上课程和教程不太相同。通常,这些课程会注重讲解语法。但是仅仅掌握语法,你还是不能将设计稿变成网页。你需要知道从何处开始,以及如何接手任务。也就是说,你需要学习如何像前端工程师一样思考问题。

在本课程中,你将学习如何将数字设计模型转变为静态网页。我们将介绍如何处理页面布局、如何将设计模型分解成页面元素,自己如何通过 HTML 和 CSS 来实施这些元素。

你还将学习一些自适应设计技巧。如今,我们使用移动设备和电视来查找信息和休闲娱乐的情况越来越常见,因此,自适应技术变得愈加重要。此课程提供中文版本。

喜欢这门课程?你可以继续学习“前端开发工程师”纳米学位!

为什么学习这门课程?

前端网站开发者必须对 HTML 和 CSS 有基本的了解,我们将在本课程中介绍如何将数字设计模型转变为静态网页,使你掌握关于 HTML 和 CSS 的基本知识。要构建网页,你需要使用 HTML、CSS 和 Bootstrap,后者是一款热门的 Twitter CSS 框架工具包。

学完本课程后,你将能够利用自己的 CSS 框架构建自适应作品集网站。日后,你还将能够向你的作品集中添加项目。更重要的是,你将了解文档对象模型 (DOM)以及 HTML、CSS 和 JavaScript 三者之间的关系。

先修要求

你应该能够下载和使用文本编辑器来编辑你的网页,我们推荐使用 Sublime TextAtom。你也可以使用其他文本编辑器,但是你必须能够使用该编辑器突出显示代码语法,便于你学习内容。你应该能够下载并安装 Google Chrome,在本课程中,我们将使用该浏览器来探索各种开发者工具。

查看使用优达学城的技术要求

你将学习什么内容?

项目

构建作品集网站

你将学习如何复制 HTML 和 CSS 中的设计模型,并学习如何开发自适应网站,在网站上显示图片、说明,同时为将在整个前端开发课程中完成的作品集项目添加相互访问的链接。

学习计划

第 1 课 - 从设计到代码

在精确谨慎地将初始设计文档转变为静态网页的过程中,认真学习如何部署代码/进行测试/改善策略。你还将学习文档对象模型(DOM)及其对网站开发的影响。

第 2 课 - 创建自己的框架

创建自己的多平台自适应 CSS 框架,对其进行个性化设置,并通过该框架发布自己的专业作品集项目,展现个人专业技能。

第 3 课 - 学习和使用 Bootstrap

运用自适应设计原则在现有的专业 CSS 框架基础上构建一个网站,同时保持代码可读性。

讲师与合作伙伴

Gundega Dekena

Gundega Dekena

Gundega 曾是优达学城的学员。如今,从某种意义上来说,她依然是个学生,因为她每天都会从一起共事的讲师和优达学城的同事身上学到新的东西。

如果你想阅读一些关于机器人、科技和游戏方面的趣味新闻,不妨在 G+ 上关注她 - https://plus.google.com/+GundegaDekena

Cameron Pittman

Cameron Pittman

Cameron 是一位充满激情的教育工作者和程序员,非常热爱网页开发。他专门为优达学城创建编程类课程。来此之前,他曾是西雅图创业公司 LearnBIG 的内容主管和网页开发者。他在田纳西州纳什维尔的一所高中教了四年课程,主要教物理和化学。在此期间,他率先利用视频游戏“传送门 2 (Portal 2)”来讲述物理知识。Cameron 荣获了范德堡大学物理和天文学本科学位,并获得贝尔蒙特大学的教育学硕士学位。

Jessica Uelmen

Jessica Uelmen

Jessica 从小就爱教别人,她会召集自己的兄弟姐妹们,然后当个小老师,将自己过去一年中在学校学到的东西教给大家。她获得了中央佛罗里达大学电气工程技术学院的理学学士学位。早期,她曾教大家如何使用微控制器和机器人。她还获得了威斯康星大学工程管理领域工程学硕士学位。在闲暇时间内,她喜欢阅读、滑雪和周游世界。

官方微信公众号二维码

优达学城(Udacity)微信