WEB前端技术

◆ ◆

个人介绍

WEB前端技术

主讲教师：包艳霞

教师团队：共7位

包艳霞
吴琳
沈洋
朱红斌
胡伟俭
雷蕴
谢富平

学校：	丽水学院
开课院系：	数学与计算机学院
专业大类：	计算机
开课专业：	网络工程、计算机科学与技术、数字媒体技术
课程负责人：	包艳霞
课程英文名称：	WEB Front-end Technology
课程编号：	L08090014
学分：	3
课时：	64

课程介绍

1．课程性质
“网页设计基础”是计算机科学与技术、网络工程专业和数字媒体技术的一门专业平台选修课，为今后学习《web前端技术》、《Java EE应用开发》、《移动应用开发》等课程奠定基础。
2．课程基本理念
本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目，并通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力

教师团队

包艳霞

职称：教师

单位：数学与计算机学院

吴琳

职称：教师

沈洋

职称：教授

单位：丽水学院

部门：数学与计算机学院

朱红斌

职称：讲师

单位：丽水学院

部门：工学院

胡伟俭

职称：教师

单位：丽水学院

部门：工学院

雷蕴

职称：讲师

单位：丽水学院

部门：工学院

谢富平

职称：教师

教学方法

基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与实践操作相结合”。

考核方式

1.考核内容

以大纲规定范围内的内容为基准，重点考核基本理论与方法及操作流程。

2.考核方法及成绩记载

课程期末考试方式为提交作品，期末总成绩由平时成绩和期末作品成绩组成，其中，

课堂表现10%+平时作业20%+实验20%+期末作品50%

，学生综合考核成绩60分以上，才算达到学习目的。

课程的主要内容及基本要求

第一章初识HTML5

学习单元	初识HTML5			学时		10学时
学习目标	1. 了解HTML5发展历程 2. 理解HTML5浏览器支持情况 3. 熟悉HTML5基本语法,掌握HTML5语法新特性。 4. 掌握HTML5相关标记及属性，能够制作简单的网页页面。
学习内容	知识点	了解	掌握		重点		难点
	HTML5发展历史	√
	HTML5的优势	√
	HTML5浏览器支持情况	√
	创建第一个HTML5页面		√
	HTML5文档基本格式		√
	HTML5语法				√
	HTML标记		√
	标记的属性		√
	HTML5文档头部相关标记		√
	标题和段落标记				√
	文本格式化标记		√
	特殊字符标记	√
	常用图像格式	√
	图像标记<img/>				√
	绝对路径和相对路径		√
	创建超链接				√
	锚点链接				√		√

第二章 HTML5页面元素及属性

学习单元	HTML5页面元素及属性			学时		6学时
学习目标	1. 掌握结构元素的使用，可以使页面分区更明确。 2. 理解分组元素的使用，能够建立简单的标题组。 3. 掌握页面交互元素的使用，能够实现简单的交互效果。 4. 理解文本层次语义元素，能够在页面中突出所标记的文本内容。 5. 掌握全局属性的应用，能够使页面元素实现相应的操作。
学习内容	知识点	了解	掌握		重点		难点
	ul元素				√
	ol元素				√
	dl元素				√
	列表的嵌套应用				√		√
	header元素		√
	nav元素		√
	article元素		√
	section元素		√
	footer元素		√
	figure和figcaption元素		√
	hgroup元素		√
	details和summary元素		√
	progress元素		√
	meter元素		√
	time元素	√
	mark元素	√
	cite元素	√
	draggable属性	√
	hidden属性	√
	spellcheck属性	√
	contenteditable属性	√

第三章 CSS3入门

学习单元	CSS3入门			学时		8学时
学习目标	1. 了解CSS3的发展历史以及主流浏览器的支持情况。 2. 掌握CSS基础选择器，能够运用CSS选择器定义标记样式。 3. 熟悉CSS文本样式属性，能够运用相应的属性定义文本样式。 4. 理解CSS优先级，能够区分复合选择器权重的大小。
学习内容	知识点	了解	掌握		重点		难点
	CSS3概述	√
	CSS3发展历史	√
	CSS3浏览器支持情况	√
	CSS样式规则		√
	引入CSS样式表				√
	CSS基础选择器				√
	字体样式属性		√				√
	文本外观属性		√				√
	CSS层叠性和继承性				√
	CSS优先级				√		√

