网页制作技术.doc

《网页制作技术.doc》由会员分享，可在线阅读，更多相关《网页制作技术.doc（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页制作技术教学方法初探网页制作技术课程在目前的职业学校中几乎成为必开课程，但由于网络技术更新日新月异，教学方法很难于最新技术达到一致，因此在连续4年的教学当中，我考虑是否应当在教学方法上进行更新。课程的传统教学方式是先由教师在多媒体机房授课，然后安排学生在上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。而且我们软件课程的特点就是易学也易忘，因此为了将零散的知识点，一点一滴的灌输到学生的知识库中是每个计算机专业教师必须思考的问题。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一

2、定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目。此类课程要想取得好的效果，项目教学法便是首选。2003年7月德国联邦职教所制定以行动为导向的项目教学法，它把整个学习过程分解为一个个具体的工程或事件，设计出一个个项目教学方案。按行动回路设计教学思路，不仅传授给学生理论知识和操作技能，更重要的是培养他们的职业能力，这里的能力已不仅是知识或是专业能力，而是涵盖了如何解决问题的能力：方法能力、接纳新知识的学习能力以及与人协作和进行项目动作的社会能力等几

3、个方面。项目教学法的核心追求是：不再把教师掌握的现成知识技能传授给学生，而是在教师的指导下，学生去寻找得到这个结果的途径，最终得到这个结果，并进行展示和自我评价。学习的重点在学习过程而非学习结果，他们在这个过程中锻炼各种能力。教师已经不是教学中的主导地位，成为学生学习过程中的引导者、指导者和监督者，学生具有较高的积极性。网页制作是职业学校计算机类专业所特有的实训项目之一，即通过30到60学时，学生必须完成一个完整网站的制作。主要尝试从以下几个步骤实施项目教学：1分组在先学生自愿组合、后教师调配安排下，对全班同学进行分组，34人一组，采取组长负责制，由组长统筹安排其组员的分工。2规划网站在制作网

4、站前，给学生介绍不同类型的专题网站，让学生上网找出自己感兴趣的网站，要求学生在网站浏览的同时，总结此网站的风格特点，并把自己的心得介绍给老师与同学，这样不但能提高学生的学习兴趣，而且为引入项目教学法做好了铺垫。课前让学生进行网站需求的调查，在调查过程中寻找具有一定的应用价值的网站项目。课堂上让学生结合各自调查情况，提出一个网站设计的项目，参考网页设计与制作教材制定好一份初步计划书，确定网站主题。3细化任务。分工合作本着发挥学生个人特长，让每一位学生溶入网站设计的全过程，结合网页设计与制作课程的教学内容，在学生制定好具有一定应用价值网站设计计划书的基础上，通过课堂讨论，列出将要实施的几个网站方案

5、，成立项目小组，设立项目经理来负责每个小组完成一个网站。4实施项目学生确定各自在小组内的分工及小组成员问合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题，此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见，同学问可相互提示帮助，教师根据学生的掌握情况进行及时补充，对学生在应用上有困难的地方，教师提供给他们解决问题的方法。让班上绝大多数学生能完成基本的教学内容。5小组成果展示网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。作者要向教师及同学展示自己的网站，并进行作品答辩。以团队形式完成作品的，分模块展示，体现合作的同时还应有细致分

6、工，这会更加促进学生的团队意识。6评估总结学生在完成网站设计后，教师要求他们进行网站的自评、互评。这个过程可以与成果展示同时进行。学生对各自网站自评，不仅有利于学生的自主学习，且可以改进课程或教学的设计；学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。7小结网页制作课程作为职业学校计算机基础教育的重要组成部分，如何采取合适的教学方法，提高教学质量，是每一个计算机专业教师很重视的问题。除了进行教学方法改革外，

7、只有各部门、教师和学生协作和支持，才可能真正提高网页制作课程的教学质量。项目教学对提高职业学校学生的专业技能有了很大的帮助，这也同时给老师提出了更高的要求。身为一位职业学校的专业教师，一个计算机专业的授业者，必须身体力行，加强学习，提高自身素质，用最先进的教育理论引领自己做好职业教育。网页设计与制作前言进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。作为一名大学生，学习如何设计和制作网页变成了一项必不可少的过程，经过几个月的集中学习，我开始对网页的设计和制作有了初步的认识，并且学习了一些网页制作基础。网页分为静态网页和动态网页两种。静态页面

