中
在本课程中，您将学习如何应用交互设计和人机交互的概念来设计和构建一个交互式的专业网站。您将学习如何使用响应式网格布局使网页设计适应不同的屏幕尺寸。您还将学习如何添加导航和其他设计元素，以及如何使用 JavaScript 对象和模板来分离数据和显示内容。
响应式网页设计
您将获得的技能
要了解的详细信息
了解顶级公司的员工如何掌握热门技能
积累特定领域的专业知识
本课程是 响应式网站开发与设计 专项课程 专项课程的一部分
在注册此课程时，您还会同时注册此专项课程。
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 获得可共享的职业证书
该课程共有5个模块
在本课程中，您将学习如何应用交互设计和人机交互的概念来设计和构建一个交互式的专业网站。您将学习如何使用响应式网格布局使网页设计适应不同的屏幕尺寸。您还将学习如何添加导航和其他设计元素，以及如何使用 Java Script 对象和模板来分离数据和显示内容。
涵盖的内容
3篇阅读材料
欢迎来到 "响应式网页设计 "的第一个模块。在本模块结束时，你将能够理解可用性和用户体验的基本概念，并通过导航条告诉用户可以去哪里。此外，你还能通过有效的布局告诉用户这里有什么，并了解创建无障碍网站的高层次要求。希望你喜欢这个模块！
涵盖的内容
8个视频6篇阅读材料7个作业1次同伴评审
欢迎来到 "响应式网页设计 "的第二个模块。在本模块结束时，您将能够建立一个基本的 Bootstrap 网站，并使用标题和面包屑轨迹建立可折叠、响应式的 Bootstrap 导航栏，还能使用响应式网格建立多个布局。我们还将学习安装 Bootstrap 主题。请尽情享受！
涵盖的内容
9个视频7篇阅读材料8个作业1次同伴评审
欢迎来到 "响应式网页设计 "的第三个模块 本模块结束时，您将能够将页面结构与页面内容分开，使用 JavaScript 对象，使用 Handlebars 实现 JavaScript 模板，并能够使用相同的模板显示不同的数据，以及使用不同的模板显示相同的数据。最后，我们将学习使用 Bootstrap 模版。希望您喜欢这个模块！
涵盖的内容
8个视频5篇阅读材料7个作业1次同伴评审
欢迎来到 "响应式网页设计 "的第四个模块。在本模块结束时，你将能够在数组中存储对象并用模板显示它们，还能从数组中动态显示单张图片。我们还将研究如何实现搜索功能，并通过使用复杂的数据结构，在不同模板之间进行切换。请尽情享受
涵盖的内容
8个视频4篇阅读材料7个作业1次同伴评审
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师
授课教师评分
4.5 (111个评价)
从 移动和网络开发 浏览更多内容
状态：免费试用University of London
状态：免费试用Scrimba
状态：免费试用Scrimba
状态：预览Northeastern University
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'
学生评论
4.6
1,946 条评论
- 5 stars
69.21%
- 4 stars
22.09%
- 3 stars
5.85%
- 2 stars
1.43%
- 1 star
1.38%
显示 3/1946 个
JD
4
已于 Jun 1, 2020审阅
This course went into a lot more detail on the javascript end with a look at arrays and handlebars.js which introduces templates. I enjoyed this module, it was suitably challenging.
JS
5
已于 Jan 13, 2017审阅
This course gave me the skill needed to create web pages with interaction and handlebars-based as well.It's a great course and a good well to improve everyone skills in web development.
KG
5
已于 Jul 19, 2020审阅
Enough concise coverage for the student to build on top. The emphasizes on the pointers to good web experience, in a sea of options, this course is the lighthouse that will guide your way.
常见问题
要获取课程资料、作业和证书，您需要在注册课程时购买证书体验。 您可以尝试免费试听，或申请资助。课程可能提供 "完整课程，无证书"。通过该选项，您可以查看所有课程资料，提交必要的评估，并获得最终成绩。这也意味着您无法购买证书体验。
注册课程后，您就可以访问专项课程中的所有课程，完成作业后还可以获得证书。您的电子证书将添加到您的 "成就 "页面--在那里，您可以打印证书或将其添加到您的 LinkedIn 个人资料中。
是的。在特定的学习课程中，如果您付不起注册费，可以申请助学金或奖学金。如果您选择的学习课程有助学金或奖学金，您可以在说明页面找到申请链接。
更多问题
提供助学金，
¹ 本课程的部分作业采用 AI 评分。对于这些作业，将根据 Coursera 隐私声明使用您的数据。