第四章 CSS3选择器

学习单元	CSS3选择器			学时		8学时
学习目标	1. 掌握CSS3中新增加的属性选择器，能够运用属性选择器为页面中的元素添加样式。 2. 理解关系选择器的用法，能够准确判断元素与元素间的关系。 3. 掌握常用的结构化伪类选择器，能够为相同名称的元素定义不同样式。 4. 掌握伪元素选择器的使用，能够在页面中插入所需要的文字或图片内容。 5. 掌握CSS伪类，会使用CSS伪类实现超链接特效。
学习内容	知识点	了解	掌握		重点		难点
	E[att^=value] 属性选择器		√
	E[att$=value]属性选择器		√
	E[att*=value]属性选择器		√
	子代选择器（>）		√
	兄弟选择器（+、~）		√
	:root选择器	√
	:not选择器		√
	:only-child 选择器		√
	:first-child和:last-child选择器				√
	:nth-child(n)和:nth-last-child(n)选择器				√		√
	:nth-of-type(n)和:nth-last-of-type(n)选择器		√
	:empty选择器	√
	:target选择器		√
	:before选择器				√		√
	:after选择器				√		√
	链接伪类		√

第五章 CSS盒子模型

学习单元	CSS盒子模型			学时		8学时
学习目标	1. 掌握盒子的相关属性，能够制作常见的盒子模型效果。 2. 掌握背景属性的设置方法，能够设置背景颜色和图像。 3. 理解渐变属性的原理，能够设置渐变背景。 4. 熟悉CSS控制列表样式的方式，能够运用背景图像定义列表项目符号。
学习内容	知识点	了解	掌握		重点		难点
	认识盒子模型		√
	<div>标记				√
	盒子的宽与高				√
	边框属性				√
	边距属性				√
	box-shadow属性				√		√
	box-sizing 属性		√
	设置背景颜色		√
	设置背景图像		√
	背景与图片不透明度的设置				√
	设置背景图像平铺		√
	设置背景图像的位置				√
	设置背景图像固定		√
	设置背景图像的大小		√
	设置背景的显示区域		√
	设置背景图像的裁剪区域		√
	设置多重背景图像		√
	背景复合属性		√
	线性渐变		√
	径向渐变		√
	重复渐变	√

第六章浮动与定位

学习单元	浮动与定位			学时		8学时
学习目标	1. 理解元素的浮动，能够为元素设置浮动样式。 2. 熟悉清除浮动的方法，可以使用不同方法清除浮动。 3. 掌握元素的定位，能够为元素设置常见的定位模式。
学习内容	知识点	了解	掌握		重点		难点
	元素的浮动属性float				√		√
	清除浮动				√
	overflow属性		√
	元素的定位属性		√
	静态定位static	√
	相对定位relative				√		√
	绝对定位absolute				√		√
	固定定位fixed		√
	z-index层叠等级属性		√
	元素的类型				√
	<span>标记				√
	元素的转换		√

第七章表单的应用

学习单元	表单的应用			学时		8学时
学习目标	1. 了解表单功能，能够快速创建表单。 2. 掌握表单相关元素，能够准确定义不同的表单控件。 3. 掌握表单样式的控制，能够美化表单界面。
学习内容	知识点	了解	掌握		重点		难点
	表单的构成	√
	创建表单	√
	表单属性	√
	Input元素的type属性				√		√
	Input元素的其他属性				√
	textarea元素				√
	select元素				√
	datalist元素		√
	keygen元素		√
	output元素	√
	CSS控制表单样式				√		√

第八章多媒体技术

