个人页面设计总结范文 第1篇

关键词：网页设计；教学方法；实践能力；考核评价

中图分类号：

1.引言

《网页设计》是一门集计算机语言、设计技术、美学为一体的综合设计课程。如何让学生能够独立设计出风格鲜明的网页？如何提高网页的实用性？如何让学生在实践中学习知识、提高能力？如何在网页设计中相互配合，增强团队开发意识？这对《网页设计》课程的教学提出了更高的要求。

2.《网页设计》课程的特点

课程具有较强的职业性[1]。如何让学生能够设计网页是课程的目的之一，而设计网页的需求来源于企事业单位网站建设工作，这必须必须对各行业的工作有一定的认识。学生只有进入职业角色去构思网页设计，才能做出符合要求的网页。、

课程具有较强的综合性。《网页设计》是一门计算机技术与设计艺术相结合的课程，既要让学生掌握网页设计语言，又要从美学角度考虑网页架构设计、线条布局、色彩搭配等问题，必须让学生会将多方面的知识综合运用，才能达到课程培养目的。

课程具有较强的实践性[1]。《网页设计》课程的教学内容实践性强，能极大提高学生的学习能动性，激发参与意识，锻炼动手能力，同时培养专业兴趣。教授和学习中都一定要注意理论与实践相结合，而实践是教学的主线。教师应该多安排实践内容，学生应该多动手实践，能熟练地创作出实用的网页。理论教学指导、服务实践教学，实践教学反过来印证、提高理论教学。

3.目前《网页设计》课程教学中存在的问题

传统的教学方法不适应《网页设计》的课程特点。传统黑板式教学与口授言讲式教学以教师为中心，教师教学为主体，学生被动接受学习，理论和实践严重脱节，纸上谈兵，无法解决现实的网页设计问题。教师授课按部就班，学生大多跟随课堂教学，教师讲多少，学生学多少；甚至讲授到下一个知识点或者操作内容时，以前学习的又忘记了。

多媒体教学方式的缺陷。在使用多媒体的教学方式中，教师可以利用多媒体灵活多样性，以丰富多彩的形式展示教学内容，但按照多媒体课件设计内容讲授，比较机械；而课后学生忙于拷贝教师课件，甚至不用记笔记，缺乏深刻认识，对知识点的印象更易淡忘。

以课堂教材为主，思维局限，缺乏学生实践能力培养。以课堂为中心的教学方式，让学生的思维受限于教材。目前《网页设计》所用教材大多专注于网页设计工具的使用，缺乏网站开发实例；这样一来学生只能学会如何去使用开发工具来制作网页，而不会学会网站建设的技巧。

上机练习，缺乏团队合作培养。上机练习任务都针对近期所讲知识点，且受限于上机练习时间，作业不可能布置太复杂，导致学生在练习过程中，经常是独立思考、独自操作，缺乏相互沟通、相互配合；而遇到问题更多依赖老师来解决，让教师投入更多的时间来解决问题，缺乏对学生协作精神、团队意识和创新能力的培养。

4.关于《网页设计》教学的思考

充分调动学生学习兴趣。可以介绍淘宝网、12306火车票订票网站、高考志愿填报网站、电子邮件、微博等网站的应用情况，以学生熟悉的网络应用为切入点，使学生切身体会到网络应用在现在生活中发挥的重要作用。然后，教师逐步引导学生了解网络应用的作用，同时让学生了解就业需求，让学生切身体会到学习网页设计的必要性，提高学生的学习兴趣，增加学习动力。

扎实掌握基本知识。在学习这门课程之前，学生大多没有学习过网络相关的知识，为了让学生了解网页设计工作在整个网络应用中所处的位置，非常有必要补充网络基础知识，明白网站开发流程。