8、是网页的代码都在页面中，不需要执行asp,php,jsp,.net 等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页常见的静态页面以.html、.htm 为扩展名的。动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。所以我将以四部分阐述我对网页设计与制作的理解。首先是基于静态网页的 html 超文本标记语言和 css 层叠样式表，然后是基于动态网页的设计语言 JavaScript。最后是我对 JavaScript 与cookie 的应用知识。HTML1.HTML 标签HTML 文档和 HTML 元素是通过 HT

9、ML 标签进行标记的HTML 标签由开始标签和结束标签组成开始标签是被括号包围的元素名结束标签是被括号包围的斜杠和元素名某些 HTML 元素没有结束标签，比如 2.HTML 元素HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。关于网页制作课程中项目教学法的分层递进教学研论文摘要：当前，在网页制作课程中运用项目教学法已经相当普遍。项目教学法在该课程中的应用有很多优势，但是当学生的层次差异较大时，教学效果就会受到很大影响。文章主要探索将分层递进教学法与项目教学相结合，来解决项目教学法在网页制作教学中存在的问题。论文关键词：网页制作；项目教学；分层递进一、

10、网页制作课程概述网页制作是一门综合性较强的课程，它要求学生能够综合运用 Photoshop、Dreamweaver、Flash 等软件，完成各种类型网站的静态页面的设计及制作。通过本课程的学习，学生将掌握网页制作软件的使用方法，了解网页开发的一般流程，并能够将所学知识运用于实际网站的设计开发。当前，在网页制作课程中运用的教学法有案例教学法、任务驱动法和项目教学法。考虑到以培养学生能完成实际工作任务的职业能力为目标，笔者选择了项目教学法作为本课程的主要教学法，并探索如何将项目教学更好地运用到实际教学。二、项目教学法在网页制作课程中的应用1.教学设计原理。将项目教学应用于网页制作课程后，学生的学习

11、过程以完成一个完整的网站项目为载体，根据项目的大小，它的实施过程需要若干周的时间。由于一个完整的网站项目，其实施周期往往较长，里面涉及到的知识和技能较多，会让学生觉得无从下手。所以，在细化到每一节课的教学时，需要将大项目依据它的实施流程和功能模块，划分成若干个子项目。教师在进行每节课的教学设计时，将学生需要掌握的各种知识和技能融入到各个子项目的教学中，让学生在完成每个子项目的过程中学习网页制作的相关知识和技能。2.引入项目管理方法。在实际的网站开发过程中，项目的管理者要对项目实施的整个过程进行质量监督和进度控制，这样才能保证项目的顺利实施及最后验收时的质量保障。因此，将项目教学运用到网页制作教

12、学中时，教师不仅要充当知识传授者的角色，还要扮演项目管理者的角色，例如，项目经理、技术总监这样的角色。教师在进行教学计划时，要给学生制定一个项目进度表，项目进度表中要体现出整个项目实施的流程、各子项目的内容及子项目验收的时间。如下表：教师作为项目经理，要监控学生在每节课上按时完成子项目的内容并进行阶段验收。如果发现学生不能按照进度要求完成任务，要及时发现原因，并进行相应的技术指导。阶段验收通过后，学生可以按照项目进度表进入下一个子项目的制作。在所有的子项目完成后，教师要对整个项目进行验收、评价和打分，评分可以依据阶段验收和最终验收两个部分进行综合评分。三、采用项目教学法的优势及存在的问题分析1

13、.采用项目教学法的优势。采用传统的案例教学或任务驱动教学时，最大的问题在于学生在学完这门课程后，却从来没有完整的做过一个网站。最终导致学生在学完这门课程后也不知道如何从头到尾地制作一个网站，使教学目的无法达到，也让学生对这门课程失去兴趣。采用项目教学法进行教学，可以解决案例教学或任务教学中知识之间彼此独立的问题。由于项目中，子项目与子项目之间是相互联系，构成一个整体的，学生在完成子项目的过程中学习知识，并最终看到一个完整作品的呈现，有助于学生对网页制作这门课程知识体系的构建。而项目与项目之间又是由简入深，层层递进的关系，后面的项目在运用前一项目所学知识的前提下，继续加入新的知识，使课程的学习不

14、断向前推进。2.应用项目教学法存在的问题。项目教学法在网页制作教学中有很大的优势，它使学习过程与实际工作过程相一致，可以更好地帮助学生构建知识体系。然而，在实际教学过程中发现，单独使用项目教学法也会存在问题，主要表现在以下方面：（1）实施项目教学要求学生具备一定的学习能力，能够借助老师提供的学习资源进行自主学习，教师在整个教学过程中起到的是组织者、监控者和指导者的作用。然而在实际教学中，能力强的学生能够借助教材、工具书、实验指导书等学习资源，在教师的指导下自主学习；而能力差的学生无论在阅读教材，还是分析理解方面的能力都不强，无法进行自主学习，需要教师独立指导和反复演示讲解才能理解所学的知识。（