学习单元	多媒体技术			学时		6学时
学习目标	1. 熟悉HTML5多媒体特性。 2. 了解HTML5支持的音频和视频格式。 3. 掌握HTML5中视频的相关属性，能够在HTML5页面中添加视频文件。 4. 掌握HTML5中音频的相关属性，能够在HTML5页面中添加音频文件。 5. 了解HTML5中视频、音频的一些常见操作，并能够应用到网页制作中。
学习内容	知识点	了解	掌握		重点		难点
	HTML5多媒体的特性	√
	视频和音频编解码器	√
	多媒体的格式	√
	支持视频和音频的浏览器	√
	在HTML5中嵌入视频				√		√
	在HTML5中嵌入音频				√		√
	音视频中的source元素		√
	调用网页多媒体文件		√
	CSS控制视频的宽高		√
	视频和音频的方法和事件	√
	HTML5音视频发展趋势	√

第九章 CSS3高级应用

学习单元	CSS3高级应用			学时		8学时
学习目标	1. 理解过渡属性，能够控制过渡时间、动画快慢等常见过渡效果。 2. 掌握CSS3中的变形属性，能够制作2D转换、3D转换效果。 3. 掌握CSS3中的动画，能够熟练制作网页中常见的动画效果。
学习内容	知识点	了解	掌握		重点		难点
	transition-property属性		√
	transition-duration属性		√
	transition-timing-function属性		√
	transition-delay属性		√
	transition属性				√
	认识transform		√
	2D转换				√		√
	3D转换				√		√
	@keyframes		√
	animation-name属性		√
	animation-duration属性		√
	animation-timing-function属性		√
	animation-delay属性		√
	animation-iteration-count属性		√
	animation-direction属性		√
	animation属性				√

第十章实战开发—制作电商网站首页面

学习单元	实战开发—制作电商网站首页面			学时		6学时
学习目标	1. 掌握站点的建立，能够建立规范的站点。 2. 完成首页面的制作，并能够实现简单的CSS3动画效果。
学习内容	知识点	了解	掌握		重点		难点
	建立站点		√
	站点初始化设置		√
	效果图分析				√
	页面布局		√
	定义公共样式				√
	制作头部、导航及视频内容				√		√
	制作内容部分（新品）				√		√
	制作内容部分（试装）				√		√
	制作内容部分（评测）				√		√
	制作脚部（信息注册）及版权信息部分				√

参考教材

传智播客.《HTML5+CSS3网站设计基础教程》

传智播客.《网页设计与制作（HTML+CSS）》中国铁道出版社.201408

传智播客.《HTML+CSS+JavaScript网页制作案例教程》人民邮电出版社.201508

水晶石教育.水晶石技法CSS+DIV商业网站设计.人民邮电出版社，2012年.

刘增杰等.精通DIV+CSS 3网页布局与样式.清华大学出版社，2014年.

袁润非.DIV+CSS网站布局案例精粹.清华大学出版社，2014年.

网络资源

设计路上：http://www.sj63.com

设计我的：http://www.sj5d.com

八只熊：http://www.8bears.com

艺雅中国：http://www.yiyacn.com

站酷：http://www.zcool.com.cn

网页设计师联盟：http://www.68design.net

图趣网：http://www.tuquu.com

蓝色理想：http://www.blueidea.com

叶子树：http://www.webshu.net

课程标准

教学资源

课程章节资源