首先，着重讲述网络的基本概念，如：网络上常见的服务、IP地址、域名解析等，描述从客户端访问一个网站时数据传递的过程，让学生充分理解网站是如何让人们能够访问的；在整个访问网站过程中，网页设计是在哪一个环节工作，发挥什么作用。其次，模拟要开发一个网站，从无到有，从需求分析、网站规划、设计制作、申请域名和空间、网站、后期维护等开发流程逐步介绍各环节要完成的工作，让学生对网站开发有初步的印象。这些基本知识看似对网页设计关联性非常小，但是可以让学生对整个网络有更深刻的理解，对网站开发过程了解了，更有利于掌握网页设计技术。

综合运用多种教学方法，以学生为中心[2]。教学的最终目标是让学生掌握网页设计的关键技术，具备制作静态网站的能力。为了达到这个目标，要求教师结合不同授课内容，灵活运用多种教学方法，可以使用案例教学法、项目教学法等，让学生快速有效地掌握知识，达到熟练运用。

首先，案例教学方法的使用。案例教学法（Case Method）是19世纪70年代美国哈佛大学法学院院长兰德尔首创。它要求在教学中采用实例进行教学，教师将知识点设计应用到案例中，并进行实际操作[2]。在网页设计课程中，针对网页设计的知识点，可以设计出专门的范例代码在课堂上进行演示，也可以在一个案例中贯穿几个有相关性的知识点，综合使用多种技术。例如：在CSS应用中，可以设计出招生宣传网站中“专业介绍”的案例，针对文字段落设计出不同的样式，并在学院、专业、专业介绍等不同级别的文字上进行试验，展示CSS技术的优势。其次，项目教学法的应用。项目教学法（Project Based Learning，PBL）是建立在工业社会、信息社会基础上的现代教育的一种形式，以培养实用型人才为直接目的的一种人才培养模式。这种教学模式的关键是可以避开传统的学科体系教学知识的完整性和系统性，从以逻辑思维方式为主转向以形象思维方式为主，所关注的是项目能否按期完成，对知训结构是以“够用”为准则的，主要是为了锻炼学生勤动手的技能，不仅可以独立收集信息还可以自行分析知识，从一定程度上提高了学生的实践及创新能力[3]。在学习HTML和CSS知识之后，可以设计一个网站开发项目，2人一组，一个负责设计网页结构、安排内容；另一个负责设计CSS样式表，完成内容美工、显示效果制作。这种情况下，只有两个人充分沟通才能完成该设计，在实践动手中增强团队协作意识。

5.总结

笔者根据多年来在《网页设计》教学中的实践，就《网页设计》这门课程该如何去提高教学质量、增强学生的学习积极性、提高学生实践能力和创新能力展开思考和总结，针对目前该课程教学中存在的问题提出相应解决方法，对教学模式进行革新，取得了较好的教学效果。

参考文献

个人页面设计总结范文 第2篇

关键词：技工教育；一体化教学；网页制作；Dreameweaver

中图分类号：；

网页制作教学是技工教育计算机学科教学中的重要内容，传统教学模式下，习惯将计算机理论知识与上机实践分开教学，往往是理论知识教学与实践应用能力教学由两个教师来承担，教学效果并不理想。运用一体化教学模式，可以有效地解决理论教学与实践教学相分离的弊端，提高网页制作课堂教学的成效。

一、“一体化”教学概述

“一体化”教学是一种以教师为主导、学生为主体的现代化教学模式，在专业教师的指导下，教师通过设计大量的由简单到复杂、由浅入深的“实践活动”来完成教学过程。“一体化”教学模式是以培养具有扎实理论基础知识、操作技能强的复合型技能人才为目的，将教学大纲、教学过程有机地统和在一起，以实现理论教学与实践教学的目标要求。“一体化”教学模式具有课程理论适度化、模式一体化、内容综合化的特征，“一体化”教学模式对教师的个人综合素质要求较高，教师不仅要具有较高的理论讲授能力，更重要的是还能够熟练地运用现代化的教学手段、设施，具备较高操作技能。同时，“一体化”教学模式的运用，对硬件教学设施要求也较高，以网页制作教学为例，“一体化”教学模式的实施，可以采取自学、导学、助学、促学相结合的方式，规划并创建站点制作主页和内页优化网站和管理站点。《网页设计与制作》是技工教育的主干专业课程，该课程具有实用性强、应用面广、操作性强以及与未来就业岗位密切相关的特点，在《网页设计与制作》学科中，大胆地进行教学模式改革，打破传统的课堂教学模式，实施“一体化”教学，能够提高学生的学习能力、综合能力以及协作能力，激发学生的学习兴趣。

