高级网页设计范文

引言：寻求写作上的突破？我们特意为您精选了4篇高级网页设计范文，希望这些范文能够成为您写作时的参考，帮助您的文章更加丰富和深入。

篇1

2教学改革的目的

计算机广告制作专业依托信息技术的不断进步逐渐发展起来，新的发展需要新的教学模式来与之相适应，因此促进计算机广告制作专业的网页设计课程的教学改革的主要目的是适应社会发展对于计算机教学的要求。广告专业学生可以结合所学的字体版式设计、动画设计、色彩设计、界面设计等课程，适应时代变化对专业发展的需求，拓宽设计类学生的应用能力。原有的教学模式已经不适应新时期教育事业发展的新要求，因此实行教学改革、改变传统的教学方式是发展计算机教育事业的重中之重。

（一）改变传统的教学模式，适应时展

随着计算机技术的不断发展，传统的教学模式已经不适应时代的发展和社会的进步，促进教学改革，在原有的基础上进行教学模式的改革和创新已经成为计算机广告制作专业的必然要求。现阶段网页设计教程中的知识结构和授课方式仍然属于传统层面，对于教学效率的提高产生了不利的影响。促进教学改革的主要目的是为了改变传统的教学模式，适应时代的发展。例如引入行为导向教学法，模拟现实情境，将学生工作的岗位特性搬入课堂，让学生体会真实场景的操作。

（二）强化教学目的，提高教学效率

教育事业的发展强调的是教学效率的提高以及学生学习能力的增强，传统的教育方式和教学方法单纯的重视教学成绩，忽视了学生综合能力的发展。计算机广告设计专业的学生在学习时更需要全面发展，掌握更多的计算机技术，提高他们的专业素质和能力。网页设计课程是一门复杂、知识点繁琐的课程，不仅仅需要灵活的授课方式，也需要学生灵活接受各种网页设计的知识和技术。进行教学改革在传统教学模式和方法的基础上进行创新，不仅仅能够提高学生的学习能力和效率，也能促进教学效率和教学水平的提高，为计算机广告制作专业的发展提供了新的动力。

（三）培养学生实践能力和技术水平

网页设计课程是新时期计算机教育事业发展中一个重要课程，对于广告设计专业的进步一发展有关键作用。广告设计专业的学生在学习网页设计课程时需要大量的实践活动，只学习书本上的文字知识是不能将网页设计技术熟练运用的。传统的网页设计教程大部分都是教师“填鸭式”授课，学生听一节课能真正学到或者是熟练运用的技术很少，使得教学效率大大降低，也不利于学生学习学习效率的提高。进行教学改革，加大实践课程所占的比重，让学生在学习的过程中多进行实践训练。促进教学改革，有利于培养学生的实践能力和技术水平，使其能够熟练运用网页设计的相关知识和技术。

3教学改革的创新点

改革的实质是在传统的基础上扬长避短，进行继承和发展创新。计算机广告制作专业关于网页设计教程的改革创新也是在原有的基础上进行创新发展，并不是完全摒弃传统的教学方式，而是在继承中发展、创新。因此改革的前提是寻找创新点，逐步进行创新点的改革，从而对网页设计教程开展全方面的改革。

（一）如何在平面设计与技术之间找平衡点

平面设计是沟通传播、风格化和通过文字和图像解决问题的艺术，广告制作过程中经常会运用到平面设计的技术和方法，因此促进网页设计教学课程的改革其中一大突破点就是在平面设计的技术之间寻找平衡点。平面设计中有很多繁琐复杂的内容需要计算机技术辅助设计，在教学改革的过程中，应该使其能够适应平面设计发展的需要，促进二者发展的平衡。

（二）合理构建教学内容，采用多媒体教学网络系统示范教学

教学内容的构建和改革是网页设计教程改革的重点，传统的教学方式只是教师讲解或者简单示范网页设计的相关知识，这种方法没有让学生在学习过程中留下深刻的印象，更无法让其熟练运用相关技术。因此在教学改革的过程中，要合理构建教学内容，适当增加实践训练课的比重，做到理论和上机相结合，老师可以现场示范教学、答疑，解决理论和实践脱节的问题。采用多媒体网络示范教学，以提高教学效率和学生的实践能力以及技术水平。

4如何进行教学改革和实践

针对计算机广告制作专业的现状，进行教育改革已经是必然要进行的了，如何进行教学改革和实践也成为了计算机教育事业需要关心的重要问题。网页设计教程的改革主要应该从以下几个方面进行：教学模式应该从原有的基础上进行创新发展，选择一种合适网页设计的教学模式；教学内容要改变原来单一枯燥的知识灌输方式，转变为师生互动的交流模式，同时也要加强实践训练，巩固课堂上学到的知识；考核方式上，原有的方式主要是以考察为主，改革的过程中可以适当加大考试考核的比重，以督促学生更好的掌握网页设计的相关技术。

