网页设计课程教学解析

导言：作为写作爱好者，不可错过为您精心挑选的1篇网页设计课程教学解析，它们将为您的写作提供全新的视角，我们衷心期待您的阅读，并希望这些内容能为您提供灵感和参考。

网页设计课程教学解析:计算机网页设计教学分析

摘要：

在网络技术迅速发展的今天，网页设计与制作已经成为当今社会上一种比较热门的技术，也是“计算机应用技术、网络技术、电脑艺术技术”等专业学生的必修课，同时，也是相关专业学生的选修课。在实际的计算机网络设计教学中，由于教师专业经验不足、课时及实践设置不合理等原因，使教学的效果大打折扣。为了保证教学过程取得成功，提高教学质量，本文简要分析现阶段网页设计教学模式存在的一些问题，并介绍一些比较先进的教学方法，希望能为达到理想的教学效果提供借鉴。

关键词：

计算机；网页设计；教学模式

1引言

随着互联网的高速发展，我国逐步进入信息化时代，各行业领域对于专业计算机知识人才的需求都有了明显的增加。为了满足社会的需求，我国一部分职业技术学校与高等学校纷纷开设计算机运用与维修、计算机网页设计等课程，这些课程的开设为我国培养了大量的IT人才。近些年，虽然计算机教学取得了不俗成绩，但是我们也要正视教学中存在的一些不足。

2计算机网页设计教学中存在的问题

2.1教师专业经验不足

我国职业院校的大部分老师是师范毕业生，这些教师往往存在教学基础与经验的不足，教师缺乏必要的实际应用动手操作能力。因此在教学时大多是照本宣科，并没将教材的知识点与实际运用情况相融合，生硬的课堂语言，让课堂气氛变得沉闷，学生学习的兴致不高。网页设计这门课程实用性强，不但需要扎实的理论知识，而且需要大量的实践过程[1]，如果不能实践上机操作的话，那么就会对所学的知识一知半解，达不到教学的要求。

2.2课时及实践设置不合理

很多职业院校一周只安排2个课时的网页设计教学，课时过少，学生在进行网页设计与制作的实践时，跟老师互动、交流的机会也就相应减少，这就不利于学生对所学知识的巩固。而且学生若在实践过程中碰到难题不能在老师的帮助下及时得到解决，这也会极大挫伤学生学习的积极性。此外，学校更多的是注重理论知识的灌输，常常忽略实践上机操作的重要性。

2.3学生本身学习能力有限

随着90年代末高校的扩招，高等教育事业得到了迅猛的发展，高校的扩招对中专教育造成了强大的冲击，很多人选择了去高校就读，导致中专院校招生越来越困难，学生数量以及整体质量均有所降低。大多数中职生基础比较薄弱，而且自觉性比较差，上课时不主动积极，导致其不能完全接受、消化教师所传授的内容，更不用说进行深层次的探索与创新了。

3提高计算机网页设计教学质量的方法

3.1提高教学质量，改进教学方法