二、“一体化”教学在网页制作中的应用探析

网页制作过程中，运用“一体化”教学模式，学生成为了学习的主体，在整个教学过程中，教师更多的是发挥引导协助的作用，这样不仅提高了学生自主学习的能力，而且对于落实网页制作学科的教学目标要求也具有重要的意义。

（一）确定设计思路

当前，各大中职院校基本上都开设了网页制作课程，其中“Dreameweaver网页制作”就是网页制作教学科目必修的基础性学科之一，是一门艺术与技术相结合、实践应用性比较强的课程，以在课程教学过程中运用“一体化”教学模式为例，确定设计思路时，首先就要打破传统的教学模式，确定以提高学生实践能力、动手能力为主的教学目标，让学生在动手操作、实训中建构相关的理论基础知识，逐步培养他们运用“Dreameweaver”技术的能力。由于“Dreameweaver”网页制作软件需要配合HTML语言的一些基础性知识，因此，需要对该项内容进行细分、设计，分解为多个子模块，每个子模块要都以培养学生的实践能力为主导，注重学生职业能力的训练，综合考虑课程理论知识、资格证书以及技能、态度等等要求。网页设计教学都是以典型案例为载体展开的，以“工作任务”为中心进行理论与实践整合，从而实现理论教学与实践教学的“一体化”。

（二）确定网站项目

在确定了设计思路之后，确立优秀的网站设计项目是“一体化”教学法实施成功的必要保障，否则，如果确定的网站设计项目不合理，一体化教学方法就失去了其存在的价值。项目的选择、网页的制作必须要具有系统性，而且要能够前后联系、相互衔接、由简入难，让学生使用素材库中的素材进行设计、分析，比如，在《网页制作》课堂教学过程中，教师可以让学生设计校园网站，要求制作的校园网站要采取各个页面采用不同布局方法进行布局，而且各个页面元素的插入、设计要尽量应用到“Dreameweaver”网页制作科目中所学到的知识点，这样通过指导学生设计校园网站，使他们掌握建立、上传、美化、布局、优化网页的方法，在实践运用过程中掌握网页制作设计的基本知识。总之，“一体化”教学模式的实施，需要运用到项目教学方法的内容，以优秀的项目作为载体，完成网页制作课程的教学任务。

（三）网站项目实施

“一体化”教学项目的运用可以分为三个阶段，分别是向学生讲授网页制作软件使用方法、制作网页以及总结评价网页制作成果，其中，第二个阶段是“一体化”教学方法实施的核心部分，该阶段，教师要把学生分为几个小组，明确网页设计的任务，给予具体的指导，解决学生学习过程中的各种疑难问题。“一体化”教学模式下，要突出以学生为主体、以人为本的教学理念，教师通过分解网页设计项目，帮助学生选择素材，引导学生创建一个网页使用表格布局、表格以及曾三种布局方法，以实现优化网页页面的目标。传统教学模式下，教师习惯先进行静态网页设计教学，这固然是网页制作课程的入门必备知识，然而，“一体化”教学模式下，教师要将动态网页设计教学与静态网页设计教学结合在一起，完善网页制作的功能创建，并引导学生直接在互联网平台进行，这样有利于实现整个网页设计的优化、整合，从而实现提高学生网站设计能力的目的。

（四）展示与评价

“一体化”教学模式要充分开发各种学习资源，给学生提供各种丰富的实践机会。根据“Dreameweaver”网址制作课程特点以及教学目标要求，采取制作作品考核与学期末理论考核相结合的方式，对学生的制作的网页进行综合评价。学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。

一体化教学模式从本质上改善了网页设计与制作课堂教学效果，使学习者能够真正地掌握一门学习技术，提高他们的开发能力、创新能力，最大限度地调动了学习者的积极性、主动性。

