混合教学在中职《网页设计与制作》课程中的应用

项目教学法在《网页设计与制作》中的应用　

黄文苑　广东省财经职业技术学校广东佛山　５２８２　３１　

【摘要】《网页设计与制作》是一门实践性很强的课程，项目教学法是大胆开放课堂，以任务为主线、教师为主导、学生为主体的方式来完成学　习任务，并及时评价学生成果的教学方法。本文对项目教学法中如何设计任务进行描述，通过该模式的应用提高学生学习的主动性和创造性，为本　门课程教学的顺利进行提供保障。　【关键词】项目教学网页设计与制作教学法　中图分类号：ＴＰ３９３文献标识码：Ａ文章编号：１００９—４０６７（２０１３）１２—１７８—０２　

一、项目教学法概述　１、项目教学法的意义　项目教学法是一种典型的以学生为中心的教学方法，通过实施一个　完整的项目而进行的教学活动。在实施项目教学法时，首先应确立切实　可行的项目，然后将项目划分为若干个项目模块，每个项目模块又划分　为一系列的项目任务。教师在教学过程中起到咨询、指导与解答疑难的　作用，学生在学习过程中由被动的接受者变为积极的参与者，体验解决　Ｔ作任务的乐趣。项目教学目的在于课堂教学中有机地结合理论与实践　教学，发掘学生的创造潜能，提高学生解决实际问题的综合能力。　２、项目教学法的核心　项目教学法的核心追求是：不再把教师掌握的现成知识技能传授给学　生，而是在教师的指导下，学生去寻找得到这个结果的途径，最终得到这　个结果，并进行展示和自我评价。学习的重点在学习过程而非学习结果，　他们在这个过程中锻炼各种能力。教师已经不是教学中的主导地位，成为　学生学习过程中的引导者、指导者和监督者，学生具有较高的积极性。　二、项目教学法在《网页设计与制作》课程中的实施　《网页设计与制作》是一门实用性、操作性很强的课程，如何设计　项目是项目教学法开展成功与否的关键。在设计项目时，要考虑到网页　制作所涉及的理论知识、操作方法与技能、相关的扩展知识的连接，然　后将这个项目分解为几个较小的任务，在以后的教学中分步骤的指导学　生去完成。由于是中职的学生，大部分同学都是对电脑操作比较感兴趣，　而且电脑基础也不错，综合诸多方面的因素，我首先将整门课程分为三　个大项目：个人网站、企业网站和动态网站。　１、个人网站项目的设计　个人网站是本门课程的入门，也是基础知识涉及最多的一部分。在　教学刚刚开始时，我推荐一些富有特色的网站供学生欣赏，将学生带入　真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何　建设网站、设计网页。　在开始完成个人网站前，需要先学习一些先导知识，包括：文本、图　像、超链接、表格、ＣＳＳ样式等。教师要针对这些知识点作为—个个的任　务，再将大任务进一步细分为一些小任务。任务应从易到难，小任务应紧　密围绕总体任务去一个个地实现。教师要充分结合网页的特点创设可以引　发学生学习兴趣的任务，为学生营造一个喻快的学习氛围，以使他们自觉　主动地完成任务。表ｌ一１是我结合个人网站任务分解的子任务。　