在传统的教学中，大多数老师仍然沿用灌输式的教学模式进行教学，教学方法单一，枯燥乏味，沉闷的课堂气氛会大大降低学生学习的积极性，甚至会让学生产生厌学情绪。为了激发学生的学习热情，现在很多老师在教学中融入了项目教学法、案例演示法、头脑风暴法等较先进的教学方法。第一，项目教学法。项目教学法就是在老师的指导下，将一个相对独立的项目交由学生自己处理，信息的收集、方案的设计、项目实施及最终评价，都由学生自己负责，学生通过该项目的进行，了解并把握整个过程及每一个环节中的基本要求。“项目教学法”最显著的特点是“以项目为主线、教师为引导、学生为主体”，具体表现在：目标指向的多重性；培训周期短，见效快；可控性好；注重理论与实践相结合。项目教学法是师生共同完成项目，共同取得进步的教学方法。但是教师在应用这一教学方法时要对学生的学习能力、基础知识的储备进行全面的考虑，不能一刀切。第二，案例教学法。案例教学法是教师根据教材内容，选择具有启发性的、紧扣教材内容的典型案例，通过具体的情境提高学生理解、掌握知识、感悟等综合素质的一种教学方法。传统的教学方法是老师讲、学员听，听没听、听懂多少。要到最后的测试时才知道，而且学到的都是死知识。在案例教学中，学生拿到案例后，先要进行消化，然后查阅各种他认为必要的理论知识。这无形中加深了对知识的理解，而且是主动进行的[2]。捕捉这些理论知识后，他还要经过缜密地思考，提出解决问题的方案。第三，头脑风暴法。通常所说的“头脑风暴法”，是指将不同专业与背景的人集中到一起，让他们互提设想，互相撞击，求得新创造、新构思的方法。它是一种名符其实的集思广益法，它能使每个参与者在决策的过程中，思考相互冲击，迸发出火花，作出创造性的问题解决方案。在教学中实施头脑风暴法有助于培养学生的创造思维，让每个学生的脑子动起来，极大地提高课堂教学效果。

3.2设计科学、合理的专业教学

计算机专业的课程一般都属于要求具有较高动手操作能力的专业技能课程，因此，在专业教学课程的设定方面，应该以实践上机操作为主，让学生多动手练习，实践理论知识的学习，引导学生对所学知识的思考。专业课程的设计应该将重点方向定位于社会实际应用。学生所学的专业知识与技能，在今后的岗位中，主要的应用就是实践操作。只有让学生多方位地全面掌握基础，在基础的层面上加深专业技能的培训，才能让学生在众多的竞争者中脱颖而出。中职教育的最终目的在于学生就业，因此，教学内容的设定应该与就业紧密结合，这样才能够为社会培养出高素质的计算机专业劳动者和技能人才。

3.3加强教师技术培训

当今社会，知识更新越来越快，特别是在计算机领域方面。我们的教师也要不断学习，强化自己的专业能力。此外，可以有计划的安排专业教师到企业实践，这样才能让教师了解计算机网络发展的最新动向，加强教师的实际应用动手操作能力，为教师今后的教学指导方向。

4结束语

计算机传统的教学模式，已经不能适应现代不断更新的计算机技术的需求。教师必须摒弃传统的教学模式，改变教学理念，培养学生拥有较强的专业技能、较高的综合素质，只有这样学生才能够适应社会发展的需求，在众多竞争者中脱颖而出。

作者：陈上 单位：海南软件职业技术学院

网页设计课程教学解析:网页布局网页设计教学应用

摘要：

在现在的网页设计中DIV标签的使用越来越频繁，DIV标签的作用也越来越重要，以前那种以内容为中心的网站已经成为过去式。论文在分析表格布局技术及CSS技术的基础上，阐述了应用DIV+CSS技术进行网页布局的优势。从高校计算机网页设计课程的教学情况出发，文章中提出了DIV+CSS技术在教学中的应用措施。

关键词：

网页布局；DIV+CSS方案；HTML优化；网页设计

只有当好的网页结构和优秀的网页布局相结合，才能达到最好的浏览效果，使浏览网站的用户感受到最好的用户体验，如何设计出这样的网页就是我们现在研究的重点。

1表格布局技术

早期页面布局的方式主要用框架及表格。在HTML和浏览器还不够完美的时候，我们想让页面内的元素能有一个让人满意的格局是比较困难的事情，由于表格不单可以控制单元格的宽度和高度，而且可以相互嵌套，所以为了让每个网页元素能够放在合适的位置，表格就成为网页设计者的主要工具。表格在页面布局上比较容易控制，通过表格的套入可以轻松地实现各种各样的布局，但是当你需要制作一个繁琐的页面时，HTML文档就会充满了标签。同时，因为浏览器需要把整个表格加载完后才会显示出来，因此加入一个表格过长，那么访客就需要等很长的加载时间才可以看到页面内容。使用表格布局页面会让HTML文档的内部结构变得杂乱不堪，HTML文档字节数变得越来越大，在落后的设备上，页面需要大量修改，正是这些弊端，使得网页开发者开始注意Web的标准。

