中过去，每个人都使用同样大小的屏幕（台式电脑）浏览网页。但现在，人们同样有可能使用智能手机、平板电脑或辅助技术来访问互联网。因此，浏览网站的人现在会希望，无论使用何种设备（智能手机、平板电脑、笔记本电脑、台式电脑或屏幕阅读器），网站都能正常运行，并考虑到一些常见的个人设置，如配色方案。本课程将在 CSS3 基础知识的基础上进行扩展，包括线框、流体设计、媒体查询和现有样式范例的使用等主题。通过本课程的学习，学员将能够： ** 解释移动优先范例和线框图在设计阶段的重要性 ** 创建跨平台的网站 ** 认识现有的设计框架，如 Bootstrap 在学习本课程时，预计学员将对 HTML 和 CSS 有基本的了解，因此本课程可以作为人人网页设计专业的第三或第四门课程。其他课程的重点是使用 JavaScript 编程语言增加交互性，并完成一个毕业设计项目。
使用高级样式范例进行响应式设计
您将学到什么
描述响应式设计浏览器工具的基本知识。
了解 "移动优先 "模式对网页设计的重要性。
为手机和大屏幕视图的响应式设计编写规则。
您将获得的技能
要了解的详细信息
可分享的证书
添加到您的领英档案
作业
4 项作业
授课语言：英语（English）
了解顶级公司的员工如何掌握热门技能
积累特定领域的专业知识
本课程是 人人都会的网页设计网页开发与编码基础 专项课程 专项课程的一部分
在注册此课程时，您还会同时注册此专项课程。
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 获得可共享的职业证书
该课程共有4个模块
网站采用响应式设计意味着什么？如何判断现有网站是否具有响应性？本周我们将从 "移动优先范式 "背后的理论开始--移动网站应该提供所需的一切，而不是一个精简版的好页面。最后，我们将迈出具体的第一步，在 CSS 中使用流体测量。
涵盖的内容
6个视频9篇阅读材料1个作业3个讨论话题
本周你将有机会在 CSS 中使用媒体查询将理论付诸实践。 这些查询可以根据用于查看页面的浏览器的大小，自动改变网站的外观和功能。 这样，您就可以决定在不同屏幕尺寸（也称为 "视口"）下想要实现的外观类型。
涵盖的内容
7个视频4篇阅读材料2个作业1次同伴评审1个应用程序项目
知道自己想要的网站是什么样子是第一步，但实际编写代码又是另一步。 本周，我们将介绍网格和弹性显示属性，以建议组织页面布局的方法。 我们还将讨论为提高页面的可访问性而应包含的媒体查询。 这些查询可以对用户在配色方案、动画等方面的偏好做出反应。
涵盖的内容
5个视频5篇阅读材料
每一位优秀的程序员在花时间从零开始创建网站之后，通常都会利用现有的工具。 毕竟，为什么要另起炉灶呢？ 您在此之前所做的工作将为您提供所需的知识，让您能利用这些框架制作出自己独一无二的网站。 本周我们将学习 Bootstrap，这是一个使用 HTML5、CSS 和 JavaScript 的框架（但如果你从未使用过 JavaScript，也不必担心）。
涵盖的内容
10个视频5篇阅读材料1个作业1次同伴评审1个应用程序项目
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
从 移动和网络开发 浏览更多内容
状态：免费试用Board Infinity
状态：免费试用University of London
状态：免费试用Johns Hopkins University
状态：免费试用
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'
学生评论
4.7
4,585 条评论
- 5 stars
78.66%
- 4 stars
16.88%
- 3 stars
3.44%
- 2 stars
0.74%
- 1 star
0.26%
显示 3/4585 个
HA
4
已于 Mar 20, 2020审阅
Firstly i thank you all to this good material , and i give my appreciate and thanks to Ph,Dr. Colleen van Lent. And its very useful to me to learn this course .Thank you very much <3
SM
5
已于 Jan 12, 2017审阅
The course is quite good and intriguing for it offers challenges which are interesting at the same time. Always good to take up a challenge, oh what an experience
PA
5
已于 Sep 5, 2020审阅
At first I was not good in designing or responsive designing but after learning about bootstrap from this course I am pretty much confident that I can easily design a website
常见问题
要获取课程资料、作业和证书，您需要在注册课程时购买证书体验。 您可以尝试免费试听，或申请资助。课程可能提供 "完整课程，无证书"。通过该选项，您可以查看所有课程资料，提交必要的评估，并获得最终成绩。这也意味着您无法购买证书体验。
注册课程后，您就可以访问专项课程中的所有课程，完成作业后还可以获得证书。您的电子证书将添加到您的 "成就 "页面--在那里，您可以打印证书或将其添加到您的 LinkedIn 个人资料中。
是的。在特定的学习课程中，如果您付不起注册费，可以申请助学金或奖学金。如果您选择的学习课程有助学金或奖学金，您可以在说明页面找到申请链接。
更多问题
提供助学金，