hi,小慕
课程

中国大学MOOC,为你提供一流的大学教育

hi,小mooc
网页设计基础
第13次开课
开课时间: 2025年03月04日 ~ 2025年05月27日
学时安排: 3-5小时/周
进行至第10周,共13周 已有 702 人参加
立即参加
课程详情
课程评价(310)
spContent=《网页设计基础》课程,聚焦于网页的背后是什么,具有网页呈现和网页源代码双视角,将概念、技术、实践、方法相融合,为持续学习奠定基础!
《网页设计基础》课程,聚焦于网页的背后是什么,具有网页呈现和网页源代码双视角,将概念、技术、实践、方法相融合,为持续学习奠定基础!
—— 课程团队
课程概述

在如今这个互联网+的时代,访问网站、浏览网页已成为每个人的家常便饭。学习网页制作、拥有自己的网站成为很多人都想具备的技能。 

你是否经历过想找图书,却被书名中的众多技术名词弄得眼花缭乱,不知从何入手?

你是否有过被动辄几百页的网页设计书籍吓退的经历?

面对互联网上浩如烟海的网页设计相关讲解,你是否遇到过不知所云的困难? 

如果你有过以上这些困惑,那么《网页设计基础》课程可以帮你解惑。 

本课程聚焦于网页的背后是什么,具有网页呈现和网页源代码双视角。以“让自学成为可能”为教学理念,将概念、技术、实践、方法相融合,帮助学习者突破基本概念学习瓶颈、理清网页设计学习思路、掌握相关技术学习方法,指导学习者使用互联网资料支持学习,为持续学习奠定基础。 

授课目标

帮助学习者突破基本概念学习瓶颈、理清网页设计学习思路、掌握相关技术学习方法,指导学习者使用互联网资料支持学习,为持续学习奠定基础。 

课程大纲

第一章 网页设计概述

1-1 Web应用概述

1-2 我的第一个网页

1-3* 开发与测试环境

1-4 主机、域名与IP

第一章 网页设计概述-测验

第二章 标记语言(一)

2-1 标记语言概述

2-2 我的第一个多媒体网页

2-3 网页与网站

2-4 URL

第二章 标记语言(一)-测验

第三章 网页样式管理

3-1 样式管理概述

3-2 CSS应用结构

3-3 CSS选择器(1)

3-4 CSS选择器(2)

3-5 CSS样式概览

第三章 网页样式管理-测验

第四章 标记语言(二)

4-1 表格标记

4-2 列表标记

4-3 表单标记

4-4 其他

第四章 标记语言(二)-测验

第五章 CSS布局

5-1 盒子模型

5-2 流布局

5-3 浮动布局

5-4 定位布局

第五章 CSS布局-测验

第六章 JavaScript概述

6-1 网页内容动起来

6-2 JavaScript概述——基于对象

6-3 JavaScript概述——事件驱动

6-4 JavaScript概述——嵌入HTML文档

第六章 JavaScript概述-测验

第七章预备 JavaScript基本语法(筑基)

JavaScript基本语法-运算符基础

JavaScript基本语法-语句基础

JavaScript基本语法-函数基础

第七章 JavaScript基本语法

7-1 JavaScript基本语法(1)——基本规定、数据类型、常量、变量

7-2 JavaScript基本语法(2)——运算符、表达式

7-3 JavaScript基本语法(3)——控制语句

7-4 JavaScript基本语法(4)——函数、对象

第七章 JavaScript基本语法-测验

第八章 JavaScript客户端扩展

8-1 浏览器对象模型概述

8-2 浏览器对象模型应用

8-3 文档对象模型概述

8-4 文档对象模型应用

第八章 JavaScript客户端扩展-测验

第九章 JavaScript应用案例

9-1 应用案例1-数组对象

9-2 应用案例2-数字钟

9-3 应用案例3-随机背景色

9-4 应用案例4-鼠标跟随

第九章 JavaScript应用案例-测验

第十章 JavaScript框架

10-1 JavaScript开发框架-jQuery概述

10-2 JavaScript开发框架-jQuery应用案例

10-3 jQuery UI

10-4 JSON