2CSS样式

CSS就是CascadingStyleSheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。CSS是Web标准中表现标准语言。使用CSS可以简化网站的格式代码，加快网页显示的速度，外部链接样式可以同时定义很多个页面，大大降低了重复劳动的工作量。CSS标准中重新定义了HTML中原来的文字显示格式，并增加了一些新理念，比如类、层等，可以对文字进行定位、重叠等操作，提供了更多丰富多彩的格式；同时CSS可进行集中样式管理。CSS还可以将样式定义独自存储于格式文件中，这样可以将显示的内容和显示样式定义分开，以便于多个HTML文件共享样式定义。除此之外，一个HTML文件也可以使用多个CSS样式文件中的样式定义，相对于之前传统HTML的表现而言，在网站的建立及重构过程中使用CSS技术，可以精准的掌握页面里每一个元素属性，例如：字号样式、背景、排列方式、区域尺寸、项目符号等，方便地实现网页的结构与内容表现完全分离，使站点的加载速度及维护更加方便。使网站的功能扩展性达到前所未有的增强。

3DIV+CSS技术

DIV+CSS是目前应用最多的一种网站布局技术，使用DIV+CSS的网页布局方案，首先需要把HTML结构化，我们可以先不考虑网页的外观。先将内容放在设置好的DIV中，让结构由DIV产生，然后再使用CSS进行格式设计，即“外观”设计。在网站设计前需要对网页进行规划设计。例如，一个页面可能有类似这样的几块：网站名称、主页、子页面导航（主菜单）、子菜单、搜索框、展示区、页脚等。与传统的表格布局相比较，使用DIV+CSS进行网页布局还具有以下优势：更快捷的被搜索引擎的引用，加载速度更快；CSS使用灵活，使页面元素样式多变，利于维护和更新；使用DIV+CSS技术，可以减少视觉的相同性，同一网页在不同浏览器中表现的效果相同或基本不变，保持网页的美感；表现和内容相分离、提高页面加载速度。

4DIV+CSS技术在教学中的应用措施

在网页设计课程学习时，经常是使用Dreamweaver网页开发软件，Dreamweaver是一个视觉化网页开发工具，可以方便、高效的实现DIV+CSS技术对页面进行布局，代码自动生成这一特点，一方面能让学生迅速的设计出网页，另一方面不利于学生真正记住和掌握。所以，在使用Dreamweaver的同时，可以让学生使用Notepad++编辑器或用记事本对代码进行录入。在初学DIV+CSS布局网页时，可以选择一个简单的网站，用表格和DIV+CSS技术两种方法进行布局，让学生真正理解这两种方法的区别和特点。针对不同网站使用不同的布局方法。教会学生当前社会网页前端开发师最需要的技术。基于以上论述，笔者认为在教学中加入DIV+CSS布局需要注意以下几个问题。共享学习资源，利用MOOC。教师要给出学习参考书目录，DIV+CSS布局的有关教材已经相当普遍，另外，教师也可以鼓励学生进行MOOC(慕课)学习，或在淘宝购买一些关于类似的视频教程，不论是在课上还是在课下，都能充分利用网上资源，整合成DIV+CSS布局原理、知识和案例的教学资源。将WEB的标准贯彻到网页设计的学习中，由HTML升级到XHTML。当下大部分网页设计教材讲解的内容还是HTML标记语言，但是在WEB结构标准语言中，我们将会使用XHTML，因此需要在HTML学习的基础上要加入升级版的教学内容，既要讲解HTML的普遍用法和主要标签，也要为学生讲解为什么要升级到XHTML以及升级后的XHTML比HTML好在哪里。适当推荐和引用CSS样式表，强化层叠样式表CSS的基础教学，为学习DIV+CSS的页面布局打下良好的基础。在讲解CSS样式时，可以引用网上使用频繁的外部CSS样式，在使用应用外部CSS文件的时候，页面的布局可以变得非常整洁和清新，让人眼前一亮。在CSS教学过程中，除了需要介绍CSS的常用属性之外，最重要的就是要让学生理解和学会使用外部CSS样式，这是学习DIV+CSS网页布局的提高过程。采用任务驱动式教学方法，以案例为驱动，培养学生学习兴趣，提高学生动手制作能力。在学习了基础的DIV+CSS页面布局知识之后，为学生提供一些DIV+CSS布局的网页案例的基础上，加强学生的动手实践训练，给学生一些真实的企业项目或学校网站项目，例如学院主页或各系主页宣传网站等。