实例教学法在《网页设计与制作》课程中的应用　谢文兰　摘要：对《网页设计与制作》课程的教学方法进行探讨，针对传统教学中存在的问题，提出实例教学法，让学生在一个具体的实例中学　到知识，再用到实践。该方法大大增加了学生的学习积极性，从“老师要我学”变成了“我要学”，提高了他们的实践能力，从而达到较好　的教学效果。　关键词：传统教学：实例教学法：学习兴趣；实践能力　０引言　随着网络的快速发展，网页设计技能也成为网络时代必备　的技能之一。因此，网页设计与制作也成为了各个大专院校的　一门重要课程。网页设计与制作是一门实践性和操作性部很强　的课程，想要制作出漂亮精美的网页，需要学生多思考，多练　习。因此，如何激发学生对网页制作的兴趣，使他们自己愿意去　制作网页，从而提高他们动手制作网页的能力，成为了这门课　程的关键所在。笔者在近两年中的网页制作教学中，进行了一　些思考和实践，下面谈谈实例教学在网页设计教学中的应用。　１传统教学存在的问题　网页设计的内容很多，有ＨＴＭＬ超文本标记语言、表格、文　字、图片、超链接、ＣＳＳ、层、网页行为、布局、框架等等。如果老师　只是按照书本的先后顺序跟学生讲解每个知识点，而没有把这　些知识融入到一个具体的实例中，加上这些知识结构关联性不　强，因此很容易造成学生的混乱。比如说，在网页的基本操作　中，老师先向学生演示如何插入一个表格，再要学生练习。然后　设置边框的属性，再跟学生说如何插入图片，这样讲一点练一　点，学生提不起任何兴趣，只是依着葫芦画瓢，很容易使学生产　生厌学情绪。更重要的是，这种教学模式会丧失学生学习的主　体性，而且会导致学生在实际应用中无从下手，上课的时候好　像听懂了，但是学完这些知识后，不知道应该如何综合运用所　学的知识做一个具体的网页，严重打击了学生学习的积极性。　老师觉得上课气氛太沉闷，学生觉得上课太无趣。这样大家都　进入了恶性循环，老师越来越觉得上课太没有气氛，学生越来　越觉得上课没意思，不想学。　２实例教学法　２．１实例教学的特点　学习《网页设计与制作》这门课程不仅要求学生掌握软件　的使用，还要求学生能独立制作出网页。实例教学法打破了以　前传统的教学模式。“实例教学法”也叫案例教学法或个案教　学法，它是在老师的指导下，根据教学目标和内容的需要，采用　案例组织学生进行学习、研究、锻炼能力的方法。它能创设一个　良好的、宽松的教学实践情景，把真实的典型问题展现在学生　面前，让他们设身处地地去思考、分析、讨论，对于激发学生的　学习兴趣，培养创造能力及分析、解决问题的能力极有益处。实　例教学法按照知识点把课程独立划分成一个个典型案例，引导　学生对知识点的掌握。与传统的以教师讲授为主的被动灌输式　教学相比，实例教学是一种注重师生互动的开放式研究型的教　学方法，其注重学生动手能力的培养，符合教育的特点。实践证　明，运用“实例教学法”能收到良好的教学效果。　２．２实例教学应该注意的地方　实例设置的原则应该考虑以下几个方面：（１）实例应具有　针对性，这样做容易突出授课目标，不易偏离授课内容。（２）实　例应具有代表性，让学生能够从该实例中得到启发，进行拓展　性思考。（３）实例应前后相互联系，相互渗透，后续阶段的实例　尽可能涵盖前面的内容，以加深和巩固所学的知识。（４）实例应　具有真实性，从实际出发，根据学生的特点，尽可能设计一些学　生感兴趣的、贴近生活工作的实例。通过生动有趣的实例教学　重要环节，而且学生学习情绪是否高涨，也取决于能否控制学　生的注意力，激发起学生学习的兴趣，在这时设置“悬念”，就成　为集中学生注意力的一个最直接、最有效的诱因。如在学习七　年级下册《抗击侵略的英勇斗争》这一节时，笔者会先演示戚继　光、郑成功、康熙等人物的图片，同时问学生喜欢看影视作品　《康熙王朝》吗？你们想知道他们的事迹吗？从而导入新课。　第二，在教材过渡时设置“悬念”　每节课的教学内容，都是由一些相关内容有机结合的整　体，如何使学生顺畅地由一个教学环节过渡到另一个教学环　节，悬念的设置就起到承上启下，理顺教学结构的作用。　第三，悬念设置在知识的重点、难点之处　４０分钟的教学，要使学生注意力始终保持饱满的热情，确　实不易。“研究表明，经过１０—２０分钟的注意起伏，便会导致注　意不随意地离开客体，教师讲课时每隔１０—１５分钟使学生转换　一下不同种类的活动，这样有助于学生注意的稳定。”因此，悬　念设置在重点、难点处，既可使学生引起重视，又可消除由于被　动思维带来的疲劳感觉。　总之，作为一名农村中学历史教师，应重视确立自己的正确　教学思想，转变、更新传统的教育观念，不断改革创新适应时代　发展需求的教学方法，从而促进农村中学历史科教育改革的深　化与发展。吸引学生的注意力，把无意注意转为有意注意，提高　学生学习历史课的兴趣。　（作者单位：梅州１市丰顺县东海中学）　广东科技２０１１　６第１２期　