参考文献：

[1]冯晓娟.职业学校的一体化教学[J].中国商界（下半月），2010（05）.

[2]熊凯.高职院校《网页制作》课程教学的几点体会[J].当代经理人（下旬刊），2006（07）.

个人页面设计总结范文 第3篇

关键词：项目化教学网页设计与网站建设教学模式

随着互联网技术的迅速发展，《网页设计与网站建设》已成为计算机专业领域应用最广泛的学科之一。该课程是一门操作性和实践性都很强的课程，要求学生在熟练掌握软件的基本操作的同时，具备解决实际问题的能力。我国高等职业教育课程改革的主要方向就是从传统教学模式向项目教学模式转变，正是基于此目的，本人对《网页设计与网站建设》课程实施项目化教学进行了积极的研究与探索。

一、传统教学模式与项目教学模式比较

传统教学模式一般是使用传统的教学手段，来完成特定的教学内容的一种课堂教学形式。其特点是教师口授、板书，学生耳听、笔记。整个教学活动和教学结构都是以教师为主，学生课堂练多具有盲从性，学生学习的主动性被忽视，学生的认知主体作用不能很好的体现，学生的主动性和创造性被禁锢。而在项目教学模式中，学生是主体，学生的地位将由传统模式中的被动接受者转变为主动参与者。在这种教学模式下，学生在老师的指导下主动学习，学生就可以根据自己的兴趣做出选择，使学生的内在动力充分得以调动。项目教学模式可以更好地培养学生自主学习、主动学习，以及分析问题、解决问题的能力。

二、项目教学模式的实施

由于《网页设计与网站建设》课程中必须使用计算机，因此，项目教学和实践最好都安排在机房进行，将教学和实践有机地结合在一起。项目教学模式的实施可分为项目设计、项目任务分配、项目实现和项目评价四个阶段。

1.项目设计

项目设计是实施项目教学法成功的关键。项目的设计要以教学内容为依据，既要与书本知识紧密结合，又要有一定的想象空间，让学生既能运用学过的知识，又可以创造发挥。

我们结合当_站建设的主流方向，为《网页设计与网站建设》课程精心设计了四个项目，分别为：网站欣赏、个人网站、企业网站、电子商务网站。

（1）网站欣赏。向学生展示一些优秀网站，让学生对网站的结构、功能和网页的布局、色彩搭配等有一个初步的了解，激发学生的学习兴趣，产生“要制作一个属于自己的网站”的想法。让学生上网冲浪，浏览各种各样的网站，记录下几个自己喜欢的网站，并给出喜欢的理由。

（2）个人网站。每个人都想拥有一个自己的个人主页，因此设定此项目很容易调动学生学习的积极性、主动性。通过该项目，使学生掌握制作一个静态网站所要具备的基本技能――站点的管理，表格布局的运用，CSS样式的初步设计、链接及网页基本元素的应用。

（3）企业网站。每个企业都想拥有一个展示自己企业的平台，因此该项目符合社会需求。项目要求学生在老师的带领下，完成从项目的规划设计到静态页面实现、动态动能实现的全过程，在项目中设计了企业网站主页，企业新闻等。通过该项目，使学生掌握一个网站的制作过程，并能熟练的运用项目中涉及到的技术，制作完成一个功能完备的企业网站。

（4）电子商务网站。随着互联网的飞速发展，电子商务已经走进了每个人的生活。该项目要求学生自主完成项目实施过程，教师充当需求提供方与技术顾问的双重角色。在项目实施过程中，让同学们按照网站建设的流程，以小组的方式独立完成电子商务网站的设计和制作。该项目不但要求学生要综合运用《网页设计与网站建设》课程中学到的知识，同时还锻炼了学生相互协作和独立思考的能力。

2.项目任务分配