15、2）一个大项目中包含的知识内容较多，项目实施周期长。能力强的学生能够按照项目进度完成练习，且项目的完成质量较好；而能力差的学生无法在短时间内接受太多的知识，学习的速度较慢，这就导致这些学生经常无法跟上项目的进度，学习非常吃力。在项目验收时只能完成项目的一部分，项目的完整性较差，无法达到项目教学的目的。（3）项目的推进有时间进度要求，而每节课的教学要根据项目进度将相关知识点融入其中。学习能力差的学生如果在某个子项目上遇到困难，导致无法跟上项目的进度，后面的学习就会更加困难，从而导致一步跟不上，步步跟不上，最后对学习失去兴趣。在 网页制作 课程中采用项目教学法的优势是明显的，但学生的学习能力存在差

16、异性，导致项目教学无法达到预期的教学效果。笔者尝试将分层递进教学法与项目教学法相结合，来解决项目教学中出现的问题。四、将分层递进教学与项目教学相结合的优势分析1.将分层递进教学与项目教学相结合后，学生可以根据自己的学习能力选择相应层次的学习任务。学生完成每个层次的学习内容后都会呈现一个完整的项目，使每个层次的学生都能够学习相关的知识和技能，培养完成工作任务的职业能力。2.将分层递进教学与项目教学相合，可以让学习能力差的学生在完成子项目时的难度降低，从而使学生能够跟上项目进度，使后续的学习得以顺利进行。3.采用分层递进教学后，教师可以根据学生的能力水平，设计不同的学习任务，提供不同的学习资源。学

17、生可以根据自己的能力水平选择相应的学习任务及学习资源进行学习，从而满足了不同层次学生的学习需求。图 1 和图 2 为没有分层的班级和分层的班级在同一项目上的完成情况。从图 1 和图 2 可以看到，采用了分层的班级，“不及格”和“中”的比率有所减少，而“良”和“优”的比率显著增加。表明采用了分层教学后，学生项目完成的情况有了很大提高。在项目教学中引入分层递进教学，可以很好地弥补单独运用项目教学存在的问题，使项目教学的效果大大提升。在引入分层递进教学前，项目验收的完成率较低，学习能力差的学生基本无法完成一个完整的项目。引入分层递进教学后，不但保障了学习能力强的学生的学习要求，大部分学习能力差的学生

18、也能够完成一个简单的项目，达到项目验收的要求。五、将分层递进与项目教学相结合的实践与探索1.小组的分层设计。利用学生之间的差异性分成若干个学习小组，根据机房座位的分布方式设定每个小组的人数，每个小组人数不宜太多，以免组长无法及时对每个组员进行指导。每个小组按 A-2*B-C 的模式组合：A 层学生学生能力较差，B 层学生学习能力中等，C 层学生学习能力较强。将 C 层学生任命为组长，负责指导和验收小组成员，利用 C 层学生带动B 层学生，B 层学生帮助 A 层学生进行学习。2.学习任务的隐性分层。在设计分层任务时，采用隐性分层的方式。不限定学生在某个层次上，而是将各层任务都展示给学生，让学生根

19、据自己的学习能力自行选择相应层次的学习内容。笔者将各子项目分成了 A、B、C 三层次。A 层任务是基本任务，设计的内容是大部分学生都能完成的，内容较少，难度较低，以保证学习能力差的学生能够完成。B 层任务在 A层任务的基础上对知识进行递进，增加了任务量和难度，满足中等水平学生的学习需求。C层任务在 B 层任务的基础上进一步增加知识的难度，对相关知识进行拓展，满足学习能力强的学生的学习需求。在这三个层次的任务外，可以设计一些拓展层任务，将知识进一步拓展。当学生完成了 A 层任务后，可向 B 层，C 层和拓展层任务递进，实现分层递进的教学目标。3.学习资源的分层设计。学生在学习能力上的差异性，需要