5结语

本文探究的主旨在改变现存的网页设计课程的教学方法与模式，以培育精英级的网页设计人才为目的，扎实提升学生的自主学习能力，实现社会对网页设计精英的技术要求，从而保证该门课程的市场特色和教学质量。为了达到这个目的，我们对教学内容进行改变与扩充，使教学素材更加接近实际需求，竭力使学生更适合当今市场的需要，并为后面课程的学习打下坚实基础。

作者：田红玉 单位：黑龙江信息技术职业学院

网页设计课程教学解析:网页设计实验教学研究

【摘要】

双语教学中首要目标是使学生掌握学科知识，其次才是加强和提高英语水平。传统教学模式容易陷入被动接受的境地，不利于学生主观能动性培养。本文探讨案例教学法在《网页设计与制作》的应用，收到了良好的实验教学效果，达到培养学生通过用英文独立思考问题、解决问题、获取专业知识，参与市场竞争的目标。

【关键词】

双语教学；案例教学

双语教学在我学开展较晚，自2012年起，我校国际学院与中外合作办学，获得教育厅批准的国际教育课程实验班有生物科学、食品科学与工程和电子信息科学与技术专业。学院师资队伍由有出国留学背景、能用中英文教学、专业知识扎实、掌握国际先进教学理念和方法的教师组成。在这三年开展双语教学的不断实践和总结中，我们逐渐连理了自己的教学团队，找到了有针对性的可行的教学方法，形成了自己切实可行的教学模式。《网页设计与开发》是我校网络工程和电子信息科学与技术两个专业都要开设的一门专业课，该课程是一门实践性强、操作要求高的计算机专业课程[1]。教师除了重视理论教学，更要研究如何改进实验教学，找到强有力的教学手段，提高学生的创新能力和动手能力，特别是在竞争激烈的当代，用人单位希望应届学生能立即为其所用[2]。因此，如何和企业接轨，也是教学中应考虑的问题。案例分析式教学[3]，主要强调对现实成活中的案例进行讨论分析和实现，强调学生的参与性，能积极调动学生的主观能动性，主要培养学生的思维能力和综合素质，能提高学生创造性思维和解决问题的能力。在网页设计与开发这门重实践的实验教学课程中应用案例分析法能够很好地启发学生思维，激发学生学习兴趣，调动学生的积极性和主动性。笔者近两年来承担网页开发和面向对象分析与设计双语教学的任务，对案例式教学方法进行了有益的探索和实践。下面讨论案例式教学模式在《网页设计与开发》双语教学中的应用，探讨其特点和可行性。

1由简到繁设计案例，激发学生兴趣

第一次实验时，学生刚刚熟悉各种常见标准标签，刚刚掌握HTML语法，不习惯运用属性、事件的方式编写代码，此时，选取直观简单适合当前知识条件下的的案例无疑是很多同学对这门课程产生兴趣的关键点。太容易，激发不起兴趣。太难，学生望而生畏。在整个学期的教学过程中，逐步循序渐进加大难度和加大知识整合的力度，最终开发一个信息系统开发案例为主导线，能运用数据库和网页开发相关知识，全面的分析系统需求，为以后解决实际工作中存在的问题打下基础。

2循序渐进，调动学生主观能动性