每个项目分成若干个任务，教师给出具体的任务说明、相关知识、相关案例、注意事项等内容。根据项目的实现流程组成学生团队。每个团队由5人组成，分别担当客户、业务员、网页美工、网页制作员、项目经理等角色。一个项目完成后，角色互换，保证课程中每个学生几种角色能够轮换一遍。这种做法模拟了企业中真实的工作情景，使学生群体的思维与智慧为每个学生所共享，从而达到全队学生共同完成任务的目的。

3.项目实现

学生在完成指定项目的同时，学习和应用新旧知识，进行全程实战的演练，完成从“学习知识”到“运用知识”的转变。学习从项目规划、设计到最终实现这个过程中所需要的各种知识和技巧，这些知识和技巧不仅包含计算机相关的技术，还包含团队合作的能力。充分的调动了学生的学习积极性和创造性。让学生在完成指定任务的同时，自主地进行知识的建构和能力的培养。同时还培养了学生的学习能力，学生可以随时的学习，紧跟上IT行业发展的步伐。

4.项目评价

由于学生是分组设计，每个小组的设计会各不相同，所以在项目开发的每个阶段，都要组织学生进行阶段性总结。先由学习小组进行自我评估，让学生总结自己在知识、技能方面有哪些收获，通过小组成员间的交流共享整个学习过程的经验。然后，不同团队之间相互交流经验及所遇到的困难，最后教师对出现的共性问题及时讲授，针对重点问题及知识点做出总结。

三、应用项目教学模式应注意的问题

在项目化教学的实施过程中，学生是学习的主体，教师只是学习的引导者，因此，在应用项目教学过程中需要注意以下几个问题：

1.项目的选择

引入基于项目的教学模式后，教师首先面临的就是项目的选择。教师在选择项目时要遵循以下几个基本原则：第一，项目选择要有明确的目的性，通过这些项目能实现学习目标；第二，项目选择要符合学生的特点，选择难度适中的企业项目；第三，项目选择要联系实际，满足企业的需求；第四，项目选择要具有一定的典型性，选取的项目既能反映同类事物的一般特性，又能使学生举一反三、触类旁通。

2.教师角色的转变

基于项目的教学模式是以“学生发展为本”，因此决定了教师在教学中要从讲授、灌输转变为组织、引导；从讲台讲解转变为走到学生中间与学生交流、讨论、合作学习。教师充当协调者与技术顾问的双重角色。

3.重视学生的个性差异

同一个任务有些学生不能及时跟上进度，而有些学生又觉得进度太慢。针对这种情况，项目在设定任务的时候可分为基本内容和扩展内容两部分。学习能力差一点的学生只要求掌握基本部分，而能力较强的学生则两部分都要实现。

总之，项目教学模式突破了传统的教学模式，让学生在具体的项目中进行学习，缩短了学生与企业之间的距离。通过对一些网站常见的项目的实现，激发了学生学习的积极性和主动性，加强了学生对知识的掌握。而通过项目教学模式学习的学生，他们的动手能力、解决实际问题的能力都有了很大的提高。

参考文献:

[1]吴建.项目化教学在VB程序设计教学中的探索与实践[J].文教资料，2006，(30)：108-109.

个人页面设计总结范文 第4篇

关键词：网页设计；高职院校；教学建议

科技的进步，internet的发展，社会对网页设计人才需求大大增加。《网页设计》课程是计算机专业的一门主干课程，并且很多理工专业学生也选修该门课程。如何让学生在较短的时间内掌握网页设计的基本理论和熟练操作相关软件，培养满足网页设计企业需要的综合型人才成为当今很多高职院校的研究热点，也是高职教师的努力方向。为了提高该课程的教学质量，教师需要具备扎实的理论功底，在教学过程中，不断推陈出新。笔者做为高职院校的计算机专业教师，有一定的心得体会，提出了几点建设性意见，在此抛砖引玉，供大家参考探讨。

1.明确教学目的

2.提高学习兴趣