《网页设计与制作》课程教学大纲

《网页设计与制作》教课纲领

（ 114 学时）

一、课程性质和任务

本课程是中等职业学校的计算机专业的一门专业课。 其主要任务是学习相关网页设计与制作的基础知识和基本技术， 使学生可以娴熟地制作出一般企事业单位所需的中高级水平的网页。

二、课程教课目的

本课程的教课目的是使学生掌握网页制作的基本知识和基本技

能，掌握网页内容对象的制作方法及技术， 拥有对网页内容多个对象进行合理布局与设计的初步能力。

（一）课程目标要求

1 、掌握制作简单网页的基本方法。

2 、掌握 HTML 常用标志及其功能格式。

3 、掌握向网页中输入对象的方法。

4 、会制作网页中各样超链接。

5 、掌握网页内容多个对象的布局方法。

6 、能给网页适合增添动向成效。

7 、认识高级网页制作技巧。

8 、能进行站点管理和保护。

（二）能力培育目标

1 、掌握 FrontPage 基本操作及技术。

2 、会用 HTML 编写改正简单网页。

3 、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。

4 、站点创立及站点内超链接的制作技巧。

5 、能绝对定位和相对定位，表格，框架对网页合理布局。

6 、会用模板、主题、款式制作高质量网页。 《网页设计与制作》课程教学大纲

7 、利用各样插件，控件脚本程序制作高级网页。

（三）思想教育目标

1 、培育学生网上分辨是非，合理运用网络资源的能力。

2 、培育学生踊跃长进的修业态度和较强的自控能力。三、教课内容和要求

（一）理论教课摸块

1 、FrontPage 基本观点

1 ）新增功能、工作界面构成。

2 、制作简单网页

1 ）网页文件基本操作方法。

2 ）输入文本、制作超链接的基本方法。

3 、HTML 语言基础

1 ）HTML 基本法与构造。

2 ）常用标志的功能、格式。

4 、增添网页元素

1 ）输入标题、文本并对其进行格式化。

《网页设计与制作》教案

第一章：网页设计基础

1.1 教学目标

让学生了解网页设计的基本概念和原则

让学生掌握网页设计的流程和方法

1.2 教学内容

网页设计的概念和定义

网页设计的原则和要素

网页设计的流程和方法

1.3 教学方法

讲授法：讲解网页设计的概念和原则

实践法：学生动手实践设计简单的网页

1.4 教学评价

学生能回答出网页设计的概念和定义

学生能理解并运用网页设计的原则和要素

学生能独立完成简单的网页设计

第二章：HTML与CSS基础

2.1 教学目标

让学生了解HTML和CSS的基本概念和作用

让学生掌握HTML和CSS的基本语法和用法

2.2 教学内容

HTML的基本概念和语法 CSS的基本概念和语法

HTML和CSS的综合应用

2.3 教学方法

讲授法：讲解HTML和CSS的基本概念和语法

实践法：学生动手实践编写HTML和CSS代码

2.4 教学评价

学生能回答出HTML和CSS的基本概念和作用

学生能理解并运用HTML和CSS的基本语法和用法

学生能独立完成简单的HTML和CSS代码编写

第三章：网页布局与排版

3.1 教学目标

让学生了解网页布局和排版的基本原则和方法

让学生掌握使用HTML和CSS进行网页布局和排版的技术

3.2 教学内容

网页布局的基本原则和方法

网页排版的基本原则和方法

使用HTML和CSS进行网页布局和排版的技术

3.3 教学方法

讲授法：讲解网页布局和排版的基本原则和方法

实践法：学生动手实践进行网页布局和排版

3.4 教学评价

学生能回答出网页布局和排版的基本原则和方法 学生能理解并运用HTML和CSS进行网页布局和排版的技术

学生能独立完成具有良好布局和排版的网页设计

第四章：网页动画与交互

4.1 教学目标

让学生了解网页动画和交互的基本概念和原理

让学生掌握使用HTML和CSS实现网页动画和交互的技术

4.2 教学内容

网页动画的基本概念和原理