循序渐进，加大案例的难度和深度，在这个过程，学生必须学会自主思考，自主发现问题，自主解决问题。学生掌握了HTML语法，会使用表格、框架、DIV进行页面布局之后，开始按照自己的意愿设计主要页面，这部分考察学生做出图文并茂的美观页面。教师应着重分析，引导学生自己动手实现他们自己设计的页面。主页面设计完成后，引导学生结合现实思考一般网站的基本架构。案例中要求设计登录页面，用户输入正确的用户名和密码才能跳转到下一个网页。除了设计跳转页面外，学生必须思考，如何实现用户名和密码的对错判断？如何判断用户是否存在，若不存在，如何解决？那如果有多名用户如何处理？这样就引出了数据库的应用。将用户名和密码存在数据库里。很多同学就开始简历用户表，编写访问数据库的程序，为数据库的学习买下了伏笔。访问用户表完成后，引导学生思考，如果页面中很多内容都是放在数据库中的，如何页面信息的增删改查呢？这样就是动态页面的实现效果。这样，依据案例的进一步实现，环环相扣，一个个知识点就会在自然的状态下形成一个知识链，不会给学生带来很多突兀的、难理解的内容。

3实践性与通用性相结合，全面提升学生能力

案例分析法在案例式教学模式以模拟公司形式、而作为实践案例必须要符合实际，是生活中可以见得到的案例，让学生可以从生活中有据可循，而不是抽象的，又有自己的思考空间，充分发挥想象能力，根据实际进行发散性思维，这就要求案例必须具有通用性。我们在动态网页设计的实际教学过程中，采取分组实现案例为主导，除了以上原因外，还可以提升学生独立思考和团队合作能力。可以选择的案例包括人员流动管理系统，影视明星系统、个人信息助理网站、投票网站、车辆信息咨询系统等一系列与生活息息相关的案例。整个案例式实践教学过程模拟公司开发网站的形式，以参与实践作为学生获取知识和技能的根本途径，以胜任实践作为检验学生学习效果的最终杠杆。学生可以动手实践案例，并在实践中提出问题，解决问题，提高自身的技能，达到案例教学的目的。

4结语

实践表明，在双语教学中引入案例式教学是可行的，并且效果良好的。在网页设计教学中合理、有效地使用案例教学将会很好地解决传统教学中遇到的问题。通过案例分析法进行实践，学生循序渐进实现整个系统，学习过程充满了兴趣和挑战，激发他们自己的动手实践能力，激发他们独自思考的能力。使学生到了工作岗位之后能以最快的方式适应企业的需求。

作者：黎小琴 金灿 乔闹生 单位：湖南文理学院物理与电子科学学院

网页设计课程教学解析:高职网页设计与制作教学浅析

【摘要】

在互联网蓬勃发展的大环境下，《网页设计与制作》已经成为众多高职院校中开设的课程，但是实际的教学效果往往差强人意。本文尝试从教学内容的角度对高职《网页设计与制作》教学提出一些看法，以期提高《网页设计与制作》课程的教学效果。

【关键词】

网页设计；高职；教学内容

随着互联网逐渐深入到经济生活的各个角落，涌现出越来越多的网站。相应的，各类单位、企业等用人单位对网页设计与制作人才的需求也开始变得普遍。而《网页设计与制作》也早已成为大多数高职院校普遍开设的课程，甚至在同一所高职院校中也有相当数量的专业开设了这一课程，这些现象都反映出了社会对网页设计与制作人才的需求。而互联网的不断发展也在推动着社会对网页设计与制作人才水平要求的不断提高，也对《网页设计与制作》的教学提出了新的挑战。

一、《网页设计与制作》教学内容存在的问题

1.教学内容与实际应用脱节。