知之者不如好之者，好之者不如乐之者。兴趣是积极探索事物的认识倾向，教师如果能让学生充满兴趣的学习，快乐的学习，授课就开了个好头。因此要提高教学效果，讲授知识时，就必须以学生为主体，正确引导学生进行思考，并注重培养学生对本课程的学习兴趣。网页设计是一门实践性很强的课程，是特别需要学生亲身体验，自觉动手，才能掌握好其内容的课程。例如在讲授网页设计的框架结构，这一部分内容时。首先给学生们呈现一个很好的框架结构的网站，也是学生上网常常浏览的网站，如360导航网站。这一下就拉近了课程与实际生活的距离，让学生体验到学习的意义，培养了学习的兴趣。有了个好的开端，接下来就是引导学生多思考，框架的作用是什么？什么是框架和框架集？如何设计框架页面？用框架设计页面有什么特殊的优势？如果让自己来设计，你会设计什么样的框架结构？让学生主动的参与到学习过程中来，往往能达到事半功倍的教学效果。

3.考核方式多样

《网页设计》这个课程是一门需要实践能力很强的计算机专业课，所以弱化笔试考试，加强上机考试，以提高学生的实际操作能力。在教学的过程中，笔者总结经验，将课程的分数比例改为了以下四部分：平时表现、上机练习、理论考试、上机考试。学生平时的表现所占课程总成绩的15%，主要为学生的出勤率，上课听讲认真与否，以及积极回答问题的加分情况。上机练习占总成绩的20%，主要为学生在上机课时，是否听从教师指挥，能否完成任务的情况。而理论考试，则是我们弱化的内容，只占总成绩的25%，因为理论再好，也需要将其转化为实际的工作，否则就是纸上谈兵。其中上机考试为重中之重，占40%。上机考试，需组织学生在机房进行，人手一台电脑。教师先将网页设计的题目与需要用到的素材存储在服务器上，学生通过访问服务器获取试题，按照要求完成网页设计和优化工作。考试完成后，将自己的作品上传至服务器，供教师审阅、批改。最终教师要综合网页设计中的多方面因素，如图像处理，链接结构，色彩协调，整体搭配等来给学生相应的成绩。此种考核方式，兼顾了各个方面，虽然弱化了理论，但强调了实践，促使学生转换学习态度，培养其独立思考和解决问题的能力。

4.举办设计大赛

每年安排一个时间，举办整个高职院校的网页设计大赛。设计大赛的目的是检验学生对该课程的掌握程度，以比赛的形式来提高学生对网页设计的兴趣。设计的内容不做限定，只要在规定时间内将设计好的网页发送到指定邮箱里。教师会对参赛的作品进行初选，先初选出入围的作品，让选手做好准备。在决赛过程中，选手需要对自己的网页作品进行讲解，突出自己作品的亮点。同时，评委老师们会对该作品做出点评，分析网页设计的优缺点，运用了那些技术等等，让参赛选手和观众同学们也得以在知识方面提高。最后，评委老师们给出各个作品的分数，评出比赛的各种奖项，对获奖的选手给予相应的奖励。网页设计大赛给学生提供了展示自我的平台，无论是对参赛和观众同学，都是一种激励，让学生对网页设计产生更大的兴趣。

结语：

网页设计的课程建设的过程是发现不足，不断完善的过程，并在教学中加以改进的过程。以上教学几点建设性意见是课题组教师多年的教学经验积累，实践证明：这些改变使教学效果得到了改善，激发了学生的学习兴趣，学生的实践操作能力明显得到提高。

参考文献：

[1]赵元媛.网页设计中布局方式之比较[J].中小企业管理与科技（上旬刊）.2012，（01）

[2]侯佳路，王润华，于晓荷.《静态网页设计与制作》课程改革探讨[J].中国科技信息.2012，（06）

[3]敖冰峰，徐鹏，乔阳.浅析《网页设计与制作》课程教学方法[J].科技与企业.2012，（09）

[4]教育部.关于全面提高高等职业教育教学质量的若干意见[Z].教高[2006]16号.

[5]姜大源.世界职教课程改革的基本走势对我们的启示[J].职业技术，2008，（11）.

[6]翟向阳.论高职教育突出高技能人才培养的目标定位[J].职教论坛，2005，（16）.