（一）教学模式改革

针对现阶段计算机技术的发展和网页设计教程教育模式的现状，教师在授课的过程中应该多与学生互动，采用知识讲解和实践训练相结合的方式来促进学生对于网页设计技术的理解和运用。引进项目教学法，让学生直接参与到项目中，既可以提升学生的整体操控能力，又让学生在项目要求中得到锻炼。在引进项目中让学生亲身参与，了解从设计初稿到中期客户要求修改反馈意见到后期制作完成的全过程，做到课堂书本与实践相结合。如我们自己编制的校本教材在案例《熊出没》中，网页首页的效果图如下：

（二）教学内容改革

教学内容的改革涉及的是网页设计课程的一些相关技术，在教学过程中，以基础操作为主，实际应用加入其中不应该将全部的知识和技术都灌输给学生，而应该是有选择的讲解。比如网页设计中有关平面设计的知识和技术是整个课程的重点内容，着重讲解的同时应该加强实践训练，加深学生的记忆和理解程度。对于那些不重要或者是理解难度较小的知识，可以使当的减少课时，这种详略得当的教学方式可以促进教学内容具体化，并且可以提高学生学习的效率。教学内容的改革是整个改革中较为重要的一部分，需要师生互动才能取得更好的效果，在提高教学效率的同时巩固学生所学到的知识。

（三）考核方式改革

考核方式一直是教育事业中的一个重要环节，关系着学生学习成绩和学习能力的评价。大部分关于计算机技术的考核都是以考察为主，不能准确地反映学生学习的真实水平和能力。在网页设计与制作中，可以以真题假作的形式考核，让学生发挥自己的审美能力和软件操作能力，以整体效果、版面设计、色彩搭配、内容主次分明等方面作为现场考核的标准，然而现阶段针对考核方式的改革应该增加考试考核的比重，根据学生的考试成绩来判断他们的学习能力和知识的接受程度，进一步改进教学过程中遇到的问题，促进教学水平的提高。

篇2

关键词：

高职院校;网页设计;项目化课程;开发实践

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。

1设计理念与思路

该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。

1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。

1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。

2对专业建设与发展的定位与作用

该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。

3课程内容的针对性与适用性

（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。

4教学内容的组织与安排

该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。

5教学模式的设计与创新

在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。

6实践教学条件的建设与使用

课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。

篇3

在现阶段中的高职教学中，其在计算机网络专业对学生的培养目标就是使其成为技能型的高级网络技术人才。为了能够更好的更好的培养高职学生在网页设计上的能力，作为高职教师就要改变其教学方式。关于项目教学法，其就是指学生能够在教师的指导下，独立完成对项目信息的收集、对项目方案的设计以及对项目评价的整个过程。教授在开展计算机网页时机教学活动中运用项目教学法不仅能够有效的提高学生的综合素养，而且还在很大程度上提高了学生学习计算机的能力。

1项目教学法的特征

关于项目教学法的主要特点表现在以下三个方面；

1.1与现实生活紧密联系

关于项目教学法，其主要来源于现实中的生活。教师在教学过程中，能够通过项目教学法来帮助学生选择与网页设计有关的而且还能够引起学生兴趣的主题来进行教学活动。这种教学方式不仅强调学生学习的主动建构，而且还能使教师能够在一定程度上获得直接的经验活动。

1.2培养学生的综合素质

在项目教学法的运用当中，其能够让学生有独立进行学习的机会，通过小组的形式或者独立做项目的过程，来进一步的促进学生的动手能力和分析问题的能力。

1.3计算机教学过程具有多方面的创造性

项目教学法在教学中运用是具有灵活性和复杂性的，因而教师在运用的过程中要能够逐渐引导学生对生活中的事物进行深入的学习。学生在项目教学法中学习网页设计时，要能够学会自己解决问题，从而提高自身的综合能力。

2项目教学法在高职计算机网页设计教学中的应用

网页设计是高职计算机专业的基础课程，开展这个课程主要就是为了能够培养高职学生在网页设计与制作能力、网站维护与规划设计等方面的能力。在多数情况下，项目教学法在高职计算机网页设计课程中的应用主要有以下几个步骤来进行的。

2.1项目教学的准备阶段