20、针对其学习能力的特点提供不同的学习资源。（1）A 层学生的自学能力较差，体现在学习能力上的缺陷有：阅读理解能力差，不善于查找工作书，不善于思考问题，注意力不集中，记忆能力差，不会归纳总结等。针对 A层学生的能力特点，要为他们提供尽可能多的学习资源。例如，告诉 A 层学生在课本上具体的哪一页有操作步骤；在任务指导书上给出详细而具体的操作步骤；提供教学视频给 A层学生辅助学习，让他们能够按照视频演示模仿完成练习；直接将归纳总结好的内容展示给A 层学生，让其加深印象等。（2）B 层学生具有一定的自学能力，主要体现在：具有一定的阅读理解能力和运用工具书的能力，但对知识的分析理解和拓展迁移的能力较差。针

21、对 B 层学生的能力特点，可以在任务指导书的设计上不直接给出具体的操作步骤，而是设置一些简单的开放式问题启发B 层学生思考；指导 B 层学生通过目录查找工具书上的相关知识，在不断的调试过程中找到合适的操作方法；利用启发式的问题，引导 B 层学生对知识进行归纳和小结。（3）C 层学生无论在阅读理解、思考问题、归纳小结和拓展迁移上的能力都较强。因而，教师在任务指导书的设计上可以充分的运用开放式问题启发 C 层学生思考，引导其对知识进行分析理解并达到灵活运用。注重培养 C 层学生对知识的迁移和拓展，引导其在完善项目的过程不断发现问题，并通过查找工具书、网络搜索和专家资讯等方式，找到问题的解决方法，使

22、 C 层学生不仅仅停留在课堂上的学习，而是将学习不断进行深入。4.评价的分层。整个教学过程中都采用了分层递进法，因而在最终的验收评分中，是否要进行分层评价、如何进行分层评价则是值得探讨的问题。在教学中，笔者采用了自我评价、小组评价和导师评价相结合的方式，侧重于评价学生在整个学习过程中的情感态度。学生通过自我评价，了解自己当前的学习状况，与自己相比是否有进步，努力程度如何等。通过小组评价，促使学生形成与人合作的意识，看到自身存在的差距及努力的方向。通过导师评价，一方面可以让教师对每个学生的学习情况有全面的了解，另一方面通过反馈的方式，让学生了解自己的项目完成情况及改进之处。六、教学设计中需要注意

23、的问题1.在各个子项目中，虽然各层任务有差异，但将各子项目的各层任务整合起来后，都必须是一个完整的项目。学生无论选择哪个层次的任务进行学习，最终都能做出一个完整的项目来，这样才能达到项目教学的目的。2.在各个层次教学内容的设计上，要注重各层次任务间的递进关系，使学生完成了低层次任务后向高层次任务递进，帮助学生不断提高学习能力，达到分层递进的教学目的。3.在教学设计环节，比较难把握的是任务设定的难易程度。任务太容易，学生会觉得没有挑战性；任务太难，会让学生产生畏难情绪，因而要对学生的情况有充分的了解。试论“网页制作”在中职教育中的教学改革摘要：本文针对“网页制作”作为一门市场急需的应用性课程在中

24、职教育中的改革进行了论述，主要分析了如何在教学目标、教学学时、教学内容、教学方法、教学考核方式上实践改革，提高教学的有效性。关键词：中职网页制作教学改革实践随着计算机网络信息技术的发展，Internet 已经成为一种主流的沟通平台。因此，“网页制作”作为 Internet 应用的重要内容，是目前各中职学校普遍开设的一门重要的专业课程。但很多中职毕业生在网页制作上水平还只是停留在很低的层面上，再加上用人单位对其从业人员的要求越来越高，使他们很难满足市场竞争的需要。本人认为，造成这一被动局面的主要原因是教学模式过于传统单一，无法调动学生的学习积极性；实践课时不足，使学生实际掌握能力无法提高；教学内

25、容跟不上现有技术发展，使学生不能符合市场需求。因此，本人经过不断地思考、探究、尝试和调整，觉得可从以下几点进行这门课程的改革：一、教学目标改革中职学生的学习目标主要是就业，因此，要以就业为导向，了解社会对网页制作技术的需求和标准，制定明确的教学目标。经过调研，企业的要求着重归纳为以下四点：1、具有团队精神，具备良好的职业素养和沟通能力。2、能熟练使用 Dreamweaver、Flash、Photoshop 等相关工具，熟悉 JSP 等编程语言。3、熟悉网站建设流程及构架。4、具有一定的美术基础，如配色和排版方面。因此，该课程的教学目标可以制定为：通过对该课程的学习，学生应具备以上四个方面的能力