目前，《网页设计与制作》的教学内容大致分为：网页设计基础知识、HTML语言基础、CSS样式基础、网页文本和图像、超链接、表格、框架、Div、多媒体网页、模板和库、站点管理维护。不同院校、不同专业在具体内容的选择上可能会有所差异，但大致都包括了这些内容。首先，在《网页设计与制作》教学中，往往会以Dreamweaver这一网页制作软件的使用作为主要内容，所有的操作都依赖于Dreamweaver，很少涉及对HTML代码的讲解，这导致学生无法熟练的查看、修改HTML代码，一旦离开了Dreamweaver，学生将无法制作、修改网页。而在实际应用中，HTML代码是在进行网页设计时无法绕过的一个知识点。因为在Dreamweaver的设计视图下操作是不能解决所有问题的，很多网页设计中出现的问题只有通过查看HTML代码才能发现并解决。此外，Dreamweaver也并不是计算机上的常用软件，学生应该具备在脱离Dreamweaver的环境中进行简单网页制作、修改的能力。其次，早期的页面布局以表格布局为主，但随着互联网技术与网页设计标准的不断发展，表格布局技术已经不再是主流，取而代之的是Div+CSS布局，也是所谓的内容与形式分开的布局方式。在这种布局方式下，页面元素的布局更加灵活、页面代码更加简洁。而更重要的是，采用这种布局方式的网站在整体风格的管理和后期维护上更加方便、效率更高。因此，《网页设计与制作》的教学内容应当给予Div+CSS足够的重视，加大其在教学内容中的比重，以增强与实际应用联系的紧密程度。再次，随着移动互联网的兴起，通过手机等移动终端访问互联网的用户数量已经超过了传统的通过PC访问互联网的用户数量，如何设计适合于移动终端浏览的页面，也应该作为《网页设计与制作》教学内容的一部分。

2.只重视“制作”忽略“设计”。

不同院校、不同专业对《网页设计与制作》课程的命名不尽相同，但大多带有“设计”二字。而在实际的教学内容安排中，却往往没有体现出“设计”的部分。网页设计是一门典型的交叉课程，既有计算机科学知识，又有人文社会科学知识。网页设计虽较多的依赖技术性手段，但并不代表在教学内容的安排上就要以技术为主导。学习Dreamweaver也是只是为了掌握一种工具而不是最终目的，成功的网页设计作品还要有美观的布局、配色和人性化的信息导航。

二、确定合理的《网页设计与制作》教学内容

1.加强对HTML基础的教学。

虽然Dreamweaver作为主流的“所见即所是”编辑工具，可以让使用者不接触HTML代码就能完成大部分网页制作的工作，但是只有真正理解HTML语言，才能理解网页工作的原理，才能真正深入到网页设计的核心，才能学习到其他优秀网页设计作品的内涵，为将来的能力提升铺平道路。

2.加强对Div+CSS内容的教学。

Div+CSS布局已经是成熟的主流网页布局技术，《网页设计与制作》的教学应该突出对该技术的侧重，将已经被淘汰的表格布局作为辅助。同时，对CSS的教学内容应该贯穿始终，因为CSS可以说是控制网页元素表现形式的关键，掌握了CSS就能根据需要轻松的设置页面元素的各种效果，从而为整个页面增色。

3.增加对艺术设计的教学。

目前网页设计行业内最缺乏的是具备优秀设计能力的高端网页设计人才，而目前《网页设计与制作》教学中最欠缺的就是对设计能力的培养，导致学生在学完课程后也只能进行简单的模仿和重复，无法进行有效的创新和设计。因此网页设计课程的教学应该以艺术设计为出发点，增加对传统艺术设计方面的教学内容，如构图、色彩、设计思维等知识，并进行相应的实践练习，以此培养学生基本的审美能力和在设计上的创新能力，这样才能让网页制作技术服务于网页设计，从而真正体现出“设计”，避免舍本逐末。

4.补充对主流技术的教学。

互联网的发展日新月异，新的技术不断涌现，作为《网页设计与制作》的任课教师，应该具备一定的判断能力，将未来网页设计技术发展的新趋势呈现给学生，帮助他们紧跟行业动态，为将来就业打下良好基础。

三、结束语

