Web开发基础课程期末复习指导
Web开发是时下最流行的技术之一。现代Web开发包括PC端网页的开发，移动端APP的开发，以及生态系统中和小程序的开发。能够说Web开发深入到生活的方方面面，用途极其广泛。因此，学习Web开发，尤其是了解和学习Web前端网页开发是特别重要的。
Web开发基础课程是Web前端开发的基础。Web开发基础课程要紧介绍了基本的网页内容和样式的开发，还增加了动态样式语言和响应式的讲解，是一门实践性极强的课程，技术点多、涉及面广，部分章节存在理解困难的问题。为关心同学们有效地复习这门课程，下面按照教学大纲的要求，对各章的重点、难点进行归纳、总结，供同学们在复习时参考。
一、本课程的复习方法
1. 复习方法
（1）注重上机实验。重复就是经历。本课程实践性强，知识点比较零散。对许多属性名词和使用方法，只有通过反复实验才有大概理解并记住，因此上机实验很重要。它不仅能够加深对课本知识的学习，而且能够使同学们获得许多实际工作的经验，这关于增强动手技能，提高分析解决实际问题的能力和专业素养很有关心。同学们应该尽量做全、做好实验。实验前要三思而后行：想做出什么效果，分几步做，
大概会用到哪些知识。实验中应注意浮现的结果，并分析缘由，特别是如果浮现不正常的情况，最好能对现象、解决方法、缘由进行记录。
例如，在学习第四章“4.2.6 实验：实现首页布局结构”时，首先需要明确自己想实现什么样的页面效果，接着尝试将整个页面划分为多个小部分，分块实现。关于那些需要特别处理的地点，比如如何让元素水平排列等，提早回忆课程内容，到解决方案。后来，才是动手编码实现效果。完成实验后，总结一下：今后，假如再实现其它页面的布局时，这次案例中有哪些能够吸取的经验。其实，大多数网页的整体布局结构，无非优先的几种。只要善于归纳和总结，就能起到举一反三，事半功倍的效果。
（2）梳理思维导图。思维导图是公认的、关心归纳总结和经历知识点的有效手段之一。课程教材中有明确的名目结构，然而未具体到每个知识点。在梳理思维导图时，可依照教材名目结构为基础，边总结，边添枝加叶，丰富思维导图的内容。同时，思维导图要严格按照3W1H（What Why Where How）的思想梳理知识点，同时应该只包含最精炼的概念、用法、问题以及解决方案。不应包含过多冗余的描述性内容。推举的思维导图格式如下：
（3）认真完成文字教材的练习与作业。寻常应认真、独立地完成文字教材的练习与作业。在复习时，应把课后知识点总结和习题复习一遍，特别对重点要求的内容和在解题过程中浮现的错误的地点应格外注意。依照教学大纲要求，考试难度不会超出规定范围，而文字教材的练习与作业就已经充分体现了教学与考核的重点，因此应该认真完成。
2.学习建议
（1）学以致用。Web开发基础是一门实践性特别强的课程，且知识点特别繁杂。单靠看书和背知识点，很难全部记住。只有反复的将知识点，应用到动手实验中，才能达到重复就是经历的效果。因为Web开发基础课程的实验，都是综合性的。因此，后边的实验中，就会反复用到前边的知识点。因此，反复的练习实验的内容，无形中也是在反复的复习之前的知识点。比如：“6.3.4 实验：实现产品介绍动效”中，即用到了一般的CSS样式属性，又用到了CSS定位的属性，又用到了CSS3变换的属性和过渡的属性。做一个实验，等于复习了3、4、5、6四章的内容。因此，学以致用，依靠重复经历，才能形成知识点在头脑中的条件反射，得到学会的目的。
（2）一图百文。实践性特别强的课程，单靠看文字内容，很难直观的想象出运行的原理。尤其是后期的一些动态效果实现过程，就更难单靠想象来设计实现的步骤。比如：“6.3.4 实验：实现产品介绍动效”，每个面的CSS3变换过程，必须自己画画图，甚至拿出六张纸，模拟一下变换的过程。才能直观的看到书中讲解的变化过程，印象深刻。因此，与其盯着文字看，反复看也百思不得其解，不如画画图，看看视频中的动态讲解过程。在视频讲解中，包含特别直观的图形和动态效果原理的演示和讲解。一目了然，印象深刻。因此，在学习过程中，要善用多媒体的手段与文字相结合的方式，两条腿走路，才能融会贯穿。
（3）深入浅出。学习讲究先把书读厚，再把书读薄。其实，就是深入浅出的过程。刚开始学时，要深挖原理，穷尽大概，正面立论，反面驳斥。能够自己给自己设定一些异常情况，来从侧面检验原理的正确与否。比如，学习样式表的优先级时，潜意识总觉得外部样式表的优先级总是低于内部样式表单的优先级。因此，自己就能够设定一个实验场景，有意将内部样式表和外部样式表的上下位置颠倒，来验证一下到底哪个优先级高。结果，通过验证，发觉内部样式表和外部样式表，
谁在下边，谁的优先级就是高的。接着，再往后学，就会发觉，其实是因为扫瞄器读取页面内容，总是顺序加载的。后加载的同名内容，会覆盖先加载的。后来，你能够得出一个重要的结论：扫瞄器中的内容总是顺序加载。那个结论，今后能够解决优先级，样式冲突等许多问题。恭喜你，你成功的将书读厚，又读薄了。
后来，IT行业充满制造力、激情和大量的机遇。Web前端开发又是时下最流行的开发门类之一。Web前端开发，给了许多原本没有机遇的人新的机遇，改变命运。假如你对现状不中意，或希望更上一层楼，大概努力学习Web前端开发，将会为自己争取人生中又一次起飞的机遇。努力吧！
3.使用的教材及媒体
(1)本课程使用的文字教材为《Web开发基础》，由国家开放大学Web开发基础课程组编，由国家开放大学出版社出版。
(2)文字教材有配套的课程录像，约1400分钟，由国内知名培训机构总监级讲师张东主讲，涵盖课程全部内容。
(3)网络学习课程请同学们通过国家开放大学学习网使用。
二、学习重点和教学要求
第1章Web的工作方式
1.学习重点：
代码转换（1）HTML和Web的相关概念
（2）Web工作原理
（3）创建Web内容
1．教学要求：
（1）掌握：Web内容的创建过程。
（2）理解：Web工作原理。
（3）了解：HTML和WWW概念。
第2章HTML5基础知识
1. 学习重点：
（1）HTML文档结构
（2）文本标记
（3）处理多媒体内容与链接
（4）表格
（5）列表
（6）结构标记
2. 教学要求：
（1）掌握：HTML5基本语法，各种标签的使用方法，文字样式。
（2）理解：各种标签的应用场景。
（3）了解：语义性要求理解：本地用户账户的概念和用途。
第3章HTML5表单元素
1. 学习重点：
（1）表单的概念
（2）input元素
（3）其他表单元素
2. 教学要求：
（1）掌握：HTML5表单以及表单元素的用法。
（2）理解：各种表单元素的应用场景。
（3）了解：HTML5新增表单元素的用法。
第4章CSS3基础知识
1. 学习重点：
（1）层叠样式表
（2）处理尺寸和边框
（3）背景设置
（4）处理字体和表格
2. 教学要求：
（1）掌握：CSS3简单抉择器使用，常用样式属性定义。
（2）理解：CSS3三大特性、框模型、尺寸概念。
（3）了解：外边距溢出合并现象。
第5章CSS3高级特性
1. 学习重点：
（1）浮动
（2）显示方式和显示效果
（3）列表属性
（4）定位属性
（5）复杂抉择器
（6）内容生成
（7）弹性布局
（8）CSS Hack
2. 教学要求：
（1）掌握：CSS3高级抉择器的使用，定位属性。
（2）理解：高级抉择器原理，弹性布局。
（3）了解：CSS Hack。
第6章CSS3渐变、过渡与动画1. 学习重点：
（1）实现渐变
（2）转换
（3）过渡与动画
（4）第三方CSS动画库
2. 教学要求：
（1）掌握：CSS3渐变、过渡属性，CSS3高级动画属性。
（2）理解：高级动画属性的坐标轴与方向。
（3）了解：第三方animate.css。
第7章Less
1. 学习重点：
（1）Less的基本概念
（2）Less语法
2. 教学要求：
（1）掌握：Less基本语法，CSS与Less之间的转换。
（2）理解：Less编写规范。
（3）了解：Less函数。
第8章Bootstrap响应式网页开发
1. 学习重点：
（1）响应式的概念
（2）编写响应式网页
（3）媒体查询
（4）Bootstrap介绍
（5）栅格布局系统
2. 教学要求：
（1）掌握：响应式网页布局设计，媒体查询技巧，Bootstrap基本使用。（2）理解：视口概念，媒体查询概念，Bootstrap栅格布局原理。
（3）了解：不同媒体查询的实现方法。
第9章Bootstrap常用组件
1. 学习重点：
（1）全局样式
（2）表单
（3）组件
（4）Bootstrap高级插件
2. 教学要求：
（1）掌握：Bootstrap全局样式、常用组件使用。
（2）理解：Bootstrap样式定制。
（3）了解：高级插件用法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。