10-5 更多JavaScript UI框架

第十章 JavaScript框架-测验

展开全部
证书要求

为积极响应国家低碳环保政策, 2021年秋季学期开始,中国大学MOOC平台将取消纸质版的认证证书,仅提供电子版的认证证书服务,证书申请方式和流程不变。

 

电子版认证证书支持查询验证,可通过扫描证书上的二维码进行有效性查询,或者访问 https://www.icourse163.org/verify,通过证书编号进行查询。学生可在“个人中心-证书-查看证书”页面自行下载、打印电子版认证证书。

 

完成课程教学内容学习和考核,成绩达到课程考核标准的学生(每门课程的考核标准不同,详见课程内的评分标准),具备申请认证证书资格,可在证书申请开放期间(以申请页面显示的时间为准),完成在线付费申请。

 

认证证书申请注意事项:

1. 根据国家相关法律法规要求,认证证书申请时要求进行实名认证,请保证所提交的实名认证信息真实完整有效。

2. 完成实名认证并支付后,系统将自动生成并发送电子版认证证书。电子版认证证书生成后不支持退费。


参考资料

1、W3C官网:https://www.w3.org/

2、W3School中文网:https://www.w3school.com.cn/

3、《基于Web标准的网页设计与制作(第2版)》,唐四薪主编,2015年7月,清华大学出版社

4、jQuery官网:https://jquery.com/

5、jQuery UI官网:https://jqueryui.com/

6、Easy UI for jQuery官网: https://www.jeasyui.com/index.php

Easy UI for jQuery中文网

常见问题

Q : 学习这门课程需要具备什么基础?

A :  只要具备用浏览器访问过网站的经验就可以了。


Q : 没有编程基础,可以学习这门课程吗?

A :  可以。在编程语言的章节,我们为没有编程基础的同学提供了筑基微课程,使这些同学能够快速理解编程语言基础知识。


Q : 本期课程时间如何安排?

A : 从2025年3月4日开始,每周二上午9:00发布新的学习内容。2025年5月13日开始进入期末复习、期末考试和成绩确认阶段。


Q : 该怎样学习这门课程?

A : (1)注重理解每种技术的用途、特征和学习思路。

 (2)学习时多动手实践,在网页源代码和网页显示两个视图间切换、对比,理解所学内容。

(3)对于课上的示例代码,要自己按照课上演示的过程复习一遍,并做些改动。

(4)实践过程中多提出自己的改进需求,并尝试做出来,不知道怎样写代码时,可以将“需求”和“技术名称”输入搜索引擎,让互联网上的学习资源帮你解决问题。

(5)关注每周开课前的公告,它将为你安排一周的学习计划提供帮助。


Q:怎样能在本课程中获得较好成绩?

A:本课程总评成绩包括:单元测验35%,讨论35%,期末考试30%。总评分数在60分及以上,可申请合格证书。

单元测验和讨论区成绩在总评成绩中占比较高,您需要认真对待这两部分。

(1)各单元测验提交截止时间统一为2025年5月12日23:30,即使您进入本课程较晚,也是有机会完成全部单元测验的。

(2)在课堂交流区回复帖子满10帖,得讨论成绩满分;不足10帖,则按比例得分。请注意:只有课堂交流区回复的帖子才计入讨论成绩。

讨论题是为大家拓展学习、深入思考而设计,请大家发表自己的学习结果!!!


Q :  关于课程PPT。

A : 本课程提供PDF版本PPT。


Q:用什么软件设计网页?

A:本课程不限制设计网页的软件。课程演示使用记事本,你可以选择任意文本编辑器或者所见即所得网页设计软件(例如:Dreamweaver)。需要强调的是:本课程聚焦于网页源代码,如果你使用所见即所得的网页设计软件进行本课程的练习,请尽量使用源代码视图。

北京语言大学
3 位授课老师
赵慧周

赵慧周

副教授

唐海燕

唐海燕

工程师

项若曦

项若曦

中级

推荐课程

【DeepSeek适用】小白玩转AI大模型应用开发

林粒粒

213人参加

小白玩转 Python 数据分析

林粒粒

78人参加
下载
下载

下载App