《网页设计与制作》作为一门开设多年的课程，在教学内容的设计上必须要关注行业的最新动态，同时明确课程的核心内容，才能培养出社会所需要的网页设计人才。

作者：韦喆哲 单位：广西经济管理干部学院信息管理系

网页设计课程教学解析:网页设计项目教学法应用

摘要:

目前，高职院校的教学积极推行项目教学法。本文在应用项目化教学实践的基础上，以“网页设计”课程为例，分析了实施项目教学的必要性，提出了实施项目教学的思路和应该引起思考的几个问题。

关键词:

项目教学;高职教学;网页设计

高职教育的培养目标是培养适应经济社会发展需要的高素质技能型应用型人才，使其获得在合适的职业岗位上工作所需要的各种职业能力，因此，高职教育具有鲜明的职业性特点。根据目前国际普遍认同的以职业活动为导向的职业教育观，在高职院校专业课程教学中应用项目教学法，让学生在参与项目、完成项目的过程中深刻体验并真正掌握实用性技能，是当前高职教育教学改革应该研究和探索的重点领域。在高职计算机类专业课程中，“网页设计”是一门实用性很强的专业课，要求学生具备独立设计并制作具有一定水平的网站、网页的相关知识和能力，使用传统的教学方法已不能满足此类课程教学的要求，应用项目教学法正适合此类课程教学改革之需要。

1“网页设计”课程实施项目化教学的必要性

根据教育部《关于全面提高高等职业教育教学质量的若干意见》，高职教学应积极推行项目导向等有利于增强学生能力的教学模式，从而更好地提高学生的职业能力和实践能力。项目教学法是通过实施一个完整的项目而进行的教学活动，通过理论教学与实践教学有机结合，提升学生的创造能力以及独立解决实际问题的综合能力。通过创设驱动性的任务，让学生参与或自主完成一个完整系统的项目，学会使用项目化的工作方式，了解项目的整个操作过程，认识到如何系统地去完成一个项目，进而培养学生的自学能力、动手能力和创造能力，启发学生更多地深入思考，同时也让学生从中学会如何进行团队合作、控制工作进度等方面的综合能力。“网页设计”课程是高职院校计算机相关专业的主要技能课程之一。使用传统的教学和实训方式，无法让学生真正体验到工作任务完成的整个流程，学生到工作岗位上还是无法及时适应工作环境，较难顺利完成工作任务。为使学生能在将来更好地胜任其工作岗位，“网页设计”课程从教学模式到教学方法、案例选择都应以项目教学为目标，力求教学环境和学习环境接近真实的工作场景，让学生自主、独立地完成项目任务。教师的角色应由原来单纯的讲授者转变为环境和资源的提供者，以及控制项目流程的引导者;学生则由学习的被动接受者转变为项目的主导者和实施者，项目最终完成到什么程度由学生自己决定。项目教学真实地还原了工作岗位上的任务实现环节，学生的工作体验也更接近现实，创造性也得到了提升，很好地实现了工学结合。

2项目教学法在“网页设计”课程教学中的应用

高职院校计算机类专业的“网页设计”课程，主要是通过一到两个学期的学习，使学生能够独立完成若干个不同类型网站的制作，成为比较专业的网站建设人员。在该课程的教学中运用项目教学法，教师要根据教学进度和教学大纲制定教学计划，选择合适的项目并确定其难易程度，同时要合理规定项目中的各个任务，将相关的理论知识和操作技能分散到各个任务中，并保证知识的继承性及项目间的连贯性;同时，教师依据教学任务，预测好教学中可能出现的理论和操作问题，搜集相关的资料并介绍给学生。学生根据教师的教学安排对各任务进行分析，提出解决方案并实施项目，完成任务。

2．1创设情境，提出任务

