《电大Web开发基础期末复习指导》.pdf

Web开发是时下最流行的技术之一。现代Web开发包括PC端网页的开发，移动端APP的开发，

以及微信生态系统中公众号和小程序的开发。可以说Web开发深入到生活的方方面面，用途极其广

泛。因此，学习Web开发，尤其是了解和学习Web前端网页开发是非常重要的。

Web开发基础课程是Web前端开发的基础。Web开发基础课程主要介绍了基本的网页内容和样

式的开发，还增加了动态样式语言和响应式的讲解，是一门实践性极强的课程，技术点多、涉及面

广，部分章节存在理解困难的问题。为帮助同学们有效地复习这门课程，下面按照教学大纲的要求，

对各章的重点、难点进行归纳、总结，供同学们在复习时参考。

一、本课程的复习方法

1.复习方法

（1）注重上机实验。重复就是记忆。本课程实践性强，知识点比较零散。对很多属性名词和

使用方法，只有通过反复实验才有可能理解并记住，所以上机实验很重要。它不仅可以加深对课本

知识的学习，而且可以使同学们获得很多实际工作的经验，这对于增强动手技能，提高分析解决实

际问题的能力和专业素质很有帮助。同学们应该尽量做全、做好实验。实验前要三思而后行：想做

出什么效果，分几步做，可能会用到哪些知识。实验中应注意出现的结果，并分析原因，特别是如

果出现不正常的情况，最好能对现象、解决办法、原因进行记录。

例如，在学习第四章“4.2.6实验：实现首页布局结构”时，首先需要明确自己想实现什么样的页

面效果，然后尝试将整个页面划分为多个小部分，分块实现。对于那些需要特殊处理的地方，比如

如何让元素水平排列等，提前回顾课程内容，找到解决方案。最后，才是动手编码实现效果。完成

实验后，总结一下：今后，如果再实现其它页面的布局时，这次案例中有哪些可以吸取的经验。其

实，大多数网页的整体布局结构，无非优先的几种。只要善于归纳和总结，就能起到举一反三，事

半功倍的效果。

（2）梳理思维导图。思维导图是公认的、帮助归纳总结和记忆知识点的有效手段之一。课程

教材中有明确的目录结构，但是未具体到每个知识点。在梳理思维导图时，可根据教材目录结构为

基础，边总结，边添枝加叶，丰富思维导图的内容。同时，思维导图要严格按照3W1H（WhatWhy

WhereHow）的思想梳理知识点，并且应该只包含最精炼的概念、用法、问题以及解决方案。不应

包含过多冗余的描述性内容。推荐的思维导图格式如下：

1

（3）认真完成文字教材的练习与作业。平时应认真、独立地完成文字教材的练习与作业。在

复习时，应把课后知识点总结和习题复习一遍，特别对重点要求的内容和在解题过程中出现的错误

的地方应格外注意。根据教学大纲要求，考试难度不会超出规定范围，而文字教材的练习与作业就

已经充分体现了教学与考核的重点，所以应该认真完成。

2.学习建议

（1）学以致用。Web开发基础是一门实践性非常强的课程，且知识点非常繁杂。单靠看书和

背知识点，很难全部记住。只有反复的将知识点，应用到动手实验中，才能达到重复就是记忆的效

果。因为Web开发基础课程的实验，都是综合性的。所以，后边的实验中，就会反复用到前边的知

识点。所以，反复的练习实验的内容，无形中也是在反复的复习之前的知识点。比如：“6.3.4实验：

实现产品介绍动效”中，即用到了普通的CSS样式属性，又用到了CSS定位的属性，又用到了CSS3

变换的属性和过渡的属性。做一个实验，等于复习了3、4、5、6四章的内容。所以，学以致用，

依靠重复记忆，才能形成知识点在头脑中的条件反射，得到学会的目的。

（2）一图百文。实践性非常强的课程，单靠看文字内容，很难直观的想象出运行的原理。尤

其是后期的一些动态效果实现过程，就更难单靠想象来设计实现的步骤。比如：“6.3.4实验：实现

产品介绍动效”，每个面的CSS3变换过程，必须自己画画图，甚至拿出六张纸，模拟一下变换的过

程。才能直观的看到书中讲解的变化过程，印象深刻。所以，与其盯着文字看，反复看也百思不得

其解，不如画画图，看看视频中的动态讲解过程。在视频讲解中，包含非常直观的图形和动态效果

原理的演示和讲解。一目了然，印象深刻。所以，在学习过程中，要善用多媒体的手段与文字相结

合的方式，两条腿走路，才能融会贯通。

（3）深入浅出。学习讲究先把书读厚，再把书读薄。其实，就是深入浅出的过程。刚开始学

时，要深挖原理，穷尽可能，正面立论，反面驳斥。可以自己给自己