关于此课程

在这门课程里,你将与 Google 的 Pete LePage 一起学习响应式设计的基础知识!你将创建自己的响应式网页,并且可以在任何设备上正常显示,无论是手机、平板电脑还是桌面设备或任何其他设备。

首先,你将学习响应式网站需要具备什么条件,以及一些适用于各种设备的常见响应式设计模式。然后,你将学习如何使用视口标记和 CSS 媒体查询创建自己的响应式布局。在此期间,你将学习添加大型和小型断点,并优化文本以便于阅读。此课程提供中文版本。

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

学费
免费
学习时间
大约 2 WEEKS
难度
中级
你将获得

Rich Learning Content

Interactive Quizzes

Taught by Industry Pros

Self-Paced Learning

Student Support Community

开始你的旅程

学习这门免费课程,迈出通往前端开发(进阶)职业道路的第一步。

免费课程

响应式网站设计基础(中/英)

合作企业 Google

通过创新性的自主学习方式,掌握新技能,提升竞争力。

Icon steps 54aa753742d05d598baf005f2bb1b5bb6339a7d544b84089a1eee6acd5a8543d
 
 

课程讲师

Cameron Pittman
Cameron Pittman

优达学城讲师,高级内容策划

Pete LePage
Pete LePage

讲师

你将学到什么

先修知识及要求

你应该会阅读和编写 HTML 及 CSS。同时,还会使用浏览器开发者工具(我们使用的是 Google Chrome,但其他现代浏览器的开发者工具也足以完成这门课程里的所有任务)检查和修改网站。

如果你不熟悉 HTML 和 CSS,或者需要复习,请学习我们的HTML 和 CSS 入门课程。

对于这门课程,你不需要编写 JavaScript 代码。

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

为什么学习这门课程?

人们浏览网络的方式瞬息变化——越来越少的用户会坐在大型显示器前用键盘和鼠标访问网络了。更多情况下,人们使用手机、平板电脑、穿戴式设备、电视等设备浏览网络。将网站设计成响应式网站后,无论用户使用的是何种设备,网站都能正常显示。

在整个课程中,你将创建一个网站,可以在手机、平板电脑和桌面显示屏上正常显示。

我将获得什么?
Instructor videos Learn by doing exercises Taught by industry professionals