课程

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

认证学习
为你提供认证成绩和证书,以及AI高效学习服务
查看详情
大学

国家精品

认证学习

智慧课程

理学工学农学

计算机

经济管理

外语

音乐与艺术

心理学

文史哲法

医学与保健

教育教学

大学生竞赛

软件实训

人工智能

升学/择业

考研

期末突击

专升本

四六级

保研及论文

求职就业

专四专八

大学应试英语

大学生涯规划

期末资料

终身学习

名师专栏

兴趣技能

hi,小mooc
27考研全科新手规划
期末考试会员
SPOC学校专有课程
网页设计基础
第1次开课
开课时间: 2019年09月02日 ~ 2020年01月10日
学时安排: 5-8小时每周
当前开课已结束 已有 87 人参加
立即自学
往期不提供结课证书,想参加下学期课程, 点击这里预约>>
spContent=本课程在学生已经学习过信息技术导论课程和至少1门编程语言课程之后开设,系统讲授Web客户端开发相关技术,是计算机科学与技术本科专业、信息管理与信息系统本科专业和数字媒体技术本科专业的专业选修课。 本课程是后续课程《Internet与Web技术概论》的先修课。
本课程在学生已经学习过信息技术导论课程和至少1门编程语言课程之后开设,系统讲授Web客户端开发相关技术,是计算机科学与技术本科专业、信息管理与信息系统本科专业和数字媒体技术本科专业的专业选修课。 本课程是后续课程《Internet与Web技术概论》的先修课。
—— 课程团队
课程概述

本课程系统讲授Web客户端开发相关技术,教学目的包括:(1)使学生了解Web客户端技术全貌及所涉及的各种技术的发展历史和现状;(2)熟练掌握核心Web客户端技术,包括:HTML(XHTML)、CSS、JavaScript;掌握Web客户端技术的学习方法;(3)学习使用PHP技术和Ajax技术开发简单的Web应用;(4)使学生具备利用互联网资料学习Web客户端技术的能力;(5)使学生具备基于设计需求完成设计任务的问题解决能力。

成绩 要求

总评成绩包括:

单元测验10%,讨论20%,作业20%,期末考试50%。

另有班级表现3%,用于补充单元测验、讨论、作业三项之和未得满分的部分。评分依据为:在非课程讨论区发帖的质量、在线下课堂回答问题的积极性。

课程大纲

01
第一章 网页设计概述
掌握Web相关概念,能够辨析主机、域名与IP的区别与联系,完成网页开发与测试环境的搭建,可以编写具有文字超链接的网页。
课时
1-1 Web应用概述
1-2 我的第一个网页
1-3 开发与测试环境
1-4 主机、域名与IP
02
第二章 标记语言(一)
掌握标记语言基础知识,可以编写包含图像和多种超链接形式的网页。
课时
2-1 标记语言概述
2-2 我的第一个多媒体网页
2-3 网页与网站
2-4 URL
03
第三章 网页样式管理
理解CSS的用途和学习思路,掌握CSS选择器的学习方法。
课时
3-1 样式管理概述
3-2 CSS应用结构
3-3 CSS选择器(1)
3-4 CSS选择器(2)
3-5 CSS样式概览
04
第四章 标记语言(二)
掌握表格标记、列表标记、表单标记,理解HTML语言的学习思路。
课时
4-1 表格标记
4-2 列表标记
4-3 表单标记
4-4 其他
05
第五章 CSS布局
理解CSS布局的原理和不同布局方法的处理原则。
课时
5-1 盒子模型
5-2 流布局
5-3 浮动布局
5-4 定位布局
06
第六章 JavaScript概述
理解JavaScript的用途、基本特征和学习思路。
课时
6-1 网页内容动起来
6-2 JavaScript概述——基于对象
6-3 JavaScript概述——事件驱动
6-4 JavaScript概述——嵌入HTML文档
07
第七章 JavaScript基本语法
掌握JavaScript基本语法。(2基础)(3基础)(4基础)分别是相应小节的筑基课程,没有编程基础的同学先看基础课程,再看相应小节课程。
课时
7-1 JavaScript基本语法(1)——基本规定、数据类型、常量、变量
7-2 JavaScript基本语法(2)——运算符、表达式
7-2-1 JavaScript基本语法(2基础)——运算符基础
7-3 JavaScript基本语法(3)——控制语句
7-3-1 JavaScript基本语法(3基础)——控制语句基础1
7-3-2 JavaScript基本语法(3基础)——控制语句基础2
7-4 JavaScript基本语法(4)——函数、对象
7-4-1 JavaScript基本语法(4基础)——函数基础
08
第八章 JavaScript客户端扩展
掌握BOM和DOM的概念及其应用。
课时
8-1浏览器对象模型概述
8-2浏览器对象模型应用
8-3文档对象模型概述
8-4文档对象模型应用
09
第九章 JavaScript应用案例
通过网页实例学习JavaScript编程方法。
课时
9-1 JavaScript应用案例(1)
9-2 JavaScript应用案例(2)
9-3 JavaScript应用案例(3)
9-4 JavaScript应用案例(4)
10
第十章 JavaScript开发框架
理解基于框架的JavaScript编程方法,能够根据需求选择并学习自己所需的JavaScript开发框架。
课时
10-1 jQuery概述
10-2 jQuery应用案例
10-3 jQuery UI.
10-4 JSON
10-5 更多JavaScript UI框架

展开全部
预备知识

学习过信息技术导论课程和至少1门编程语言课程

参考资料

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