课程章节	\| 文件类型		\| 修改时间	\| 大小	\| 备注
1.1 初识HTML5		文档 .ppt	2020-10-10	7.37MB
1.2.1 1HTML5发展历史及优势		视频 .mp4	2020-10-09	302.07MB
1.2.2 2HTML5浏览器支持情况		视频 .mp4	2020-10-09	39.78MB
1.2.3 3创建第一个HTML5页面		视频 .mp4	2020-10-09	26.95MB
1.2.4 4HTML5文档基本格式		视频 .mp4	2020-10-09	56.91MB
1.2.5 5HTML5语法		视频 .mp4	2020-10-09	39.96MB
1.2.6 6HTML标记		视频 .mp4	2020-10-09	36.83MB
1.2.7 7标记的属性		视频 .mp4	2020-10-09	90.87MB
1.2.8 8HTML5文档头部相关标记		视频 .mp4	2020-10-09	95.70MB
1.2.9 9标题和段落标记		视频 .mp4	2020-10-09	62.88MB
1.2.10 10文本格式化标记		视频 .mp4	2020-10-09	40.04MB
1.2.11 11特殊字符标记		视频 .mp4	2020-10-09	13.85MB
1.2.12 12常用图像格式		视频 .mp4	2020-10-09	40.46MB
1.2.13 13图像标记img		视频 .mp4	2020-10-09	81.00MB
1.2.14 14绝对路径和相对路径		视频 .mp4	2020-10-09	35.25MB
1.2.15 15创建超链接		视频 .mp4	2020-10-09	46.05MB
1.2.16 16锚点链接		视频 .mp4	2020-10-09	56.48MB
1.2.17 17阶段案例—制作HTML5百科页面		视频 .mp4	2020-10-09	336.53MB
2.1 HTML5页面元素及属性		文档 .ppt	2020-10-09	6.34MB
2.2.1 1ul元素		视频 .mp4	2020-10-10	37.04MB
2.2.2 2ol元素		视频 .flv	2019-07-06	9.54MB
2.2.3 3dl元素		视频 .flv	2019-07-06	8.67MB
2.2.4 4列表的嵌套应用		视频 .flv	2019-07-06	14.34MB
2.2.5 5header元素		视频 .flv	2019-07-06	13.49MB
2.2.6 6nav元素		视频 .flv	2019-07-06	7.95MB
2.2.7 7article元素		视频 .flv	2019-07-06	11.42MB
2.2.8 8section元素		视频 .flv	2019-07-06	24.10MB
2.2.9 9footer元素		视频 .flv	2019-07-06	6.04MB
2.2.10 10figure和figcaption元素		视频 .flv	2019-07-06	18.98MB
2.2.11 11hgroup元素		视频 .flv	2019-07-06	10.25MB
2.2.12 12details和summary元素		视频 .flv	2019-07-06	11.03MB
2.2.13 13progress元素		视频 .flv	2019-07-06	7.76MB
2.2.14 14meter元素		视频 .flv	2019-07-06	19.77MB
2.2.15 15time元素		视频 .flv	2019-07-06	19.48MB
2.2.16 16mark元素		视频 .flv	2019-07-06	12.93MB
2.2.17 17cite元素		视频 .flv	2019-07-06	5.43MB
2.2.18 18全局属性		视频 .flv	2019-07-06	37.01MB
2.2.19 19.阶段案例——制作电影影评网		视频 .mp4	2020-10-10	381.63MB
3.1 CSS3入门		文档 .ppt	2020-10-09	6.52MB
3.2.1 1CSS3简介		视频 .mp4	2020-10-10	83.52MB
3.2.2 2CSS样式规则		视频 .flv	2019-07-06	17.64MB
3.2.3 3引入CSS样式表		视频 .flv	2019-07-06	37.48MB
3.2.4 4标记选择器		视频 .flv	2019-07-06	7.19MB
3.2.5 5类选择器		视频 .flv	2019-07-06	22.18MB
3.2.6 6id选择器		视频 .flv	2019-07-06	17.33MB
3.2.7 7通配符选择器		视频 .flv	2019-07-06	5.62MB
3.2.8 8标签指定式选择器		视频 .flv	2019-07-06	18.41MB
3.2.9 9后代选择器		视频 .flv	2019-07-06	9.88MB
3.2.10 10并集选择器		视频 .flv	2019-07-06	15.59MB
3.2.11 11字体样式属性		视频 .flv	2019-07-06	68.15MB
3.2.12 12文本外观属性		视频 .flv	2019-07-06	91.05MB
3.2.13 13CSS层叠性和继承性		视频 .flv	2019-07-06	18.37MB
3.2.14 14CSS优先级		视频 .flv	2019-07-06	35.23MB
3.2.15 15阶段案例——制作服装推广软文		视频 .mp4	2020-10-10	152.56MB
4.1 CSS3选择器		文档 .ppt	2020-10-09	3.85MB
4.2.1 1.E[att^=value] 属性选择器		视频 .mp4	2020-10-10	27.38MB
4.2.2 2E[att$=value]属性选择器		视频 .flv	2019-07-06	8.88MB
4.2.3 3E[att=value]属性选择器		视频 .flv	2019-07-06	9.25MB
4.2.4 4子代选择器		视频 .flv	2019-07-06	10.35MB
4.2.5 5兄弟选择器		视频 .flv	2019-07-06	12.59MB
4.2.6 6root选择器		视频 .flv	2019-07-06	9.14MB
4.2.7 7not选择器		视频 .flv	2019-07-06	4.45MB
4.2.8 8only-child 选择器		视频 .flv	2019-07-06	5.59MB
4.2.9 9first-child和last-child选择器		视频 .flv	2019-07-06	5.19MB
4.2.10 10nth-child(n)和nth-last-child(n)选择器		视频 .flv	2019-07-06	6.56MB
4.2.11 11nth-of-type(n)和nth-last-of-type(n)选择器		视频 .flv	2019-07-06	12.37MB
4.2.12 12empty选择器		视频 .flv	2019-07-06	5.19MB
4.2.13 13target选择器		视频 .flv	2019-07-06	9.72MB
4.2.14 14before选择器		视频 .flv	2019-07-06	10.57MB
4.2.15 15after选择器		视频 .flv	2019-07-06	6.38MB
4.2.16 16链接伪类		视频 .flv	2019-07-06	17.36MB
4.2.17 17.阶段案例——制作网页设计软件列表		视频 .mp4	2020-10-10	296.31MB
5.1 CSS盒子模型		文档 .ppt	2020-10-09	6.04MB
5.2.1 1.认识盒子模型		视频 .mp4	2020-10-10	42.50MB
5.2.2 2div标记		视频 .flv	2019-07-06	17.62MB
5.2.3 3盒子的宽与高		视频 .flv	2019-07-06	4.74MB
5.2.4 4边框属性		视频 .flv	2019-07-06	66.68MB
5.2.5 5边距属性		视频 .flv	2019-07-06	34.83MB
5.2.6 6box-shadow属性		视频 .flv	2019-07-06	22.54MB
5.2.7 7box-sizing 属性		视频 .flv	2019-07-06	22.16MB
5.2.8 8设置背景颜色与图像		视频 .flv	2019-07-06	15.36MB
5.2.9 9背景与图片不透明度的设置		视频 .flv	2019-07-06	17.86MB
5.2.10 10设置背景图像的平铺与位置		视频 .flv	2019-07-06	15.27MB
5.2.11 11设置背景图像固定方式与大小		视频 .flv	2019-07-06	14.05MB
5.2.12 12设置背景图像的显示区域与裁剪区域		视频 .flv	2019-07-06	24.01MB
5.2.13 13设置多重背景图像		视频 .flv	2019-07-06	28.90MB
5.2.14 14背景复合属性		视频 .flv	2019-07-06	29.49MB
5.2.15 15线性渐变		视频 .flv	2019-07-06	11.53MB
5.2.16 16径向渐变		视频 .flv	2019-07-06	15.11MB
5.2.17 17重复渐变		视频 .flv	2019-07-06	22.06MB
5.2.18 18.阶段案例——制作音乐排行		视频 .mp4	2020-10-10	216.90MB
6.1 浮动与定位		文档 .ppt	2020-10-09	4.61MB
6.2.1 1.元素的浮动属性float		视频 .mp4	2020-10-10	72.34MB
6.2.2 2清除浮动		视频 .flv	2019-07-06	20.53MB
6.2.3 3overflow属性		视频 .flv	2019-07-06	9.70MB
6.2.4 4元素的定位属性		视频 .flv	2019-07-06	2.98MB
6.2.5 5相对定位relative		视频 .flv	2019-07-06	13.72MB
6.2.6 6绝对定位absolute		视频 .flv	2019-07-06	9.22MB
6.2.7 7静态定位与固定定位		视频 .flv	2019-07-06	9.24MB
6.2.8 8z-index层叠等级属性		视频 .flv	2019-07-06	7.01MB
6.2.9 9元素的类型		视频 .flv	2019-07-06	13.25MB
6.2.10 10span标记		视频 .flv	2019-07-06	13.61MB
6.2.11 11元素的转换		视频 .flv	2019-07-06	16.51MB
6.2.12 12.阶段案例—制作网页焦点图		视频 .mp4	2020-10-10	193.54MB
6.3 补充案例-----日历		视频 .mp4	2020-10-18	227.10MB
7.1 表单的应用		文档 .ppt	2020-10-09	4.30MB
7.2.1 1.表单的构成与创建		视频 .mp4	2020-10-10	61.10MB
7.2.2 2表单属性		视频 .flv	2019-07-06	30.60MB
7.2.3 3Input元素的type属性		视频 .flv	2019-07-06	37.92MB
7.2.4 4Input元素的其他属性		视频 .flv	2019-07-06	58.54MB
7.2.5 5textarea元素		视频 .flv	2019-07-06	11.67MB
7.2.6 6select元素		视频 .flv	2019-07-06	34.41MB
7.2.7 7datalist元素		视频 .flv	2019-07-06	11.31MB
7.2.8 8keygen元素		视频 .flv	2019-07-06	6.73MB
7.2.9 9output元素		视频 .flv	2019-07-06	2.41MB
7.2.10 10CSS控制表单样式		视频 .flv	2020-10-10	51.14MB
7.2.11 11.阶段案例—制作信息登记表		视频 .mp4	2020-10-10	272.62MB
8.1 多媒体技术		文档 .ppt	2020-10-09	3.54MB
8.2.1 1.HTML5多媒体的特性		视频 .mp4	2020-10-10	31.83MB
8.2.2 2视频和音频编解码器		视频 .flv	2020-10-10	9.88MB
8.2.3 3多媒体的格式		视频 .flv	2019-07-06	3.59MB
8.2.4 4支持视频和音频的浏览器		视频 .flv	2019-07-06	1.73MB
8.2.5 5在HTML5中嵌入视频		视频 .flv	2019-07-06	14.76MB
8.2.6 6在HTML5中嵌入音频		视频 .flv	2019-07-06	9.55MB
8.2.7 7音视频中的source元素		视频 .flv	2019-07-06	14.52MB
8.2.8 8调用网页多媒体文件		视频 .flv	2019-07-06	7.74MB
8.2.9 9CSS控制视频的宽高		视频 .flv	2019-07-06	11.86MB
8.2.10 10视频和音频的方法和事件		视频 .flv	2020-10-10	7.11MB
8.2.11 11HTML5音视频发展趋势		视频 .flv	2019-07-06	6.01MB
8.2.12 12.阶段案例——制作音乐播放界面		视频 .mp4	2020-10-10	819.19MB
9.1 CSS3高级应用		文档 .ppt	2020-10-09	6.17MB
9.2.1 1.transition-property属性		视频 .mp4	2020-10-10	95.24MB
9.2.2 2transition-duration属性		视频 .flv	2019-07-06	17.11MB
9.2.3 3transition-timing-function属性		视频 .flv	2019-07-06	19.57MB
9.2.4 4transition-delay属性		视频 .flv	2019-07-06	4.66MB
9.2.5 5transition属性		视频 .flv	2019-07-06	9.35MB
9.2.6 6认识transform		视频 .flv	2019-07-06	5.22MB
9.2.7 7.2D转换		视频 .flv	2019-07-06	39.04MB
9.2.8 8.3D转换		视频 .flv	2019-07-06	36.71MB
9.2.9 9@keyframes		视频 .flv	2019-07-06	7.43MB
9.2.10 10animation-name属性		视频 .flv	2019-07-06	16.50MB
9.2.11 11animation-duration属性		视频 .flv	2019-07-06	16.50MB
9.2.12 12animation-timing-function属性		视频 .flv	2019-07-06	7.19MB
9.2.13 13animation-delay属性		视频 .flv	2019-07-06	4.08MB
9.2.14 14animation-iteration-count属性		视频 .flv	2019-07-06	6.19MB
9.2.15 15animation-direction属性		视频 .flv	2019-07-06	7.01MB
9.2.16 16animation属性		视频 .flv	2019-07-06	7.09MB
9.2.17 17.阶段案例—制作工作日天气预报		视频 .mp4	2020-10-10	1.94GB
9.3.1 CSS3动画时钟		视频 .mp4	2020-10-18	157.10MB
10.1 实战开发—制作电商网站首页面		文档 .ppt	2020-10-09	4.98MB
10.2.1 1.站点的建立与初始化		视频 .mp4	2020-10-10	213.57MB
10.2.2 2效果图分析		视频 .flv	2019-07-06	2.89MB
10.2.3 3页面布局与定义公共样式		视频 .flv	2019-07-06	5.32MB
10.2.4 4制作头部、导航及视频内容		视频 .flv	2019-07-06	211.69MB
10.2.5 5制作内容部分（新品）		视频 .flv	2019-07-06	41.40MB
10.2.6 6制作内容部分（试装）		视频 .flv	2019-07-06	24.26MB
10.2.7 7制作内容部分（评测）		视频 .flv	2019-07-06	27.58MB
10.2.8 8.制作脚部（信息注册）及版权信息部分		视频 .mp4	2020-10-11	347.25MB
12.1 实验指导书及相关素材下载		文档 .doc	2020-10-17	170.50KB
12.2 1标注工具介绍及HTML页面结构搭建		视频 .mp4	2020-10-14	463.86MB
12.3 2css样式中header部分调整		视频 .mp4	2020-10-14	118.18MB
12.4 3css样式中主体部分调整		视频 .mp4	2020-10-14	354.93MB
12.5 4css样式中footer部分调整		视频 .mp4	2020-10-14	38.34MB
13.1 实验指导书及相关素材下载		文档 .doc	2020-12-08	901.00KB
13.2 01京东页面结构介绍		视频 .mp4	2020-10-14	18.74MB
13.3 02京东页面资源获取		视频 .mp4	2020-10-14	17.76MB
13.4 03京东项目文件夹的创建		视频 .mp4	2020-10-14	9.09MB
13.5 04shortcut部分		视频 .mp4	2020-10-14	132.90MB
13.6 05header部分		视频 .mp4	2020-10-14	110.59MB
13.7 06footer下的service部分		视频 .mp4	2020-10-14	27.08MB
13.8 07footer下的help部分		视频 .mp4	2020-10-14	50.12MB
13.9 08footer下的copyright部分		视频 .mp4	2020-10-14	91.78MB
14.1 实验指导书及相关素材下载		文档 .doc	2020-10-17	1.59MB
14.2 mk01慕课手机实战-1		视频 .mp4	2020-10-14	111.45MB
14.3 mk02慕课手机实战-2		视频 .mp4	2020-10-14	76.19MB
14.4 mk03慕课手机实战-3		视频 .mp4	2020-10-14	21.42MB
14.5 mk04慕课手机实战-4		视频 .mp4	2020-10-14	39.87MB
14.6 mk05慕课手机实战-5(header部分补充)		视频 .mp4	2020-10-14	3.92MB
14.7 mk06header-nav部分动画		视频 .mp4	2020-10-14	25.35MB
14.8 mk07screen-1屏动画		视频 .mp4	2020-10-14	42.93MB
14.9 mk08screen-2屏动画		视频 .mp4	2020-10-14	16.52MB
14.10 mk09screen-3屏动画		视频 .mp4	2020-10-14	30.58MB
14.11 mk10screen-3屏动画修正		视频 .mp4	2020-10-14	6.44MB
14.12 mk11screen-4、5屏动画		视频 .mp4	2020-10-14	24.11MB
14.13 mk12screen-5屏动画修正		视频 .mp4	2020-10-14	7.56MB