关于项目教学法的准备阶段，其主要内容就是教师要先对学生进行合理的分组，一般情况下，一五人为小组的形式最好。教师在进行分组的过程过程中，要能坚持民主的方式来选出学习小组的项目总监和副总监，然后再由他们来对自己小组的成员进行合理分工、明确其各自的职责。通过这种方式来让学生了解自身的任务，从而能够有效地提高学生学习计算机网页课程的积极性和主动性。另外，作为项目总监和副总监，其还要对整个小组的学习进行监督以及协调成员之间的工作职责。

2.2项目教学法的具体环节

教师在运用项目教学法中，对整个教学的项目必须要经历六个环节，即选择项目、分析项目、实施项目、成果展示、综合评价和项目反思这六个环节。只有经历过这六个环节才能够确保整个教学项目的完整和系统。

2.3项目教学实施的具体过程

根据项目教学的具体环节，在项目教学法的实施过程中，其也要经历相似的过程。关于实施项目教学的具体过程，其主要有四点。

2.3.1选择项目

教师在对网页设计课程中的内容进行划分时，要能够让每部分的内容都能形成一个专门的项目，并且根据这个项目来制定和设计，进而使学生能够完成对这个部分主要内容的学习。比如教师可以将网页设计课程中的重点以及存在的难点来作为教学项目，并且教师还要用具有代表性的网页制作来作为相对应的计算机网页设计的教学内容。教师在选择教学项目时，其一定要注重对学生在组织能力、学习能力、合作能力以及实践能力上的培养；除此之外，教师还要注重对各个项目环节的设计，其中通过对步骤的细化、分工的明确来确保能够给学生自主学习提供便利的条件。

2.3.2分析项目

在一般情况下，分析教学项目是需要经历两个重要的过程。首先教师要给学生对整个教学项目进行介绍，并且还要将总项目细化为具体的教学模块和简单的教学任务，进而来保障每个模块不会过多的涉及到其他知识点。通过这种方式使得学生在对项目完成的过程中可以明确了解到自己在项目中的职责，从而更好的学习计算机网页设计这门学科。

2.3.3实施项目

实施项目是整个项目教学的关键。在这个环节中，每个小组要根据积极制定的项目计划来实现学习计划目标。作为教师要让学生在项目学习中注意两点：一是小组的合作精神和学习效率；二是要让学生能够认真记录网页设计的操作步骤和过程。作为高职教师不仅要能够为学生提供丰富的学习素材，而且还要在学生实践操作的过程中对其进行适当的指导。学生在制作主页时，由于每个小组的分工不同，对处理图片与设计版式也就不一样，因而处理后的图片会与事先的布局不一样。因而教师要及时指导学生按照设计图来进行设计。

2.3.4成果展示

学生在完成项目后，教师一定要将其完成的成果进行展示。关于项目成果的展示，其主要包括成员分工、制作过程分析等。具体来说，成果展示主要是由两个模块构成的，一是学生自己对项目成果进行自我展示，二是由教师和其他小组的成员来将学生的项目成果进行展示。通过对学生完成的项目成果进行展示，不仅提高了教师在教学中的效果，而且提高了学生学习计算机网页课程的积极性和主动性。3结语总而言之，项目教学法在教学中的运用不仅在一定程度上提高了教师在高职计算机网业设计上的教学效果，而且还更好的促进了高职学生学习计算机的热情以及对网页设计的兴趣。从而提高了学生整体学习能力和综合素质。

引用：

[1]付昕.项目教学法在高职计算机网页设计课程中的应用[J].产业与科技论坛,2016,08:153-154.

篇4

中图分类号：TP311.1 文献标识码：A 文章编号：1674-098X（2017）02（c）-0224-02

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。

按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。

1 设计理念与思路

该课程根据职业能力发展的基本规律（新手―生手―熟手―能手―专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体模块整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。

1.1 设计理念：学习的内容是工作，通过工作实现学习。

这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。

1.2 设计思路：整体模块整体

课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。

项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。

2 对专业建设与发展的定位与作用

该课程采用项目化教学方式，可以起到如下作用。

（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。

3 课程内容的针对性与适用性

（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+ 30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。

（3）知识目标和能力目标。

知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。

能力目标主要体现以下方面：

②熟练使用样式表控制页面外观。

③能在网页中设置需要的脚本。

④能进行网站的更新与管理。

另外根据职业教育要求，加强学生以下素质：

①服务意识：为他人提供优质的服务。

②文明法制意识：网站内容积极健康向上，不做违法的事。

③合作精神：能够与他人合作，具有协调能力和组织管理能力。

④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。

4 教学内容的组织与安排

该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计（含JavaScript应用）、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设因篇幅所限此处省略）。

5 教学模式的设计与创新

在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。

（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。

6 实践教学条件的建设与使用