响应式网站基础知识：使用 HTML、CSS 和 JavaScript 编写代码

响应式网站基础知识：使用 HTML、CSS 和 JavaScript 编写代码

本课程是响应式网站开发与设计专项课程的一部分

位教师：Professor Matthew Yee-King

访问权限由 New York State Department of Labor 提供

194,807 人已注册

5个模块

深入了解一个主题并学习基础知识。

6,135 条评论

3 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

97%

大多数学生喜欢此课程

5个模块

深入了解一个主题并学习基础知识。

6,135 条评论

3 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

97%

大多数学生喜欢此课程

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

29 任务¹

AI 评分请参见免责声明

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是响应式网站开发与设计专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有5个模块

在本课程中，您将学习三种关键的网站编程和设计语言：HTML、CSS 和 JavaScript。您将使用控制布局和样式的基本元素创建网页。此外，您的网页还将支持交互功能。

课程结束时，您将能够： 1.定义 HTML、CSS 和 JavaScript 的用途 2.使用 HTML 制作一个简单的网页 3.使用 CSS 控制文本样式和布局 4.使用 CSS 库（如 Bootstrap）创建响应式布局 5.使用 JavaScript 变量和函数 6.使用 JavaScript 操作网页内容 7.使用 JavaScript 响应用户输入在本课程中，您将完成 2 个撰写 HTML、CSS 和 JavaScript 的作业，每个作业约需 1 小时完成 4 个测验，每个测验约需 20 分钟完成 1 个编程练习~30 分钟完成多个练习测验，每个测验约需 5 分钟完成参加或完成本在线课程不会获得伦敦大学课程的学分。

欢迎来到 "响应式网站开发与设计 "专业的第一门课程！

涵盖的内容

1个视频2篇阅读材料

课程开始时，我们将学习如何设置开发环境、创建 HTML 导航条，以及如何使用 HTML 嵌入图片和创建列表。此外，我们还将创建结构合理的 HTML 文档，并学习世界上第一个网页。 期待本周与您的合作！ 马修、马可和凯特

涵盖的内容

10个视频4篇阅读材料8个作业1次同伴评审

10个视频总计50分钟

概述 1分钟
网络基础知识 5分钟
设置开发环境 6分钟
编写一些 HTML 代码 6分钟
建立导航栏 10分钟
图片和列表 8分钟
文件结构合理 7分钟
重温世界上第一个网页 4分钟
响应性 "是什么意思？ 3分钟
HTML 摘要 0分钟

4篇阅读材料总计40分钟

本模块的代码 10分钟
本讲座的网址 10分钟
本讲座的 URL 10分钟
下一项活动抬起头来 10分钟

8个作业总计240分钟

HTML 摘要测验 30分钟
网络基础知识 30分钟
设置开发环境 30分钟
HTML 30分钟
导航栏 30分钟
图片和列表 30分钟
文件结构合理 30分钟
世界上第一个网页 30分钟

1次同伴评审总计120分钟

制作网页 120分钟

欢迎来到 "响应式网站基础 "的第二个模块。在本节课程中，我们将学习将外部 CSS 文件链接到 HTML 文档、使用 CSS 控制字体、使用 CSS 自定义超链接格式和控制文本布局。我们还将安装 bootstrap 库并实施响应式网格布局--敬请享用！ - 马修、马可和凯特

涵盖的内容

9个视频2篇阅读材料7个作业1次同伴评审

9个视频总计45分钟

概述 0分钟
外部 CSS 文件 7分钟
字体 7分钟
自定义链接 3分钟
布局控制 6分钟
CSS 媒体查询 8分钟
安装 Bootstrap 4分钟
响应式网格 9分钟
CSS 摘要 1分钟

2篇阅读材料总计20分钟

本模块的代码 10分钟
本讲座的 URL 10分钟

7个作业总计178分钟

CSS 总结测验 20分钟
外部 CSS 文件 30分钟
字体 30分钟
自定义链接 30分钟
布局控制 30分钟
安装 Bootstrap 30分钟
响应式网格 8分钟

1次同伴评审总计120分钟

测试 CSS 和 HTML 120分钟

欢迎来到 "响应式网站基础 "的第三个模块。在本模块中，我们将编写简单的 JavaScript 程序，并学习如何编写能够响应用户输入（如点击 HTML 元素）的程序。最后，您将学习如何编写自己的 javaScript 函数，包括匿名函数。 期待本周与您的合作！ - 马修和马可

涵盖的内容

9个视频8篇阅读材料7个作业1次同伴评审

9个视频总计60分钟

概述 0分钟
JavaScript 简介 5分钟
响应鼠标点击 7分钟
控制台 7分钟
操作 HTML 元素 10分钟
脚本标签 10分钟
匿名功能 10分钟
图片库示例 10分钟
JavaScript 入门概要 1分钟

8篇阅读材料总计80分钟

JavaScript 资源 10分钟
本课代码 10分钟
本课代码 10分钟
jQuery 10分钟
本课代码 10分钟
本课代码 10分钟
本课代码 10分钟
图片库代码 10分钟

7个作业总计176分钟

JavaScript 入门总结测验 20分钟
JavaScript 简介 30分钟
响应鼠标点击 30分钟
控制台 30分钟
操作 HTML 元素 6分钟
脚本标签 30分钟
匿名功能 30分钟

1次同伴评审总计120分钟

下载并编辑图库代码示例。 120分钟

欢迎来到 "响应式网站基础 "的最后一个模块。在本课程的最后一节中，我们将定义 JavaScript 变量，并编写使用和更改变量值的简单 JavaScript 程序。我们还将编写 if 语句来控制 JavaScript 程序的流程，结合 if 语句使用布尔变量，并在中度复杂的 Web 应用程序中编写 javaScript。 请尽情享受！ - 马修和马可

涵盖的内容

9个视频4篇阅读材料7个作业1次同伴评审

9个视频总计64分钟

概述 1分钟
变量 7分钟
使用变量 8分钟
实践中的变量 14分钟
如果语句 7分钟
布尔变量 12分钟
电子阅读器示例 14分钟
深入了解 JavaScript 摘要 1分钟
课程摘要 1分钟

4篇阅读材料总计40分钟

本课代码 10分钟
幻灯片示例代码 10分钟
幻灯片示例代码 10分钟
电子阅读器示例代码 10分钟

7个作业总计210分钟

深入了解 JavaScript 总结测验 30分钟
变量 30分钟
使用变量 30分钟
实践中的变量 30分钟
如果语句 30分钟
布尔变量 30分钟
电子阅读器示例 30分钟

1次同伴评审总计60分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

授课教师评分

(873个评价)

Professor Matthew Yee-King

University of London

24 门课程 433,795 名学生

Prof Marco Gillies

University of London

14 门课程 577,699 名学生

提供方

University of London

Goldsmiths, University of London

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

学生评论

5 stars
68.54%
4 stars
22.93%
3 stars
5.89%
2 stars
1.45%
1 star
1.17%

显示 3/6135 个

已于 Feb 10, 2020审阅

This course was really helpful for beginners all the things that are taught are in a well-structured mannerThe best part of this course is that its assignment you will get to more about it

已于 Feb 13, 2016审阅

Bright instructors delivering succinct and interesting content, with quick-paced videos and quizzes make a great learning experience. I am really impressed! Thank you, University of London people!

已于 Jan 2, 2016审阅

It's very good for beginner who already have hands in programming. it gives very basic and important concepts about HTML, CSS and javascript. it also gives a brief history of internet and HTML.

查看更多评论