高职院校网页制作课程的教学研究

《高职院校网页制作课程的教学研究》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、高职院校网页制作课程的教学研究　　高职院校网页制作课程的教学研究　　高职院校网页制作课程的教学研究　　高职院校网页制作课程的教学研究一、引言　　随着互联网的飞速发展，网页布局的经典模式表格布局，已逐渐被灵活、加载快速、便于维护更新、代码冗余小的CSS+DIV布局方式所代替。《网页制作》是高职院校计算机专业的必修课程，也是实践性强、有市场需求潜力的工具科目，作为高职院校的教师，让学生掌握网页设计的前沿技术，培养高水平学以致用的网页编写人才，是教学和研究的主要目标和方向。本文以CSS页面布局为例，研究了如何安排教学内

2、容以及使用怎样的教学方法才能达到更好的教学效果。　　根据几个学期的教学和企业反馈，我们发现传统的教学模式存在不足。以往教学使用的是理论结合案例的经典教学模式，以书本为中心，着重讲解书中案例。虽然此种教学模式有一定的优点，即学生可以模仿书本案例步骤进行练习。但由于CSS代码读起来有点枯燥，CSS+DIV技术复杂度也比较高，和表格布局相比较，CSS+DIV布局上手相对困难，尤其对于网页设计初学者，繁杂的代码往往让人焦头烂额。对普通的高职学生而言，往往更没有耐心去学习这些乏味的代码，即使有些学生按照书中步骤完成了案例，

3、一旦脱离书本，对于新的案例将不知从何做起。所以，传统的教学模式往往事倍功半、难以培养成功。　　二、从网站分析入手，师生互动、结合实践的教学模式探究　　在几个学期教学实践、学生在企业实习以及就业学生的反馈基础上，我们改造了给高职学生讲授网页制作技术的模式，强调跟踪主流的网站设计风格，从网站分析入手，先由学生主导剖析网页布局模型，再由老师点评讲解技术解决方案，并在企业实习和实践中巩固提高学生的网页制作能力。具体教学模式讲解如下。　　（一）基础知识　　了解L的基本结构，了解网页三个主要的组成部分：结构（Structur

4、e）、表现（Presentation）和行为（Behavior）的含义。网页的结构主要由XHTML和XML来实现；通过CSS层叠样式表实现表现目的，CSS即用来定义网页内容的显示样式；具体行为是由鼠标、键盘等动作所触发的事件，标准主要有DOM文档对象模型和ECMAScript等。　　学生了解了网页的原理，熟悉了HTML的基本结构后，才能更进一步学习页面的修饰，即使用CSS来表现网页。与此同时，CSS基础知识要重点讲授。以往做过实验，将CSS基础知识融入在CSS页面布局中来讲，本以为通过有实际成果的页面布局操作能让

5、学生更容易掌握CSS基本技术，但是实践过后发现效果并不理想。因为受到学生理解能力和投入时间的限制，学生对授课内容的领悟以及预习、复习和练习不足，省略基础，会让他们不太容易接受，理解较有困难，从而直接影响了教学速度和质量。　　（二）实践操作导入　　原先CSS页面布局环节的教学内容，是直接通过CSS页面布局的案例来讲解，但实践过后，发现学生学起来有难度，因为CSS+DIV技术比较抽象，并非是完全所见即所得的操作，它主要还是依靠代码的熟悉度和对整个页面布局的思维轮廓。　　因此，对这一环节的教学内容作了调整：加入表格布局

6、的介绍。因为表格布局相对简单，容易理解且易掌握，虽然表格布局不再是主流，但学生可以通过表格布局来了解什么是网页布局。在学生熟练了表格布局后，再介绍CSS+DIV的布局方式，并让学生分别使用表格布局和CSS+DIV布局来实现同一风格的页面，比如一个左右结构的页面，左侧为竖排导航，右侧为主体内容，如图所示：　　要求学生通过实验，比较表格布局与CSS布局的区别，学生实验后会很容易发现表格布局页面代码冗长。接下来，老师提出更换页面的风格，要求学生将左右内容进行交换。学生实践后，发现表格布局模式下，需要将左右两列的所有代码

7、进行交换，而CSS+DIV布局模式下，只需将两侧div模块的浮动属性由左浮动改为右浮动即可，即将CSS样式float：left；改为float：right；。对比之下，可以发现CSS页面布局技术的优势：内容和形式分离。CSS对于网页就像外衣，穿上和脱去极为方便，而更新页面风格只需改动CSS样式即可达到效果，并且CSS样式可以独立于网页进行存储，即保存为单独的CSS文件，一个CSS文件可以用于多个网页。当一个大型网站内有多个子网页需要设置为相同的样式时，就可以将CSS样式存储为独立文件，每个子网页链接该CSS文件，

8、就可以应用其中的样式效果，很大程度地降低了代码的冗余度。　　经过一次完整的教学实践周期后，发现通过这样的教学内容调整，学生能更清楚地了解网页布局技术，在练习中体验了表格布局和CSS布局的区别，体会到了CSS布局的优越性，并且更好的掌握了CSS布局技术。此实践操作导入部分，讲述了实践操作初期如何更好地引入主体教学内容。后期的教学方法及教学内容也进行了改革，下面将详细阐述主体