课程

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

hi,小mooc
期末考试会员
SPOC学校专有课程
网页设计基础
第1次开课
开课时间: 2024年09月10日 ~ 2024年12月05日
学时安排: 6-8小时/周
当前开课已结束 已有 81 人参加
老师已关闭该学期,无法查看
spContent=本课程在学生已经学习过信息技术导论课程和至少1门编程语言课程之后开设,系统讲授Web客户端开发相关技术。
本课程在学生已经学习过信息技术导论课程和至少1门编程语言课程之后开设,系统讲授Web客户端开发相关技术。
—— 课程团队
课程概述

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

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

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

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

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

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

成绩 要求

平时成绩,100分,占总评70%

其中,MOOC成绩40%、自学测试10%、限时测试和限时任务10%【按要求参与即得满分】、SPOC作业35%

期末成绩,100分,占总评30%

课程大纲

第一章 网页设计概述

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-1JavaScript开发框架-jQuery概述

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

10-3jQuery UI

10-4JSON

10-5更多JavaScript UI框架

第十章 JavaScript框架-测验

展开全部
参考资料

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

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

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

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

jQuery UI中文网:https://www.jqueryui.org.cn/

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

Easy UI for jQuery中文网:https://www.jeasyui.net/

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

7、Web前端技术丛书:HTML5+ CSS3+JavaScript 网页设计实战(视频教学版),常新峰,王金柱 著

[URL] https://item.jd.com/12271653.html

8、HTML CSS JavaScript基础教程 Web前端开发精品课 ,莫振杰 著 

[URL] https://item.jd.com/12179121.html

9、HTML+CSS+JavaScript网页设计从入门到精通(1DVD),胡晓霞 著

[URL] https://item.jd.com/12175077.html

常见问题

Q : 该怎样学习SPOC课程?

A : 根据老师的要求,在上课前看完指定视频、做完指定测验和讨论,并将自己课前学习中遇到的问题在“老师答疑区”提出来。课堂上,老师将重点解决同学们在课前学习时遇到的问题,并指定课堂任务让同学们扩展练习。

课前不学习,课堂基本不会有学习效果,所以请同学们务必重视课前自学环节!!!

讨论区是全班同学和老师沟通的地方,课堂交流区主要讨论老师布置的课程讨论题目,老师答疑区主要讨论同学们学习过程中遇到的、希望老师在课堂上重点解决的问题,综合讨论区讨论除上述两类问题之外的问题。

欢迎同学们之间互相回答问题,点评讨论帖!!!


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

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

 (2)从第一周开始就搭建好开发和测试环境,学习时多动手实践,在网页源代码和网页显示两个视图间切换、对比,理解所学内容。

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

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

源课程

该SPOC课程部分内容来自以上源课程,在源基础上老师进一步增加了新的课程内容

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

赵慧周

副教授

项若曦

项若曦

中级

下载
下载

下载App