创新网页设计范文
时间：2023-07-21 11:04:04
创新网页设计范文第1篇
在现代网络技术发展与更新的潮流中，高职高专院校推崇的产学结合，项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。本文将针对高职高专《网页设计与制作》课程考核模式进行深讨。
【关键词】
产学结合；项目式教学；创新改革
随着现代化网络技术发展与更新，在全国高职院校中推崇的产学结合，项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。在我系数字媒体技术专业,《创新网页设计与制作》这门课程是以职业实践教学为导向，在结合岗位需求的基础上，征求行业、企业专家意见并进行论证，在职业核心能力分析的基础上，对职业所需岗位的技能、知识等进行调研，将这些核心职业能力充分融入到教学考核模式的体系中，来研究创新网页设计与制作的考核模式。
一、课程考核模式目标
（一）高职《网页设计与制作》课程的教学特点。《网页设计与制作》这门课程是高职计算机专业或者数字媒体技术专业的一门主干课程，它涵盖了HTML语言、fireworks、dreamweaver、flash等软件的相关内容，从各个方面介绍了WEB站点的开发、设计、制作及维护等技术。在数字媒体技术专业，本课程与图形图像处理、FLASH动画等课程是相互衔接的，它是一门培养学生综合应用能力的课程。
（二）《网页设计与制作》考核模式的实施。传统的《网页设计与制作》课程考试内容一般是以笔试为主，以考书本知识为主要内容，注重学生对书本知识的记忆，这样就无意间缩小了学生的知识面，束缚了学生思维的发展，忽视了培养学生独立自主的思考能力、学生对知识运用的能力以及学生创新意识的培养。经过一系列的试验和企业的深入调研，为了培养学生的实际动手操作能力，构建知识框架体系，可以对《网页设计与制作》课程考核模式进行一些创新的改革，如可以进行项目制过程（作品）考核方式，也就是根据《网页设计与制作》课程的教学目标中各个知识点采用项目制教学，模拟企业模式给出相应的项目，学生分组完成。学生分组模式参考企业项目制合作团队，每组选出相应的组长，分工合作调研自己所选主题，进行项目的策划与制作。考核模式先由老师进行项目成果打基础分，然后分组进行PPT汇报与演示，投票选出每个项目成果的名次，最后根据名次与基础分的比例得出最后的分数。
二、考核模式的创新改革
（一）整体教学的设计。《网页设计与制作》课程以课程项目的各个任务引导，通过项目制任务指导实践，充分采用项目导向的模块式教学，分析项目任务，选择几个典型的项目作为本课程的教学情境。根据课程内容的课程标准，对这个课程进行了一些创新型的改革，用一个创新合理的考核评价方式去挖掘学生个性发挥和实际操作能力的培养。每一个考核任务设计一个项目任务，在项目实施的过程中，对学生的制作过程与完成成果情况进行考核。
（二）考核内容的过程设计。对于这门课程，主要用平时制作过程的考核和期末考核相结合的方式。平时上课期间制作过程考核占百分之七十的比例，主要包括平时出勤率、课堂表现、项目完成的综合情况。其中平时出勤率占百分之十五，课堂表现占百分之十五，项目完成情况占百分之四十。教学内容主要分为项目设计调研与实际操作两个部分，而整个课程的设计又分为以下几个任务：项目的策划与设计、市场调研、创建站点、基本的网页设计与制作、网页图形图像的处理、网页动画的制作及网页整体形象的设计等，每一部分的任务都要设计相应的考核作品。这门课程主要考核过程的设计与制作，培养学生运用所学的知识点及时操作解决相应问题的能力，注重学生对网页设计与制作创新设计能力的培养，提高他们的创意思维能力。
（三）实施过程的体现。通过这种考核方式不仅激发了学生们学习这门课程的兴趣，还有利于提高教学效果，如：1.这种“项目制过程考核”不仅激发了学生的自主能动性，同时也使学生有效地展现自我，提高了他们学习的兴趣。2.让教师的“教”与学生的“学”交互，学生可以通过教师的教学案例进行临摹学习，同时可以弥补自己在制作过程中的不足，教师在实际的操作示范中不断总结知识的运用、软件的操作、综合素质的提高等等，通过反馈信息来不断更新自己的教学手段、教学方法、教学内容及考核。3.提高了教学质量，通过这种方式的考核，不仅提高了学生实际操作的动手能力，也增强了自主学习能力，提高了创新意识，真正实现了“教，学，做”一体化教学模式。
参考文献：
[1]周淑萍.过程性考试在中职计算机教学中的应用[J].教育研究，2010,(7):146.
[2]王书立，张立军.浅谈过程性考核在高职“企业会计实务”课程教学中的应用[J].深圳信息职业技术学院学报，2007,(9):60-63.
[3]张洪星.Dreamweaver网页设计能力教程[M].中国铁道出版社，2006.
创新网页设计范文第2篇
在现代网络技术发展与更新的潮流中，高职高专院校推崇的产学结合，项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。本文将针对高职高专《网页设计与制作》课程考核模式进行深讨。
【关键词】
产学结合；项目式教学；创新改革
随着现代化网络技术发展与更新，在全国高职院校中推崇的产学结合，项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。在我系数字媒体技术专业,《创新网页设计与制作》这门课程是以职业实践教学为导向，在结合岗位需求的基础上，征求行业、企业专家意见并进行论证，在职业核心能力分析的基础上，对职业所需岗位的技能、知识等进行调研，将这些核心职业能力充分融入到教学考核模式的体系中，来研究创新网页设计与制作的考核模式。
一、课程考核模式目标
（一）高职《网页设计与制作》课程的教学特点。
《网页设计与制作》这门课程是高职计算机专业或者数字媒体技术专业的一门主干课程，它涵盖了HTML语言、fireworks、dreamweaver、flash等软件的相关内容，从各个方面介绍了WEB站点的开发、设计、制作及维护等技术。在数字媒体技术专业，本课程与图形图像处理、FLASH动画等课程是相互衔接的，它是一门培养学生综合应用能力的课程。
（二）《网页设计与制作》考核模式的实施。
传统的《网页设计与制作》课程考试内容一般是以笔试为主，以考书本知识为主要内容，注重学生对书本知识的记忆，这样就无意间缩小了学生的知识面，束缚了学生思维的发展，忽视了培养学生独立自主的思考能力、学生对知识运用的能力以及学生创新意识的培养。经过一系列的试验和企业的深入调研，为了培养学生的实际动手操作能力，构建知识框架体系，可以对《网页设计与制作》课程考核模式进行一些创新的改革，如可以进行项目制过程（作品）考核方式，也就是根据《网页设计与制作》课程的教学目标中各个知识点采用项目制教学，模拟企业模式给出相应的项目，学生分组完成。学生分组模式参考企业项目制合作团队，每组选出相应的组长，分工合作调研自己所选主题，进行项目的策划与制作。考核模式先由老师进行项目成果打基础分，然后分组进行PPT汇报与演示，投票选出每个项目成果的名次，最后根据名次与基础分的比例得出最后的分数。
二、考核模式的创新改革
（一）整体教学的设计。
《网页设计与制作》课程以课程项目的各个任务引导，通过项目制任务指导实践，充分采用项目导向的模块式教学，分析项目任务，选择几个典型的项目作为本课程的教学情境。根据课程内容的课程标准，对这个课程进行了一些创新型的改革，用一个创新合理的考核评价方式去挖掘学生个性发挥和实际操作能力的培养。每一个考核任务设计一个项目任务，在项目实施的过程中，对学生的制作过程与完成成果情况进行考核。
（二）考核内容的过程设计。
对于这门课程，主要用平时制作过程的考核和期末考核相结合的方式。平时上课期间制作过程考核占百分之七十的比例，主要包括平时出勤率、课堂表现、项目完成的综合情况。其中平时出勤率占百分之十五，课堂表现占百分之十五，项目完成情况占百分之四十。教学内容主要分为项目设计调研与实际操作两个部分，而整个课程的设计又分为以下几个任务：项目的策划与设计、市场调研、创建站点、基本的网页设计与制作、网页图形图像的处理、网页动画的制作及网页整体形象的设计等，每一部分的任务都要设计相应的考核作品。这门课程主要考核过程的设计与制作，培养学生运用所学的知识点及时操作解决相应问题的能力，注重学生对网页设计与制作创新设计能力的培养，提高他们的创意思维能力。
（三）实施过程的体现。
通过这种考核方式不仅激发了学生们学习这门课程的兴趣，还有利于提高教学效果，如：
1.这种“项目制过程考核”不仅激发了学生的自主能动性，同时也使学生有效地展现自我，提高了他们学习的兴趣。
2.让教师的“教”与学生的“学”交互，学生可以通过教师的教学案例进行临摹学习，同时可以弥补自己在制作过程中的不足，教师在实际的操作示范中不断总结知识的运用、软件的操作、综合素质的提高等等，通过反馈信息来不断更新自己的教学手段、教学方法、教学内容及考核。
3.提高了教学质量，通过这种方式的考核，不仅提高了学生实际操作的动手能力，也增强了自主学习能力，提高了创新意识，真正实现了“教，学，做”一体化教学模式。
作者：胡威 单位：重庆商务职业学院
参考文献：
[1]周淑萍.过程性考试在中职计算机教学中的应用[J].教育研究，2010,(7):146.
[2]王书立，张立军.浅谈过程性考核在高职“企业会计实务”课程教学中的应用[J].深圳信息职业技术学院学报，2007,(9):60-63.
[3]张洪星.Dreamweaver网页设计能力教程[M].中国铁道出版社，2006.
基金项目：
创新网页设计范文第3篇
关键词：网页艺术设计；审美视角；研究
互联网技术的发展，使各行业领域面临新的机遇和挑战。网页设计作为信息技术的产物，目前已无法满足现代人的审美标准，因此，突出设计的艺术性，是设计者亟需解决的重要问题。例如，坚持网页艺术设计的原则和特点，积极探讨网页艺术设计的设计技巧，以符合现代审美的艺术型网页，进而提高网页浏览量，达到网页信息传播的目的。
1网页艺术设计的原则
1.1突出设计主题
“突出主题”是网页艺术设计的根本原则和核心宗旨，无论设计师如何创新页面色彩、布局、文字等，都必须以突出主题为原则，以保障网页传播信息的目的。首先，确定网页主题，当有了明确的主题后，一切的设计都应围绕主题展开，在此基础上进行网页视觉的创新。其次，页面艺术创造要有度，切不可夸张的采用所谓的“后现代”色彩，保障网页符合大众审美，而不是为了迎合某一部分非主流网民，应以高端大气的艺术设计强调网页的视觉冲击，进而使主题突出。总之，在保障页面清晰、美观、艺术、简练的视觉效果之外，也要突出页面或栏目的重点、热点信息和主题。
1.2统一设计风格
网页设计的风格决定着网页内容、布局、色彩的运用，不仅是设计师设计水平及设计理念的重要体现，同时不同风格的网页设计也会给网民不一样的视觉审美效果。与书籍、杂志的版面设计类似，网页艺术设计同样忌讳同一页面运用多种不同设计风格，这会使网民在浏览网页时感觉到眼花缭乱，根本无法掌握页面主题，也与网页艺术设计中“突出主题”的原则相背离。一般同一页面设计风格不超过三种，而且这三种风格需设计者严格把控，以保障页面的审美效果以及主题突出。
1.3丰富网页色彩
网页色彩影响着网民对网页的第一感觉，若设计时将网页的色调统一设计，虽给人以舒服、流畅的感觉，但若长时间浏览单一网页时，统一的色调又会给人乏味之感，降低浏览质量。因此，把握网页设计时的色彩对设计者的设计功底具有很大挑战。设计时，不仅要综合考虑页面的整体色彩布局对内容的影响，也要求设计者在创新页面色彩时，保障主题突出的初始原则，同时也要注重多数网民的主观感受，保障网民浏览视觉美好，达到网页艺术设计审美效果。
2网页艺术设计的特点
2.1即时性
网页艺术设计的即时性特点与传统纸质媒体最大的不同就是可以随着热点话题或事件的进程实时更新。作为网页艺术设计最突出的特点，其在网络端口更新、推送时要求设计师根据当前网页浏览实际数量进行微调整或修改，以保障网页信息的即时性，吸引更多浏览量。其次，网页艺术设计时的互动性是最大的优势，设计师可将网页反馈的信息作为再设计的基础或参考，更新网页信息时体现网页的互动性、亲民性，进而体现网页的影响力。
2.2交互性
信息技术、网络技术的发展，使全球网络化发展迅速，使人们的交流沟通更加顺畅，尤其是以手机为代表的移动终端的应用。现代网络平台交互方式多种多样，如：视频、语音、文字等，且近年来随着各直播平台的推出，使人们获取信息、信息的渠道再上一个台阶。网页新闻受到严重冲击，因此，如何创新网页艺术设计、保持或增加网页浏览量是各大网站面临的重大发展问题，其中最重要的一点就是积极探索网页设计时多媒体式的交互性。
2.3不可操控性
设计的不可操控性主要体现在网页版式方面，即在规定的页面内应用不同的视觉或听觉技术将页面元素进行构建，以体现设计师的设计风格和设计理念，并注重以视觉倾向表达视觉效果。虽然网页版式在网页设计中只占据一部分，但其是网页表达审美的直接体现。与传统平面设计不同，网页设计脱离固定的设计尺寸，完全由网民自行调整网页尺寸，这就使网页在设计时要兼顾不同尺寸的页面显示。其网页版式的不可操控性，对设计师的设计精准度是一项极大的考验，也是网页艺术设计独特之处。
2.4融合性
网页艺术设计有网页和艺术两个基础。其中网页考验的是设计师的网络技术水平，也是设计的客观因素；艺术考验的是设计师的艺术创造能力和审美能力，也是设计的主观因素。因此，成功的网页艺术设计必须同时融合设计师的主客观两方面的思维，利用现代化的网络技能结合自身的设计理念和设计主题，完美地设计出符合大众审美意识和取向的优秀作品。
3网页艺术设计的设计技巧
3.1文字的设计技巧
文字是网页艺术设计的灵魂，也是设计的主体。文字的大小、颜色要遵循易看、易认、易读、易懂的设计原则，其技巧主要为：（1）合理安排字体，同一页面字体样式不可多于三种，否则繁杂的字体只会使网民产生杂乱感，没有任何网页审美视觉，同时也要避免使用对于某些显示器无法显示的字体。字体选择时应以易看、易认为原则。（2）确保文字的可读性，也就是文字的易读、易懂原则。设计网页文字时切不可过多的文字装饰，保持文字清晰可辩，给网民创造良好的视觉印象。（3）科学利用字号差，即大标题配小内文，但这个差异一定要控制好，以突出网页艺术设计的主题。
3.2图片的设计技巧
网页艺术设计时，图片的位置、数量、尺寸、形式等都直接影响着网页的视觉传达效果。在设计时网页图片应遵循的设计技巧为：（1）图片精准定位，突出网页设计主题，符合主题要求和约定。（2）图片设计的独特性作为网页的一部分，创造性图片更能吸引眼球，带动网页浏览量。设计师在创造图片时，应打破传统思想壁垒，以全新的视角设计出具有强烈视觉冲击的图片。（3）坚持图片审美标准，在网页艺术设计方面，图片被赋予特殊的情感表达。不同图片的视觉效果可以直抵人的内心情感世界，这也是图片最大的魅力所在。因此，图片不仅给人视觉上的享受，更要表达更深层的情感。
3.3版式的设计技巧
目前，常用的网页版式设计图形软件是Photoshop和Fireworks，其可以将网页在有限的空间内将各种多媒体元素（如：视频、文字、图片等）根据现代人审美标准进行重构。网页版式设计应遵循均衡、对比、统一的版式形式，但网页版式设计同样也注重创新，需要根据不同的热点新闻重构网页版式，以适应信息更新的速度及满足网民的视觉享受。网页版式主要有以下几种类型：（1）骨骼型。类似于报刊版式，是比较规范、理性的设计版式。一般分为竖向通栏、双栏、三栏或横向通栏、双栏、三栏等，以竖向分栏居多，具有和谐美、理性美、活泼、弹性等特点。（2）满版型。以图片填充整个版式，将文字浮于图片上。这样强烈的视觉冲击可以很快抓住人们的眼球，突出网页主题性。
创新网页设计范文第4篇
关键词：高职；电商；网页设计；教学实践
电子商务专业的静态网页设计是一门操作性很强的学科。随着阿里巴巴、天猫网的普及，使得电子商务专业有了飞速发展，同时也使网页设计课程成为电商专业的一个重要门类。培养学生掌握网页设计的基本知识和基本技能是电商教学的一项重要任务。
一、电商网页设计的意义
当下，网上购物、12306购票、朋友圈已成为人们生活的一部分，而所有的网络消费都离不开网页，网页是人民接受各种信息的最主要的载体。网页设计通过数字技术，用文字、图片、声音或视频等形式承载信息，进而将具体的信息通过页面展示给浏览者。网页设计具有很强的视觉效果，漂亮新颖的网页一定会吸引人们的眼球；另外，网页的互动性、互操作性也很强，浏览者可以通过注册表单与网页进行交互，给用户带来极大的方便。所以，如何制作一个精美的网页，成为电商网页设计与制作课程的首要任务。
二、电商网页设计的内容与要求
在网络高度普及和互联网飞速发展的今天，对网页设计也提出了许多新的要求，其网页设计内容也呈现出多元化的趋势。网页设计的软件也越来越多，在电子商务网页设计中，常用的软件有DreamWeaver的各种版本，Fireworks页面设计和Flas设计等。由于电商网页设计涵盖各种行业，要满足不同用户的需求，网页设计必须要发挥数字化制作的优势，并结合Photoshop等软件对页面色彩的优化处理美化页面，要求作到“三创”，即主题创新、网页创真、页面创美。
（一）主题创新：主题创新就是网页设计理念要有创新性，要求网页主题独特新颖，具有特色，网页版面设计新颖，吸引用户。现在的各大门户网站更新快，特色突出，精彩纷呈。因此在教学中，不仅要通过理论教学，使学生熟悉网页设计的基本知识，让学生设计网页时有理论知识作为支撑，同时要通过实践教学，让学生发散思维，自己创新设计网页，让学生具备网页设计的基本技能。在教学实践中，随着网页基础知识的渗透，先采取模仿的形式，让学生对网页设计有基本的感知能力。在教学过程中，找出天猫网、各大电商企业网站等经典网页让学生模仿设计，从页面布局到具体的页面实施，每次模仿都让学生对网页设计有更新的认识，即完成了教学过程中的技能目标，又培养了学生的创新和审美意识。学生在模仿制作网页时，总是会有很多新想法，比如：在天猫网站中添加网络试衣界面，设计“虚拟网页体验”等，学生不仅能清楚的描述网页的主题，功能，并且对于网站的后期运营都有自己独特的见解。
（二）网页创真：网页创真就是讲求科学性，要求网页独立创作，不得抄袭。即不要重复、抄袭、剽窃他人的设计作品。态度决定一切，意识重于形态，要时刻提醒学生，要求学生，培养学生严谨认真的学习态度，弘扬求真务实的学术作风。
（三）页面创美：页面创美就是讲求美感性，要求网页使人愉悦，百看不厌。电商网页设计要创美，必须教育学生重视色彩设计，不仅要使文字、图像制作精美，而且要注意文字、图像与背景色的搭配，做到色彩搭配和谐协调，令人赏心悦目。
三、电商网页设计的教学实践
电商网页设计是一门实践性很强的课程，可采用三步法进行教学，即认知——模仿——创作。具体教法可分四步，即一讲授，二示范，三作业，四实习。学生的学法也有相应的四步，即一听讲，二观看，三模仿，四创新。讲授与示范即认知过程，学生通知听讲与观看示教可获得一些基本的理论知识与技能；再通过作业，学生可模仿设计网页；最后通过毕业实习，学生可独立进行网页的创新设计。为了获得较好的实践教学效果，应作好下面几点。
（一）启发教学：启发是教学方法中最好的教学方式，通过问题是不断深入，启发学生如何独创设计电商页面，在电商网页设计教学实践中，采用启发教学可以达到很好的教学效果。例如：在电子商务的新生教学实践中，首先让学生们剖析各大门户网站的受欢迎原因，启发学生从不同角度创新网站主题，再让有创新思想的同学向大家阐述自创网站的用户人群，创新亮点以及如何使网站持续受到关注等观点。不仅鼓励了有创新思想的同学，同时也使其他同学受到了启发，有了继续学习，创新的意识，使得课程有了很好的教学效果。
（二）优选教法：教学有法，教无定法。教学的手段和方法很多，为了追求最佳的教学效果，我们应当优选教法。可以采用的方法有项目教学法、多媒体教学法等。项目教学可使单调抽象、枯燥乏味的课堂教学变得丰富、具有挑战性。多媒体教学涵盖大量内容、具有直观性、形象性。在电商网页设计教学中，应根据学生学习的特点和程度，选用不同的教学方法，吸引学生持续不断的跟进学习，使得学生热爱电商网页设计课程。
（三）重点突出：在网页设计的实践教学中，要突出“重点”教学，在培养学生必需的理论知识，较强的实践技能基础上，更要注重职业素质的培养，特别要突出培养网页设计操作能力，掌握网页设计的基本技能，使学生毕业后有较强的独立设计和创新设计的能力。
（四）团队意识：在网页设计中，团队意识非常重要。大型网站的设计制作从构思、设计框图、具体模块划分以及最终分工，都是团队协作共同完成的。所以在网页设计实践教学中，培养学生的团队意识非常重要。在实践教学中，教师可以将学生以小组为单位，设立虚拟的网页设计公司，并按团队分工具体设置公司各成员，吸引学生学习兴趣，培养团队协作精神。另外，在教学过程中，应多布置一些需要团队协作完成的命题，让学生以小组为单位进行分组讨论，确立分工，培养学生独立思考、团队协作的能力。学生在具体团队实施中，会通过求同存异，确定最终方案，设计出团队共同赞成的网页设计作品。
参考文献:
[1].杨选辉.网页设计与制作教程[M].北京:清华大学,2009.
[2].胡菘.HTML从入门到精通[M].北京:中国青年出版社,2007.
创新网页设计范文第5篇
互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。
2网站设计分析
文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。
3网页制作
3.1选择合适的网页设计软件当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。
3.2选择网页内容前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。
3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。
4结语
网站的设计与制作谈起来很简单，但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。
创新网页设计范文第6篇
关键词：平面设计;网页设计;课程教学;改革
随着“互联网+”国家策略的大力推进，我国社会发展急需大量优秀的互联网人才，而网页设计人才是互联网人才的重要组成部分。为了配合国家战略实施，目前国内各大高校纷纷把网页设计设置为平面设计专业高年级学生的必修课程。然而，随着近年来平面设计高等教育的不断扩招，以往的课程体系和教学方法已无法满足当代和未来社会对网页设计人才的要求，而忽视市场需求的人才培养模式也会使人才培养与市场需求间的距离越来越大。所以，对平面设计专业网页设计课程教学的探讨十分重要。
一、教学现状分析
平面设计教育在我国起步虽晚，但发展迅速，其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术，它的创意取决于企业的文化属性和互联网的特色，它是一种附属于互联网、融合艺术与技术的新型设计形式，它的界面设计从平面设计入手，内涵却远远超出了平面设计概念，既要注重界面中的平面构成元素，又要考虑用户体验，还要注重各页面链接的空间关系和视觉协调性，从而成为具有互联网特征、综合性的平面设计。目前，国内各大本科院校多依据所属专业确定网页设计课程的教学侧重点。计算机类的侧重代码编程，注重培养网站后台人才；艺术类的侧重界面规划和美化，致力于培养网站前台、网页美工。但各专业在网页设计课程教学上主要存在以下两种现象：一是“轻维护、重美观”，培养出的学生多注重静态页面的艺术性，不在乎是否有利于后台维护；另一种是“轻线下、重线上”，部分学生往往只在意屏幕的视觉效果，对线下互联网用户的需求了解不够。这导致他们设计的网页界面看起来很漂亮，链接也很流畅，但实用性不强，更不利于线下产品的开发。因此，对平面设计专业网页设计课程教学进行改革势在必行。
二、教学内容的调整
对于平面设计专业网页设计课程教学中出现的问题，首先要从教学内容上进行调整。新的教学内容调整为艺术理论课程和软件实践课程两大模块。
1.艺术理论课程模块
艺术理论课程模块的知识点分为三部分：网页设计的功能元素、网页交互设计、网站品牌形象的美学塑造。网页设计的功能元素是网页界面设计的基础元件，了解功能元素的特点、作用及各元素之间的相互关系，对网页设计工作起着至关重要的作用。网页设计的功能元素有背景与底纹、按钮与控件、页眉与页脚、导航器和目录、功能板块和广告位等，这些功能元素依靠文字、图片、色彩、多媒体和超级链接实现。这些功能元素的形式语言设计遵循传统平面设计的设计原则，又和传统平面设计有很大不同。如，传统平面设计多以印刷为最终呈现方式，作品尺寸是固定数值，而网页设计是以用户的显示器为最终呈现载体，所以作品的宽度不宜超过显示器宽度，高度可以任意，但只能显示一屏的高度，随着浏览者拖动滚动条，作品的显示高度随之变化。用于传统平面设计中的色彩在输出过程中是以印刷色CMYK形式出现的，而网页设计中的颜色是RGB模式，是标准的光色。因此，教师在此部分教学中不但要传授网页设计各功能元素的作用与特点，还应该指出它们与传统平面设计中相对应元素的异同，让学生在区别中学习。交互设计是网页设计最为重要的功能设计。交互设计源于工业设计的概念，原来的平面设计专业教学中没有交互设计的内容，为了更好地让教学内容与市场接轨，在调整后的教学内容中新增了这一知识点。此部分教学内容包括用户体验研究、层级结构设计、流程设计等，通过模拟用户上网实际操作进行分析，找出用户的关注点，确定网站特色和栏目，将站点ID、栏目、实用工具、搜索引擎等交互设计元素和平面设计知识结合，将功能设计教学落到实处。品牌化建设是企业视觉形象设计的延续和拓展。和大多数线下公司一样，优秀的网站也需要塑造品牌形象。从企业文化和性质入手，树立准确而独特的网站品牌形象，有利于企业在互联网上从同类公司中凸显出来，提高上网者对该企业网站的浏览兴趣，增强上网者的浏览记忆，促进该企业的宣传推广。在艺术理论课程模块教学内容中应渗透品牌形象概念，将此概念应用到网页设计的各个环节之中，无论是网页LOGO、网页色彩还是版式和导航等设计，都应该保持品牌形象的一致性。
2.软件实践课程模块
软件实践课程模块包含两部分：“新网页三剑客”和常用简单代码识别。Fireworks、Dreamweaver、Flash是传统意义上的“网页三剑客”，过去网页设计的教学基本是对它们的学习。这虽然具有普遍性，但对不同专业学习的针对性不强。结合平面设计专业学生现有软件掌握情况（Photoshop是平面设计专业学生必修基础软件，多数学生已掌握它的基本操作技巧），把此部分内容调整为“新网页三剑客（Photoshop+Dreamweaver+Flash）”的学习。简单地说，就是根据界面规划草图，用Photoshop制作出精美的静态界面效果图，并在此基础上再次利用Photoshop软件进行切片、优化和输出Html文档，用Dreamweaver进行版式美化处理和超级链接设计，最后用Flash做特效替换，最终做出具备跳转链接功能的动态网页设计效果图。平面设计专业最终制作的网页设计作品需要软件工程师根据动态效果图代码编程上传，这样才能更好地在互联网上呈现。为了更好地与后台工程师沟通，把动态效果图设计得更准确，网页美工师需要了解一些常规编程代码知识，但平面设计专业学生多是文科生，数学和英语的掌握水平普遍不高。对此，在代码教学内容上应选取一些常用的、简单的代码语言，并结合Dreamweaver的Html标签和CSS规则的使用方法，利用框架，对现有模板进行优化和美化，提高网页设计动态效果图的实用性。
三、以项目教学方法为载体，提高学生的实战能力
为了提高学生的实战能力，将社会项目、经典案例引入课堂教学，并分层次逐级深入。
1.第一级：精选案例、分解任务阶段
教师应该根据学生的特点和网页设计所需掌握的相关知识点，精选典型实际案例，引入教学环节。分解项目到每一个知识点，边教边练，将实践和理论有机结合，并逐一讲解。教师选择的案例要具有吸引力、综合性，能涵盖知识点，案例不需要多，两三个即可。教师在讲授案例时应强调学生的主体地位，对学生进行引导和解惑，遵循由浅入深、由易到难的原则，以具体分解任务作为驱动，进行教、学、练的课堂活动。此阶段应激发学生自主学习的兴趣，培养他们独立自主分析、解决问题的能力和实践能力。
2.第二级：项目分工合作阶段
此阶段将学生分成若干设计小组，几个小组共同承担一个项目，每组在项目中的任务各不相同，各小组分工协作，大家共同制订项目计划和实施方案，推举大组长为项目总负责人，负责最终方案的定稿和项目材料的整理。在项目设计的整个环节中，每个小组拥有充分的自，大大地调动了学生的积极性。各小组成员共同面对随时出现的问题，合作完成任务。这样的交流过程使每名学生都能参与项目设计活动，提升自主学习能力。在这种交流中，所有学生的思维碰撞出火花，产生新的创意，大大提高了学生的创造激情和探索冲动，加强培养了他们的团队协作能力，为他们以后步入社会打下了基础。教师在这个阶段应该全程监控，引导学生自主解决问题，表扬优点，发现不足，汇总各个组项目实施中的共性问题，对共性问题所涉及的理论知识与软件操作集中补充讲解。
3.第三级：对接社会、校企合作阶段
平面设计专业网页设计课程教学改革的最终目的是为社会输出合格的互联网网页设计人才，更好地服务社会。对此，平面设计专业网页设计课程教学对接社会、加强校企合作就显得尤为必要和重要。学校应该根据自身特点选择合适的企业建立教学实践基地，聘请企业网页设计骨干作为指导教师参与网页设计课程实践教学。学校也可以组织部分优秀学生组建设计团队，成立工作坊，工作坊可以按照企业模式管理、运营，承接校外的网页设计项目。此阶段教学培养学生的社会接轨能力，为学生对接社会提供条件，将企业文化和行业规范引入教学，实现校企无障碍对接，真正将理论教学与实践教学有机结合在一起。在计算机信息技术飞速发展的环境下，平面设计专业网页设计课程更要紧扣时代的脉搏，求实创新，不断地更新和丰富教学内容，结合市场发展趋势创新教学方法，及时将最新案例和相关知识点引入课堂，最终培养出满足“互联网+”国家战略实施需要、具有综合素养的网页设计高级应用人才。
参考文献：
[1]（美）贾森•贝尔德.完美网页的视觉设计法则（第2版）.石屹，译.电子工业出版社，2011.
[2]范双南，李希勇，万宏辉.现代设计基础——21世纪艺术设计专业规划教材Dreamweaver网页设计.北京工艺美术出版社，2009.
[3]（美）RobertHoekman.Jr.瞬间之美：Web界面设计如何让用户心动.向怡宁，译.人民邮电出版社，2009.
创新网页设计范文第7篇
关键词：网页；视觉传达；设计表现
中图分类号：J524 文献标识码：A 文章编号：1005-5312（2015）24-0164-01
信息时代下，网页视觉传达作为一种以视觉符号为基础，传递信息的设计活动，与媒介息息相关，媒介技术的快速发展，为网页视觉传达设计注入了新鲜血液，无论是设计语言、形态，还是设计观念、流程，均发生了深刻变化，而其中设计表现是视觉传达最直观、具体的表现，在传达作品思想等方面发挥着积极作用。因此，加强对网页视觉传达与设计表现的研究具有重要意义。
一、网页视觉传达概述
网页作为一种信息传达新媒介，与其他传达媒介一样，在设计上具有共通之处，且同样需要遵循相关原则，但是，受到网页自身表现形式、运行方式等因素的影响，网页自身还具有媒介属性，并能够发挥传播范围广、传播速度快、交互化等优势。为了吸引更多注意力，争取更多浏览量，网页视觉传达越来越注重与设计表现的融合，并以此来提升信息表达能力，将二者融合作为网页设计发展的主要方向。
二、网页视觉设计需要坚持的原则
（一）简洁原则
简洁是针对网页设计表现内容嗦、冗长错误等表现而言的，受到人们生理结构的影响，人们视觉感知部位在视网膜中仅占很小的比例，对信息的容纳量也随之降低，网页设计内容过多，势必会引发人们的反感情绪，因而，坚持简洁原则显得十分重要，而简洁不单体现在内容方面，更多的是网页表现形式。
（二）可变原则
传统线性传播会出现信息重复接收问题，但是，非线性传播与自主选择，促使网页被重复点击的机会下降，一成不变的网页设计将会无法激发用户兴趣，因此，在网页设计过程中，要坚持可变原则，定期更新网页设计，特别是内容与形式，以此来吸引用户更多注意力。
（三）趣味原则
随着人们生活水平不断提升，人们对精神需求逐渐由单一性朝着多样化方向发展。基于此，网页视觉设计应坚持趣味性原则，丰富网页设计内容及形式，激发人们心灵对美好生活的向往，并以此来获取更多点击率，同时，满足用户心理需求。除此之外，还需要坚持创新性、个性化等原则。
三、优化网页表现形式设计的有效途径
（一）合理运用色彩
色彩作为网页表现形式的重要组成部分，从视觉传达角度来看，色彩是人们获取信息的第一语言，色彩运用的温暖度、重量感及距离感均能够带给人们不同的感受。因而，网页设计要明确认识到色彩的重要性，并积极借助色彩不同处理手段，创造出更多视觉形象，强化人们对网页的印象。适当的运用色彩能够激发受众内心情感的作用，当色彩吸引受众目光时，便会将信息记录到脑海当中，引导受众点击网页。例如：儿童网站以活泼、鲜明的色彩创建活泼、愉悦的视觉效果，提升视觉冲击力，为传达网页信息奠定坚实的基础。
（二）统一文字设计
文字是网页设计中不可缺少的一部分，从网页发展至今，文字重要性不可替代。时至今日，文字在网页中的设计已经不仅限于信息传达，而是成为一种具有启迪、宣传作用的视觉设计表现形式。因此，在文字设计过程中，要立足于信息内容性质及特点，并明确网页风格，综合考虑文字在设计中的整体效果，避免杂乱无章，确保文字使人易读易懂，且要加强对字型的设计，采取多样化形式重新，形成独特的字体，增强网页设计完整性、统一性，创造网站独有的视觉形象，将网页信息内容传达给受众。
（三）充分利用多媒体
现代多媒体技术的发展及应用，能够为网页设计提供色彩、文字及动画等多种设计元素，且能够最大程度激发人们好奇心理，优美的影像与动画视频能够增添人们更多新鲜感。
（四）注重交互性
体验是网页设计的一部分，网页表现形式要综合考虑人们感觉、情绪等要素，以此来提升网页交互性，良好的交互性能够获取浏览者的肯定。在交互性设计过程中，要确保用户真正掌握控制权，不仅能够自行选择阅读信息，还能够亲自尝试和控制自己喜欢的内容，提升网页浏览更多乐趣，达到信息传达事半功倍的效果。
四、结论
根据上文所述，网页作为新型视觉传达表现形式，其不但具有传统平面设计特点，还具备便捷性等特点，是一种综合性较强的设计。因此，在网页设计过程中，设计师要认识到网页设计特点，并坚持相应原则，从文字、色彩等多个角度入手，提升网页设计交互性，更好地传达信息，进而与用户内心产生共鸣，增强用户印象。
参考文献：
[1]黄晓好，王玉红.基于数字媒体游戏的用户体验设计研究[J].计算机光盘软件与应用，2010（03）.
[2]谢芳，张强.客户端格式化技术在Domino Web开发中的应用[J].电脑知识与技术（学术交流），2012（05）.
创新网页设计范文第8篇
关键词：网页设计 案例教学 实践教学 项目教学 课程改革 创新能力 教学质量
中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）04（a）-0219-01
随着科技的飞速发展，我们已经处于一个网络的时代，我们的生活离不开网络，网站是现今人们获取信息的重要途径，已经逐渐超过或替代印刷出版物，网页设计课程也成为高等艺术院校艺术设计专业学生的重要课程之一，以往平面印刷方面的知识要逐渐过渡到网页设计之中。因此，网页设计课程的重要性越来越明显，本文就如何提高网页设计课程的教学质量进行了如下分析。
1 及时更新教学内容
网页设计具有时效性，随着网络的不断发展，网页设计的新技术新方法也在不断的推陈出新。为了适应网络发展的速度，各高校也在不断地更新着教学内容，但是大多数高校都是在更新网页设计的软件知识，却没有从根本上更新教学内容。艺术设计专业的网页设计课程主要讲解Dreamweaver、Flash、Fireworks三个软件，即我们通常所说的网页三剑客。Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具，Flash用于制作网页中的Banner动画及片头动画，Fireworks主要用于处理网页中的图片素材。软件的版本更新很快，基本上每年都有新的版本出现，因此，在教学过程中随时更新教学软件是这个课程的必然要求。但是，仅仅使用最新版本的软件并不能做出好的网页，好的网页需要有新的制作技术支持。例如，网站结构的搭建，表格结构是一种简单快捷的网页搭建方式，表格结构在浏览器的兼容性上非常好，可以在多种浏览器之间很好的显示。但是，随着网页技术的不断发展，主流的网站都采用了DIV+CSS结构，DIV+CSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.0的时代，DIV+CSS采用样式和结构分离的方式，利于搜索引擎读取网站页面，提高网页收录数量，最主要是方便管理和网站维护。
2 项目教学法在网页设计课程中的引入
网页设计课程是一个综合性非常强的课程，不仅仅是软件的讲授，它涉及到版式设计、色彩设计等其它方面的知识，如何让学生在短时间内能够快速接受本课程内容是关键。之前的讲课方式是逐一讲解每一个软件的知识点，学生理解起来比较困难，学习效果不是很理想。高等艺术院校的人才培养目标是培养技能型应用型人才，这也是本课程所要达到的一个目标，网页设计课程培养的是学生的实践技能，实用性非常强。因此，在本课程中尝试采用项目教学法，在基础讲授的阶段采用不同的网页案例进行讲授，在后期综合练习的时候让学生制作真实的网站项目，效果非常显著。项目教学法是一种以学生为中心的教学方法。项目教学法最显著的特点是“以项目为主线、教师为引导、学生为主体”，改变了以往“教师讲，学生听”被动的教学模式，创造了学生主动参与、自主协作、探索创新的新型教学模式。学生作为学习的主体，通过独立完成项目把理论与实践有机地结合起来，不仅提高了理论水平和实践技能，而且又在教师有目的地引导下，培养了合作、解决问题等综合能力。项目教学法是师生共同完成项目，共同取得进步的教学方法。同时，教师在指导学生的过程中，开阔了视野，提高了专业水平。
3 培养学生的学习兴趣及自学能力
项目教学法主张先练后讲，先学后教，强调学生的自主学习，主动参与，从尝试入手，从练习开始，调动学生学习的主动性、创造性、积极性等，学生唱“主角”，而老师转为“配角”，实现了教师角色的换位，有利于培养学生的自学能力和创新能力。学生在课堂中面对的不再是枯燥抽象的理论知识，学生在制作每一个案例的时候，都获得了不同程度的成就感，每天上网看到的网页，自己也能制作了。在课程的前期学习阶段，要求学生自己独立完成项目设计，制作相对简单的个人主页，要求学生制作六个以上页面进行相互链接，让学生全面掌握网页制作流程。到后期综合练习阶段给学生提供一个综合网站项目进行制作，这个阶段采用学生分组的方式进行，一般2～3个同学为一组，在制作过程中可以按照每个成员的特长进行分工，其中一个学生负责网站整体策划设计，Dreamweaver学的好的同学负责网站结构的搭建，擅长Flash、Fireworks的同学可以专门负责网站的动画制作和图片的处理工作，这种分组的方式可以培养学生的团队合作意识。
4 改革网页设计课程的考核方式
课程的考核方式需要进行改革，网站制作的是否标准，需要在网络上进行检验，例如：网站的结构是否优化，在各种版本的浏览器之间是否达到了很好的兼容，网站的浏览速度如何，这些都是衡量一个合格网站的标准。以前都是教师在本地电脑上根据学生完成情况直接给出分数，体现不出学生网页作业的实用性。因此，要求学生把作品上传到网络空间上，让同学和老师一起参与评价，最后给出一个总评分数。
参考文献
[1] 莫秀锦.项目教学法在《网页制作》课程中的应用与研究[J].现代企业教育， 2011（16）：142-143.
[2] 陈玲.网页制作课程的实践教学[J].考试周刊，2011（46）：154-155.
[3] 张静.有关网页制作教学的探讨[J].太原城市职业技术学院学报，2011（1）：33-34.
创新网页设计范文第9篇
关键词：响应式设计；网页开发；EthanMarcotte
1响应式网页设计
近些年来，移动智能设备发展迅猛，用户们可以在各种终端上进行访问，如：个人电脑、平板电脑、智能手机等各种途径进行访问。如何能使同一个网站在许多不同分辨率的屏幕和设备上都可以很好的显示出来，不会出现排版的混乱。EthanMarcotte在2010年提出的响应式网页设计，解决了根据人的行为自动调整空间环境这一难题。响应式设计根据用户不同的设备环境做出响应，提出了一个空间应该根据环境和存在其中的人的变化进行响应。页面的设计与开发根据用户的行为以及设备环境、屏幕尺寸等，能够进行自动的响应和相应的调整，做到“一源多屏”。
2响应式网页设计的优势
由于其便捷的功能，被越来越多的网页设计师们广泛应用，对比响应式网页设计概念没有出现之前的固定宽度为主的页面布局，有很多的特点及优势：优势1，响应式网页可以很好地解决移动终端设备显示差异的问题，当用户使用不同分辨率和屏幕大小的多种设备浏览响应式网页时，页面会根据屏幕尺寸，分辨率来进行重新的排版，能展现出更完美的显示效果。通常情况下，网页设计师想最想传达的第一重要的内容会第一个显示出来，其余内容会根据设计师其他的想法，以一种或几种排序规则排列在屏幕外，用户通过滑动或滚动屏幕就可以浏览其余信息。优势2，在用户使用平板电脑、智能手机等的时候，智能设备可以根据用户的持握方向，主动调整等用户行为进行横屏竖屏切换。横屏和竖屏的切换是发生在一瞬间的，而采用响应式的网页在这一瞬间也能根据不同的方向以及屏幕尺寸，做出迅速的响应，使网页呈现出最佳的布局效果。优势3，采用响应式开发的页面，可以减少维护成本，在目前人们生活中使用的的多种设备平台上只需要一个网页的开发与维护。同时，在更新网站数据的时候也不会出现多个独立平台的网页数据更新不同步的情况。响应式网页不同于多个独立平台的网页，不会需要多个域名。
3响应式网页设计的关键技术
响应式网页的实现包括三种主要技术：媒体查询、液态图片、液态网格布局。
3.1媒体查询技术
具体来说，就是可以根据用户终端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分，即根据设备的特点进行辨别，由此确定使用不同的css样式。在媒体查询技术中，max-width与min-width两个基本参数，加入参数后可以为网页设定出一个宽度范围，使网页根据不同设备呈现出不同的浏览宽度。当设备的屏幕宽度大于这个设定的值之后，网页会使用指定好的CSS样式。如果一个网页布局上有一个占比百分之二十五屏幕宽度的侧边栏，它在不同分辨率不同尺寸的屏幕上的显示效果是不同的，它在比较大的电脑显示器上是宽屏的，在屏幕比较小的智能手机屏幕上却是很狭窄的。而在分辨率最高或者最小的屏幕上，它可能就变成了一个非可用的组件。
3.2液态图片技术
又被叫做弹性图片，在不同尺寸的屏幕上图片会进行相对应的反馈输出，等比例的放大或缩小。不仅如此，在屏幕尺寸小、分辨率低的终端上，图片还会降低自身的分辨率以适应屏幕。网页中的图标和按钮等以扁平化的趋势发展，扁平化设计风格与模拟现实中真实对象的特性的拟物化正好相反，是一种二维化，取消一切立体阴影，浮雕与高光等等的修饰，十分简洁，能够快速的传达信息，很好的实现了响应式网页设计。
3.3液态网格布局
将页面内容元素设置成屏幕所对应的相对值。为了适应不同的屏幕大小，响应式网站往往应用液态网格布局，网页会根据屏幕的变化进行重排做出适当的变化，以适应屏幕大小以及分辨率等。此布局采用弹性化技术，可以在不同设备之间进行变化，与此同时页面的布局简洁明了，给用户良好的视觉效果及体验。响应式网页设计为设计师们打开了新的思路，EthanMarcotte将媒体查询、弹性图片、液态网格布局技术结合应用到网页设计中，为网页开发和维护带来巨大的好处，几乎适应所有设备的屏幕，降低了网站的开发与维护的工作量，为用户提供了更为友好的界面。推动了扁平化设计风格的发展，而这种风格恰恰适应了响应式网页设计的实现与推广，不论是分辨率、图片尺寸、以及相关脚本功能，都能够很好的自动切换，以适应不同的设备，实现了界面的扁平化，得到了完美的视觉效果。
4结语
响应式网页的出现代表了移动终端Web开发的发展趋势。在这种情况下，将会有更多的自适应网页被使用。而一定程度上取代固定宽度网页也是很有可能的。响应式网页设计所采用的三大技术并不是什么新颖的技术，而EthanMarcotte却将它们结合了起来，为网页设计打开了一扇新的大门，这对前端设计师无疑是一种启示，只有不断扩大新知识层面，开阔自己的视野，不断创新，才会适应不断变化的社会改革。
参考文献
戴慧萍.响应式设计对网页界面的影响[J].艺术教育.2015,(01):250.
创新网页设计范文第10篇
关键词：项目教学；网页设计与制作；课程改革；实践
项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。
1教学改革的理念与思路
在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。
2基于项目教学的“网页设计与制作”课程改革与实践的途径
2.1课程整体设计
在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。
2.2建立项目小组
在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。
2.3项目教学的实施
项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。
2.4成果展示
在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。
2.5考核方式的改革
项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。
3结束语
综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。
参考文献：
[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.
[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.
[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2)：25-26.
[4]刘海鹏.基于项目教学法的《网页设计与制作》课程教学[J].信息系统工程,2014(1)：157-158.