26、。二、教学课时改革由于中职教育的特色在于实践性强，同时根据市场对实操能力的偏重需求，因此，要增强学生对这门课程的动手操作能力，则要加大该门课程的实践教学学时，基本达到理论教学与实践操作 12 的比例设置。比如说尽量缩短对制作网页的 Dreamweaver 软件的演示教学时间，并尽量在机房里进行同步多媒体教授，这样可以让学生有机会立即动手实践教授内容，实现对知识巩固的及时性。三、教学内容改革跟进信息技术的更新发展，将最新的技术融入传统的基础教学中，才能设计出适合市场需求的教学内容模块，从而提高学生的就业竞争力，比如流行的 DIV+CSS 构架网页、精美细致的纯 Flash 网页。除了教授制作网页

27、的主要软件外，还可以增添配套的选修课程，如色彩的搭配、排版的技巧、数据库的应用、JSP 编程语言等，从而巩固学生的基础知识和背景知识，并加深学生的综合能力，与就业接轨。四、教学方法改革1、创设情境，提高学生的积极性要将教学内容设计贴近学生的学习和生活实际，紧紧抓住学生的好奇心和注意力，激发其学习兴趣，再将教学内容层层推进，逐步加深。例如在教学之初，抛开课本上大段的理论文字，收集网上的经典案例和往届学生成功的作业展示给学生，引导学生从不同角度欣赏这些作品，并对比自己的作品，查找出自己的不足之处，分析解决的方法；让学生收集、整理一些报纸、杂志上的专题资料作为素材，并参照报纸、杂志上现成的排版进行设

28、计网站。久而久之，学生通过研究优秀网页，进行分析思考，会形成自己的网页设计习惯。这样不仅较好地提高了学生的积极性，也提高了他们的自学能力，更提高了教学的效率。2、实施任务驱动教学法，提高学生的独立思考能力和创造能力为了培养学生运用已学的知识独立思考，不过分依赖老师，创造性地分析问题、解决问题，应加强实践教学。此时，可以采取以项目教学、任务驱动为主要教学方法。可将教学内容分为几个贴近生活实际需要的项目，如个人博客、BBS 留言板等一些在实际生活中经常用到的网站系统项目，然后将每个项目分解为一个个学习任务，指导学生围绕一个共同的项目任务，以完成具体的任务为目标，一步一步地消化、吸收教学内容，从而分

29、解并降低其教学难度。如我们可将其分成：如何为网页设置合适的背景，如何插入背景音乐，如何实现公告栏功能，如何设计下拉菜单，如何设置搜索功能，如何实现漂浮的小通告，如何实现用户登录等。在此教学过程中，学生成为教学的主体，不再是被动接受知识，而是充分发挥自己的独立思考能力和创造能力，通过尝试、探索、沟通，以及教师和同学的互助，进行学习。这样，学生不仅可以学到并掌握新知识、新技能，而且可以提高自身分析问题的能力，提高学习信心和学习效率。3、组队设计建站，提高学生的合作性和竞争性为培养学生的协作技巧和沟通能力，使其今后在社会上能有良好的竞争基础，教师可以拟定专题网站，然后把学生按实际情况分小组进行设计并

30、建立网站，要求组内小组长建立明确的责任制，保证每位学生都有任务，只有小组内成员都达到了预定目标，小组才能算是获得了成功；可在小组间引入竞赛机制，来评定最终实现的成果。使用组内协作、组间竞争的教学方式既可以培养学生的团队合作精神，又可以使基础薄弱的学生得到帮助，利用团队的力量带动其共同进步，还可以提高学生的竞争意识，从而有效提高课堂教学的效率。五、教学考核改革以传统的笔试来考核学生对各个知识点的掌握，重点就是理论知识，对学生掌握实用性技能帮助不大，因此可以采取以下方式进行考核改革。1、改变成绩所占比例，将上机实践中完成的各个模块作为成绩的重要指标，如理论笔试与上机测试的评分比例为 28。2、理论

31、考试与实践操作分离，分别进行考核。上机考核可把理论考核的各个知识点做成客观性命题组成试题库，然后考试时再抽取相应试题，这样就具有针对性和公平性，可使学生心态平稳，学得放心也考得安心。3、实践上机考核可采取在规定时间内利用给定的素材、利用授课所学的软件完成规定技术要求的网站设计和制作，以检测学生创意、设计、理解题材、图像加工处理、动画制作、色彩运用、布局、站点管理等综合能力。六、总结作为一门重要的中职教育课程，“网页制作”教学改革是势在必行的。我们作为教师，必须把握网络信息技术发展的脉搏，立足于实践，定位于实用，竭力提高教学有效性，这样才能培养更多符合时代要求的学生，才能更好地适应中等职业学校教育的发展方向。