项目应该是来源于真实工作情境的，具备典型性和职业性的工作任务。通过教师介绍项目，把学生引入到需要通过某知识点来解决现实问题的情境中，并适时提出完成该项目所需要解决的若干个任务。例如，通过介绍当前商务网站的发展状况、应用前景及人才需求，引入情境并提出项目名称“商务网站设计与制作”。要完成该项目，需要完成几个任务:任务一，认识与策划电子商务类网站;任务二，使用表格布局页面;任务三，制作网站LOGO及页面图片;任务四，制作一级页面;任务五，CSS样式表的应用。

2．2示范操作，解决任务

围绕学习的知识点，按照便于学生知识迁移的要求，教师为学生示范项目中每个任务的解决过程。教学最好是在多媒体机房进行，通过广播软件，边讲边练，讲练结合，以练为主。在讲授过程中，要注意引导学生思考，引导学生自觉地学习理论知识和操作方法。教师的讲解过程主要是分析任务内容、讲解知识与技巧、理清解决问题的思路，并引导学生操作。课堂的大部分时间应分配给学生自主操作，教师在巡视过程中随时解决学生操作过程中遇到的问题。

2．3独立探索，领会思路

项目教学的重点在于剖析任务内容及完成方法，具体实施流程在教师示范后由学生动手操作。要让学生独立思考，对知识点和操作要领进行理解和实践，消化吸收项目任务中的要点。这个阶段，教师要鼓励学生自己去摸索掌握隐性知识。所谓隐性知识，是课本里没有涉及而实际操作中会用到的知识。比如，课本里对网页制作中涉及的“层”的概念有详尽的说明，这是显性知识;而在实际操作中，怎样精确定位“层”是课本里没有涉及的，需要学生在操作中探索和总结，这就是隐性知识。对此类的隐性知识，学生只有在完成项目任务的过程中亲自操作才能发现并学习到，但此类知识对于胜任将来的职业岗位又是必不可少的。

2．4拓展训练，协作学习

让学生开展小组交流、讨论，组员分工协作，共同完成能力拓展训练项目。这有利于培养学生的协作能力和创新能力，提高学生的动手能力和学习的主动性、积极性。能力拓展训练的内容应该基于任务内容，又难于任务内容，学生要想完成这些训练任务，需要通过自身能力获得相关知识，这样可以培养学生的自学能力。

2．5成果展示，评价总结

学生学习的效果直接由项目的完成情况来决定。网站制作过程中的每一个项目完成后，先经过教师查看验收，然后对完成的阶段性成果进行展示，由项目负责人对本阶段的完成情况进行介绍，然后通过教师评价、学生评价及团队自评的方式全面考评项目完成质量。在评价时不仅要评价优劣，还要指出问题所在，提出改进意见或修改建议，让学生在课后继续完善。

3“网页设计”课程应用项目教学法应注意的问题

3．1项目教学的成功需要教师的合理引导

在项目教学过程中，教师要仔细观察学生的学习进度及能力发展情况，及时处理学生学习中出现的问题;要更注重激发学生的能动性，给学生更多自由发挥的空间。项目教学离不开教师对学生的引导。一方面教师应引导学生按照教材的提示完成项目的实践操作，另一方面还应引导学生运用所学知识适当拓展其他新的知识。

3．2项目教学法的应用需要教师改变观念

项目教学法不是传统的以理论为主的教学方式。在项目教学中，要针对整个课程从宏观上设计一个系统化项目，这个项目再分成若干个部分，这些部分要能覆盖教学大纲所要求的所有知识，并合理地分配到每个章节、每个任务中，这些都需要教师转变观念。开展项目教学的教师需要对本课程有深厚的理论功底和较广泛的专业知识面，同时还要有较强的综合能力，包括实践经验、创新能力和应变能力等。

3．3项目的选择应注重实用性

采用项目教学法的教学内容需要选择一个合适而实用的项目。项目应来自于职业岗位，或是真实工作所需，可以是设计一个具有实际应用价值的网站，也可以是一项其他的具体工作任务。这样的项目才能激发学生的学习积极性，培养学生的专业能力。

作者：徐媛 单位：潍坊职业学院信息工程学院