创新网页设计范文1
关键词：网页设计；教学创新；教学改革
随着国家发展方向不断倾向信息化，信息技术的改革成为了提升欧国家综合实力、促进国家发展的重要因素。这样的发展趋势，为各个领域的发展都带来了更多便利，也带来了更多挑战，教学领域亦是如此。网页设计教学当前页面对着这样的发展需求，教学创新是十分重要且必要的。所以文章中将针对当前网页设计教学的改革进行分析，以促进教学改革。
1网页设计教学内涵分析
网页设计是网络上每一个平台建设过程的重要一环，有了设计过程，才能让网络平台的作用真正体现出来。所以网页设计技术对于信息领域的人才来说，也是十分必要的一项技术。这这项技术的掌握，对于人才未来在信息领域的发展是有很大影响的，特别是在当前的发展趋势下，网页设计课程的改革，对于信息人才的培养有着至关重要的作用。但信息相关的教学科目即便是作为当前时展背景下的重要科目，在我国应试教学体系的影响之下，亦受到了很大的影响，进而导致教学认知不准确、教学方式缺乏创新性，对于学生的自主精神亦完全不重视。这样对网页教学设计是有害无利的，只有认清趋势，不断改革教学思想、教学方式，激发学生的自主开拓精神，才能让教学作用真正体现出来，培养出更多优秀的信息人才[1]。
2网页设计教学问题分析
2.1教学认知不准确
任何科目的教学过程，都只有依靠校方与教师对这一科教学要点的明确认知，才能有更明确的方向。网页设计教学是同样的道理，校方与教师应当更加明确这一科的教学目标、教学要点，才能让教学作用进一步体现出来。但是由于当前受到国家应试教学体系的影响，所以许多教师对于网页设计在这一门课程的认知与规划也是十分单一的，这会导致教学不符合时展趋势，更无法调动学生的学习热情。
2.2教学方法缺乏先进性
教学方法决定教学成效，这一理念在各科教学过程当中都是十分重要且不可否认的，网页设计教学亦然，所以校方与教师也应当更注重教学方式的改革，才能够让网页设计教学的意义真正体现出来。但是当前许多教师都只是单纯遵从固定的教学方针，依照固定步骤去落实教学。这样会影响教学的灵活性，使得教学实效性无法体现。
2.3忽略学生主体地位，影响主观能动性
学生在教学过程当中的主体地位是不可否认的，但是在我国教学体制的影响之下，学生的主体地位长久以来都得不到应有的重视，这也是一项重要的事实。教师如果始终意识不到学生对于教学过程是怎样的存在，有着怎样的地位，那么学生的学习需求将永远得不到重视，教学改革也自然是空谈。但是由于我国教学体制长久以来都是由教师主导的，所以教师很少会去思考学生的需求、学生的喜好以及学生的思维方式，这样自然是不利于教学改革的。特别是对于网页设计这一类需要以个人创新思维为主导的科目，更需要教师以学生的视角去思考，才能真正激发学生的主观能动性，变被动为主动，反之则只会让学生愈发感到枯燥，甚至很可能对教学产生抵触情绪，进而对网页设计学习完全失去兴趣[2]。
3网页设计教学创新改革策略
3.1明确教学认知，确保教学意义的体现教师的眼界开阔，对于教学的认知精准且创新，那么教学规划也自然会更加灵活、更有意义。所以当前网页设计教学要得到创新，最重要的一项课题便是教师教学认知的改革。教师应当进一步意识到网页教学的本质，摆脱长久以来被我国应试教学体制所限制的教学思想，以更具创新性的思想以及当前的发展趋势去合理规划网页设计教学。例如在规划教学时，教师可以首先对当前社会上信息领域网页设计需求的调查数据进行分析，去了解哪一类网站是当前在设计领域最受重视的，并且将这样的设计项目融入教学过程中，这样能够让学生的学习更符合社会发展需求。3.2改革教学方法，提升教学先进性教学方法决定教学成效，在网页设计教学当中这一理论依然适用。所以教师为确保教学先进性的体现，应当更加注重对教学方式的不断改革，特别是在当前追求创新的时展趋势下，教师应当注重更多先进教学要素的融入，可以利用主题项目教学方式的融入，将各类网站的设计作为探索项目布置给学生，让学生分组或个人进行去进行自主探索，这样才能激发学生学习的兴趣。3.3注重主观能动性的激发，让学生自主探索学生的主体地位，在我国教学领域当中始终缺乏认知，但却是必须要得到重视的因素。学生乐于投入学习，乐于主动积极的去探索，教学的作用才能真正体现出来，所以教师在规划教学时，应当更注重学生的性格、喜好以及发展方向等等，并以这些要素来对教学进行改革。这样才能让学生的个人需求得到重视，逐渐意识到自身的主体地位，这样主观能动性才能得到激发。例如对于课堂的实践项目，教师可以适当让学生来决定主题、内容等等，并且可以适当轮班，让每个学生都有一定机会去决定教学，这样对学生的积极性激发十分有利。此外每个学生都有自身擅长的部分，这样的教学方式有利于对学生优势的激发。例如部分学生擅长电商类网站的设计，便可以让其决定设计主题，并引领同学学习电商类网站的设计细节，部分学生则擅长论坛类网站的组建，那么则可以带领同学向这一方向去探索，这样的教学方式很有激发性[3]。
4结语
网页设计相关的知识与能力，是学生步入信息领域所必须具备的，也是在信息时代背景下赢得更好发展的必胜筹码。所以对于网页设计教学改革的重视是十分必要的。特别是在当前发展速度不断加快的情况下，网页设计教学也自然应当审时度势进行改革，才能确保教学作用的体现，帮助学生提升设计能力，发挥出主观能动性，变被动为主动，成为学习过程的主人，这样的网页设计教学，对于社会信息人才的培养是十分有利的。
引用：
[1]李素铎.网页设计公共课教学中创新意识的培养研究[J].自动化与仪器仪表,2015,(04):217-218.
[2]刘敏娜,葛萌.《网页设计与制作》课程教学的创新性改革[J].中国新技术新产品,2009,(03):164.
创新网页设计范文2
1.网页的构成
网页的基本构成，分为网页板块分布、导航、视觉传达，网页设计中的传达信息通过点线面的形式，通过点状的网页版块儿分布，形成一个网页导航，然后才形成一个视觉传达的效果。这三者之间相互联系和辅助，进而向网络使用的受众传达除了视觉信息之外，更重要的其他的信息。三者之间通过技术的实践，以及协调处理，这三者之中包括：文字、图片、动画等元素，来进行网页更优的呈现[2]。
2.网页设计的表现形式
网页的设计形式跟报纸杂志等多种平面媒体设计有很多的相同之处，在视觉传达以及艺术效果上，都有着非同一般的呈现。网页设计需要在一个有限的展示空间，呈现出图片、文字再加上动画的结合信息，来进行此网页需要做到的视觉以及信息的传达，设计者通过处理文字、图片、布局以及网页上需要的动画，甚至声音影效等，来进行理性的艺术化的排版设计，这要求设计者拥有一定的设计艺术鉴赏能力和设计技术掌握能力。
3.网页与平面设计的对比
和平面设计差不多，网页设计也一样依赖于一些设计应用的软件，在虚拟的网络环境中，网页通过设计来改善用户体验，提升网页的视觉和信息传达效果，给浏览网络的受众带来一定的视觉冲击。网页设计又比平面设计复杂，需要更多的创作软件和更多的设计技能。随着社会科技的不断发展，你需要在网页设计中不断地学习更新自己的技能，比如很多现在很多网站都在做的交互设计，最开始交互设计广泛使用在手机程序当中，后来用以APP的设计，以及丰富电脑网页的设计。
平面设计运用在生活中各种形式，在传播上要比网页快比网页广，并且在软件的使用上，平面设计所涉及软件并没有网页设计需要的那么多;网页设计还涉及网页交互设计、编程代码等技术，在技术实现上比平面设计稍微麻烦一些。纸质媒体的平面设计以及印刷需要根据媒体所需，依据具体的规格尺寸来进行设计和排版，他们的尺寸都是由出版商来决定的，网页却不一样，网页是每个人网络使用中都会看到的，它的尺寸根据受众的喜好来进行大致的规范，而新兴的网页设计形式更是收到了广大网页设计爱好者以及网页受众的期待。
二、网页设计中艺术的表达
1.网页界面设计的基础概念
互联网技术发展日新月异，网络的发展使网页设计不单单是一门技术，网页设计形式的不断改变，使网页设计更融入了艺术，不管是网页设计者还是网络使用的大众，越来越喜欢追求更新鲜更舒适更高级的使用体验和视觉享受，网页设计的发展恰好可以满足。
打开浏览器不管你浏览什么，会有网页展示。网页成为我们与网络进行交流的重要载体，网页设计也富含了复杂且有趣的众多技术与网络知识。网页设计最基础的是界面的设计，它从情感和视觉两个方面来进行概括，设计技术方面囊括了多媒体信息传递平台和数字化信息交流平台，传播和影响速度都是相当快的，网页又具备多元性和快捷的特点，使得网页设计的水平提高受到高度的重视，更多的人对这一行业产生兴趣。
网页设计基本涵盖了平面设计的要素，从一门技术逐渐发展成为艺术，它的延展性和包容性，是我们能够预想到的发展[3]。网页的独特设计和更时尚的视觉体验，是现在越来越多的网站门户在追求的。因为这些炫目的设计更能有效地吸引到受众，在此基础上进行主要信息的传递。网页设计的不断发展，正是迎合了现代化数字传播的发展。
2.网页的视觉设计要求
对比一些高级网站和中等级别的网站，不难发现，有些看来很炫酷的网页视觉设计，其实并没有什么实际意义，反而忘记了最基本的信息传递的作用。作为网页设计最基本的信息传递，视觉传达设计，是一定带有目的性的。网站门户对网页设计提出视觉效果的要求，是希望将网站信息或主题，用一种新的形式传递给用户，而不是仅仅为了好看。作为能够让受众接受为基础，需要摒弃花里胡哨没有实际用处的设计，制作出迎合大众消费心理的网页设计。
好的网站它的网页界面不仅符合消费者心理，并且在内容上也十分精美。因此，再好的网站设计也需要有好的内容，来作为支撑。作为消费者，单单在视觉上受到冲击，是不会买账的，因此好的网页设计也需要成为一个有价值的信息载体，将网页的信息用多元方式呈现出来。
很多网页设计初学者，喜欢用鲜亮的图片元素来作为网页装饰，他们一心想要打造一个高端时尚的网页，却又没找到这样设计的价值重点。很多网页浏览者可能会被吸引，但吸引眼球是不够的，而是要抓牢。浏览者不明白这个网页到底要突出什么、传递什么，以此在浏览过程中不会花费太多时间来做逗留。这样的网页设计，无疑是失败的。
因此，考虑到浏览者的观赏心情和网页的实际效果，设计师需要在视觉上，创造出一次不拖沓而且舒适的信息传达，让人在欣赏网页时感到愉悦，并清楚明了地接收了网页想要传达的信息，运用简洁的文字配以现代化带有艺术感的设计，这样的网页更加符合大众审美。融入艺术感的网页设计，就要做到打造艺术品一般的心情来设计这个网页。
3.网页艺术设计的表达内容
创新网页设计范文3
关键词 网页设计；教学实践
网页设计是一门实践性很强的学科。计算机的普及与互联网的兴起，使网页设计成为艺术设计的一个重要门类。培养学生掌握网页设计的基本理论、基本知识和基本技能是教学的一项重要任务。
一、网页设计的概念与意义
网页是人们上网时接受信息最主要的载体。它以数字技术为依托，用文字、图片、声音或视频等形式承载信息，通过页面展示给浏览者。网页设计是建立在互联网这一新型媒体之上的新型设计，它具有很强的视觉效果、互动性、互操作性、受众面广等特点。一个制作精美的网页可以吸引很多人多次浏览，特别是形式时尚、色彩搭配和谐、图文并茂的个性网页，会令人赏心悦目，使读者产生浓厚的兴趣。
二、网页设计的内容与要求
在计算机高度普及和互联网日益发达的今天，对网页设计也提出了许多新的要求。其网页设计内容也呈现出多元化的趋势。而网页设计的软件也越来越多，现在常用的软件有：DreamWeaver 、Photoshop、CorelDraw、Fireworks、Flash等几种。为了满足人们的不同需求，网页设计要发挥数字化制作的优势，并结合传统的色彩、板式设计来美化页面，要求作到“三求”，即求新、求真、求美。
1、求新 求新就是讲求创新性，要求独特新颖，具有特色。现在的网页更新很快，各具特色，精彩纷呈。因此在教学中，不仅要通过理论教学，使学生熟悉网页设计的基本理论与基本知识，以达成知识目标；而且要通过实践教学，使学生掌握网页设计的基本技能，能模仿进行网页设计，以达成技能目标。同时要通过寓教于学，培养学生求新、求真、求美的严谨态度，以达成态度目标。网页设计，贵在创新。自主创新特色为先。设计无创新，网页少价值。创新是网页设计的灵魂与生命。教学中要强化学生的创新意识，培养学生的创新思维，提高学生的创新能力。“勤奋长才干，实践出真知。”一定要培养学生勤学苦练的钻研学风，弘扬开拓创新的探索精神。一定要鼓励学生勤奋学习，勇于实践，善于总结经验，才能取得卓越的设计成果。不要一味模仿，生搬硬套，使人感到不伦不类。
2、求真 求真就是讲求科学性，要求网页独立创作，不得抄袭。即不要重复、抄袭、剽窃他人的设计作品。务实求真是一个态度问题，态度决定一切。一定要培养学生树立认真严谨的科学态度，弘扬求真务实的学术作风。
3、求美 求美就是讲求美感性，要求网页使人愉悦，百看不厌，百听不烦。审美对象在头脑中能动的反映称为美感，包括审美意识与审美感受。创造美包括创造自然美与创造社会美，还包括创造艺术美。艺术美是最高级的美，是内容与形式高度统一的美，是现实美（自然美与社会美）的艺术体现。艺术美要求内容真实、新颖、深刻、丰富；要求形象生动、鲜明、典型、完整。创作与欣赏时能产生一种愉快的感觉。能吸引人们全神贯注地观察、阅读与欣赏网页，使之受到感染，产生移情（物我一体）与共鸣（感同身受）。如杜甫诗云：“感时花溅泪，恨别鸟惊心。”“落花不是无情物，化作春泥更护花。”为了美化网页，必须教育学生重视色彩设计，不仅要使文字、图像制作精美，而且要注意文字、图像与背景色的搭配，做到色彩搭配和谐协调，令人赏心悦目。网页界面要简洁清新，风格统一，重点突出。色彩不要过多过杂，使人眼花缭乱，产生厌恶感。也要避免色彩的单调或呆板。
三、网页设计的教学实践
网页设计是一门实践性很强的课程，可采用三步法进行教学，即认知――模仿――创作。具体教法可分四步，即一讲授，二示范，三作业，四实习。学生的学法也有相应的四步，即一听讲，二观看，三模仿，四创新。讲授与示范即认知过程，学生通知听讲与观看示教可获得一些基本的理论知识与技能；再通过作业，学生可模仿设计网页；最后通过毕业实习，学生可独立进行网页的创新设计。为了获得较好的实践教学效果，应作好以下几面教学工作。
1、精选教材 教材是学生学习的蓝本，一本好的教材有助于学生知识与能力的达成。由于设计思维的不断更新，一般2～3年就会有新的教材出版，故为了适应教学的需要，首先，要选择最新版本教材，以更好地启发学生应用电脑的图形语言开拓新的视觉领域；其次，要选择实践性强的教材，这样学生在完成一个个任务后，就能熟悉并掌握相关的工作流程；最后，配合教材，指导学生选择一两本参考书或两三个专业软件网站，如学习Photoshop时，推荐学生浏览站酷网、堆糖网、红动中国等网站。这样可以拓宽学生视野，激发学生设计灵感。
2、更新软件 在网页设计软件的教学中，要经常更新设计软件的版本，最大程度地配合新的教材，使学生吸收最新的软件设计知识，让学生接触最前沿的设计理念和方法。教师在教学中可以建立数码素材库，不断地将最新的设计素材收集到素材库中，以供教学时使用。数码素材包括图片、矢量图形、音乐、视频、FLASH素材等。利用各种丰富的素材资源，扩大学生的视野，启发学生的思维，激发学生设计的想象力，创作出有创新特色的网页页面。
3、优选教法 教学有法，教无定法。教学的手段和方法很多，为了追求最佳的教学效果，我们应当优选教法。可以采用的方法有项目教学法、多媒体教学法等。项目教学可使单调抽象、枯燥乏味的课堂教学变得丰富、具有挑战性。多媒体教学涵盖大量内容、具有直观性、形象性。
4、突出重点 网页设计的教学，要突出“三基”教学，使学生具有必需的理论知识，较强的实践技能，良好的职业素质。特别要突出操作能力的培养，掌握网页设计的基本技能，使其毕业后有较强的独立设计和创新设计的能力。实践教学要理论联系实际，灵活运用，融会贯通。要注意经常运用的一门设计软件要与其他多个设计软件配合，完成一部网页作品的设计。
创新网页设计范文4
1涂鸦文字对网页设计的影响
网页设计中的文字设计即是将文字按照视觉规律进行整体的精心设计与安排，文字作为网页设计中重要的构成要素之一，它的设计与组合的优劣直接影响到网页在视觉上的传达效果。因此，好的网页文字设计能够增强视觉传达的效果，提高网页的诉求力。作为涂鸦，它最初的形态就是签名，所以各种文字作品在涂鸦的作品中占了绝大多数比例，且文字在一幅涂鸦作品中是整个作品的焦点与灵魂，涂鸦艺术家们在文字的美化上可以说到了出神入化的地步，他们经常会将文字的拖尾拉长或缩短，改变笔触粗细、扭曲字体使其达到令艺术家们满意的形态、在字体的细部做装饰，或者将这些特点综合在一起等，用这样的手法来完成心中理想的视觉效果，这样的文字不但准确的传达了信息，更赋予了文字强烈的装饰感，在平面设计中，文字以优美的造型和被赋予装饰效果出现，有更多更新的表现力时，它定会给人留下深刻的印象，同样能使文字传达的含义更加深刻。涂鸦文字创作方法被现在的网页设计师们所借鉴，带着似是随兴的、自由的感觉，通过软件的手段，以网页的主题和内容为基础将原本呆板的文字外形加以变化和创新，令文字出现一种新的面貌，这些文字大多线条流畅，能给人一种洒脱随意的感觉，且颇具现代感。
2涂鸦色彩对网页设计的影响
英国著名的心理学家格里高曾说：颜色知觉对于人类来说有着十分重要的意义——它是视觉审美的核心部分，它能够深刻影响人们的情绪状态。它的含义是人类视觉接收到外部色彩刺激后产生的思维活动所赋予的。例如，红色传递出喜庆、兴奋同时也能传递出恐怖、危险的负面感觉；橙色传递了光明、成熟、快乐；蓝色给人一种冷静、内敛的感觉等。在涂鸦艺术作品中，艺术家们对色彩有着自己的理解，他们认为颜色越纯表达的感情也就越纯粹越直接，这种认识与传统艺术中推崇典雅和高贵的用色方法形成鲜明反差，所以涂鸦艺术家在进行创作时一般都会采用鲜艳的纯色来进行创作，而低纯度的颜色使用相对较少，纯黑、明黄、鲜橙、深蓝，这些色彩都是他们所钟爱的，这是涂鸦作品带有强烈视觉冲击且充满感彩的重要原因之一。这些高纯度，且丰富的色彩被运用于网页设计中，首先在视觉上，对比强烈且纯度高的色彩会让人有强烈的视觉冲击感。其次在色彩传递到观者眼睛的同时能够让观者产生一系列的思维活动让设计者与接受者之间产生情绪上的共鸣，更好地完成网页的诉求。
3涂鸦图形对网页设计的影响
图形它的本质是一种人为设计的且具有传达信息的涂画类符号。图形不单纯被作为用来传递信息的语言符号，它更是创作设计者以具体的物化的视觉形态来传递自己感情的中介。随着社会的发展，人们生活方式的改变，跟随一起改变的还有人类的审美意识，这时必须要有符合时代审美且跟随潮流的艺术形式从各种艺术中脱颖而出，涂鸦艺术以其时尚、动感、绚丽的形象成为这一时代的焦点，首先它具有强烈的视觉冲击的图形取代了传统艺术图形中崇尚高贵、典雅特点的图形。其次涂鸦的图形总是原创的、来自生活的，涂鸦艺术家们将生活中的元素根据自己的阅历、理解和作画方式创作出自己风格的图像来传递自己的情感，它既符合了时代特征又迎合了现代人的审美需求，并与现代人在心理上产生了共鸣。涂鸦艺术以有别于传统的观念来审视生活中的事或物，并以一种反传统的绘画方式来进行创作，这是涂鸦有异于传统艺术的原因之一，它将造型塑造的夸张新颖、营造图形间的空间感和赋予图形极强装饰性的特点被现代网页设计师们所借鉴，他们在网页设计中创作新颖且富有幽默感夸张且生动活泼的图形让网页从视觉上先引起浏览者的注意，以激发浏览者继续在网页上停留且继续阅读，这是网页成功且完成诉求的关键一步。
4涂鸦的构图形式对网页布局排版的影响
网页中的布局排版和平面设计一样都是以最适合浏览的方式，将文字、图片和导航这些页面上的内容按照一定的视觉规律和美学原则组织并安放在页面适当的位置，让页面除了能传达信息以外，还能给人一种美的享受。常规的网页版面通常有国字型、拐角型、左右框架型、上下框架型等，这样的版面模式比较固定，它最大的优点就是层次简单，让浏览者一目了然它常常用于特定的网页设计中，但由于层次单一，所以缺乏灵活性，给人呆板的印象，所以并不适合所有类型的网页。除了以上几种框架式的网页版面还有一种变化型版面，这种版面没有固定的格式，可以以网页的主题与信息内容为基础在排版上进行自由发挥，这种版面设计形式为涂鸦艺术的应用提供了广阔空间。涂鸦艺术在构图上不用受空间限制，这与它起源时承载的载体有关，让涂鸦艺术家在创作时不用受空间上的限制，一面墙上会同时出现几个艺术家的涂鸦，有些甚至是相互覆盖着或是用新的涂鸦更改前一个涂鸦，涂鸦就以这样的形式丰富着墙面构图，制造出新的感觉和信息，来吸引路人的注意，有时一个墙面会吸引很多各自独立的涂鸦艺术家的加入，汇集几十上百个涂鸦图案，这是艺术家们对其他艺术家的回应。因此，无论是从构图上还是内容上都存在着呼应和关联。即便他们在构图上会比较自由，但图与图或字与字之间又有呼应和一定的连续性。涂鸦艺术的这种构图特点被运用于网页设计的排版设计中，这样的版面有时虽然会让人觉得杂乱无章，但根据其页面上的提示或细节能找到其内部的连续性与规律性，运用这样版面设计的网页不但能让网页更加生动、活泼和吸引浏览者，更是在无意间增加了网页与浏览者的互动性，达到充分传达信息的目的。
5结语
创新网页设计范文5
网页设计与制作课程具有很强的实践性，用正确的教学方法，引导学生在实践中创新，有利于其专业素养的全面提升。立足于中职网页设计与制作教学现状，主要分析了如何在教学过程中激发学生的创造潜能这一问题。
［关键词］
网页设计；网页制作；信息获取；自
在互联网技术快速发展与全面普及的今天，社会对于互联网人才的需求逐渐加大。中职院校是培养社会技术人才的重要基地，加强网页设计与制作课程教学，激发学生的创造潜能，有利于互联网专业技术人才的培养。
一、网页设计与制作教学中存在的问题
中职学校的网页设计与制作课程是一门复合性课程，涉及电子商务与网页设计、制作专业知识。社会经济的进步，使更多企业开始利用互联网开展电子商务活动，也正是因为如此，社会对于网页设计与制作人才的需求量大幅度提高。网页设计师已经成为社会急需的人才，中职学校开设网页设计与制作课程，培养社会所需人才，是其市场化的表现。在当前的中职网页设计与制作教学中还存在两点问题：
（一）网页设计与制作教学模式不合理
目前，许多中职学校没有对自己的教育层次进行明确的定位。在中职教学活动中，大部分学校将大学生的教学内容进行压缩，死板地套用大学教学方法实施中职网页设计与制作教学活动。这就使中职学生的理论知识没有达到大学生的水平，网页设计与制作实践能力也没有得到提升。为了保障网页设计与制作课程教学的完整性，教师只顾着教学，忽视了学生学习问题的解决。教师将以自己为主体的教学模式视为提高教学效率的手段，忽视了学生的自主学习，影响了中职学生创造潜能的开发。
（二）网页设计与制作实践活动不足
实践教学活动的开展，是激发中职学生创造潜能的重要手段，也是突出课程特色的方法。但许多中职教师认为自己的演示更准确、更有效，没有在课堂中给学生动手实践的机会。学生不实践，就无法发现自己的问题，无法解决学习困难，更没有办法找到创新的突破口。
二、网页设计与制作教学中激发中职生创造潜能的方法
（一）重视提高学生的信息获取与处理能力
信息对于网页设计与制作工作来讲十分重要。中职学生的创造潜能体现在他们的不同想法上，要将自己个性化的网页设计与制作想法转变成现实，学生就需要通过多种渠道去收集自己想要的信息。中职学生会利用网络或者图书馆这样的信息库去收集网页设计与制作的资源，增强网页的特色。在教学中，教师要学会给学生自由，放手让学生去做他们喜欢做的事情。只有学生自己最了解自己的需求，最了解自己的想法。教师要给予学生信任，在教师的信任下，学生搜集与整理自己需要的一切素材，完成个性化网页设计与制作。这样的学习过程，能够提高学生的信息获取与处理能力，给创造潜能的开发提供条件与途径。
（二）给学生充分的网页设计与制作自
中职教育是以就业为导向的教育，中职教育工作者要针对市场的需求，有针对性地培养学生的能力。在激发中职生的创造潜能的过程中，教师也要培养学生的独立性，使其在走出校门之时，具有较强的社会竞争力。在教学中，教师可以针对教学目标给学生设置一些网页设计与制作任务，鼓励学生自主完成。在自主学习过程中，学生必须进行多次尝试。尝试必然会有失败，每一次失败的经历都有可能成为学生创新的出发点。比如，教师可以布置这样的任务：为所在城市的农药企业设计与制作一个公司网站。农药企业是中职学生在校期间了解较少的企业类型。要完成这样的任务，学生势必要了解相关知识、搜集各类资源，还要规划自己的设计风格，不断尝试新的想法。让学生自主去设计与制作，有利于其创造潜能的开发。
（三）加强实践力度，促进学生合作学习
网页设计与制作说起来简单，在实际操作中却是一个大工程。让学生以团队为单位去完成网页设计与制作任务，不仅可以促进学习效率的提高，还能培养学生的团队协作能力，这是其职业能力的重要组成部分。组建科学的小组，给学生互帮互助提供保障，才能使学生的创新想法得到认可与延伸。教师要鼓励学生在小组合作过程中多发表与他人不同的想法，在促进学生个人创新的同时，也激活其他学生的创新思维。合作设计与制作的过程，是学生汲取他人的设计精华，开拓个人设计与制作思路的好时机。
综上所述，网页是互联网为使用者搭建的重要平台，其在社会大众的生活中发挥着越来越重要的作用。重视网页设计与制作教学，需要教师通过优化教学方法，引导学生学习网页设计与制作的专业知识，开动脑筋思考的设计风格与理念。丰富教学方法，激发学生的创造潜能，才能使互联网技术的发展充满动力。
作者：陶静亚 单位：江苏省苏州市常熟市滨江职业技术学校
参考文献：
［1］谭慧琳.案例教学法在《网页设计与制作》教学中应用的探讨［J］.电脑知识与技术，2009（6）.
创新网页设计范文6
关键词：网页设计；心智技能；活动原型构建
中图分类号：TP393 文献标识码：A 文章编号：16727800（2013）009014303
作者简介：秦书荣（1987-），女，硕士，广东农工商职业技术学院艺术系实验员，研究方向为网站建设、二维及三维动画设计、影音编辑；李冬睿（1983-），男，硕士，广东农工商职业技术学院计算机系讲师，研究方向为图形图像处理、模式识别、嵌入式控制；梁仲佳（1992-），男，广东农工商职业技术学院艺术系学生，研究方向为图形图像处理、网页设计与制作、影视编辑。
0引言
《网页设计》是高职高专院校计算机科学技术应用类专业普遍开设的一门基础技能课程。该课程的核心目标在于培养学生的静态网页设计技能。然而，教学实践中，不少教育者发现该课程的教学效果并不理想，很多学生通过学习仍不能按照客户要求的功能效果和视觉效果独立进行网站规划和页面设计。究其原因，在于学生软件操作不娴熟，但更重要的是学生尚未掌握真正适用于工作实践的网页设计心智技能。为此，以职业实践所需要的心智技能为核心，探索培养学生网页设计心智技能的有效依据显得尤为必要。而构建活动原型作为心智技能培养的首要步骤，也必将引起高度重视。
1网页设计心智技能与原型
1.1网页设计心智技能
网页设计心智技能是设计领域的专有名词，暂未从查阅的资料中寻找到对它的直接解释。所以“网页设计心智技能”这一概念可以依据“网页设计”及“心智技能”的定义进行理解。
网页设计是对文字、图形、图像、表单、动画、音频、视频、超链接等网页元素进行色彩、版式等表现效果方面的设计，整合形成具备客户功能要求的页面与网站，以达到在互联网上进行人性化的、高效的信息传达。它的过程可描述为运用网页构思和设计知识进行网站总体效果的创意构思，对图像、文字、超链接等组成元素的表现形式进行设计继而完成主要页面的整体设计，然后借助“Photoshop”及“网页三剑客”等软件，根据前期的效果设计选择和应用相关工具制作网页各部分，并将其整合成完整而有实用价值的网站。认知心理学领域是技能培养的主要领域，本文借鉴该领域国内普遍认同的“心智技能”定义，即将其视为一种调节和控制心智活动的经验，是通过学习而形成的合乎法则的心智活动方式[1]。
综合上述有关定义，网页设计心智技能可理解为：在网页设计活动中通过有目的、有计划的学习或练习而形成的，普遍用以调节和控制网页构思、设计、制作等一系列符合网页设计规则的心智活动方式。
1.2原型
网页设计操作技能定向的对象是“Photoshop”及“网页三剑客”四款软件中各工具和命令固有的操作序列或步骤。这些操作序列或步骤是固有的，不需要重新创建。而网页设计心智技能定向的对象是网页设计活动的原型。“原型（Prototype）”，也叫“原样”，沿用J·R·安德森的观点，把“原型”视为外化的实践模式，或“物质化”了的操作活动程序[2]。“网页设计活动的原型”理解为，符合网站任务主题的解读与分析、网站的构思设计、元素的设计制作及整合等一系列规则的外化的网站设计活动的完整实践流程。
2网页设计活动原型创建
构建网页设计活动原型一般采用心理模拟法，它包含3个步骤：①网页设计活动的功能分析；②网页设计活动的结构分析；③功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象、条件与结果；结构分析的重点在于组成要素及要素之间的关系[3]。
网页设计活动的目标是能够高效地完成符合客户需求的静态网站，这需要具备网页设计的基础知识及基本操作技能。网页设计活动包含了“网站方案的设计”、“主要页面效果的设计与制作”、“html+CSS技术完成网页的基本制作”、“网页动画效果的设计与制作”4个典型的子活动。这些典型要素之间的关系可以描述为：要想高效地完成某项网站建设任务，首先需要设计网站总体方案，即在用户群体需求分析及网站主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网站功能模块，确定网站风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”、“网站建设日程规划”等部分的网站总体方案文档；然后，根据前期方案中对“色彩”、“风格”及“UI版面布局”等的分析，依据页面设计原则，利用Photoshop绘制网站主要页面的整体造型，利用Firework制作切片；接着，借助Dreamwear软件，利用“Html+Css”技术完成包括“页头”、“导航”、“内容”、“页脚”等部分的页面制作，生成网页文件和样式表文件；最后，根据方案，利用Flash软件设计制作网页动画并添加到网页中，形成完整网站，如图1所示。该过程中任何环节如果出现问题都应该返回上一个步骤进行重新修改。
3网页设计典型子活动解析
结合上述对网页设计活动的功能与结构分析，发现网页设计活动原型中的4个典型子活动中又分别包含很多复杂程度不一的子步骤，需要进一步解析。
3.1网站方案设计
网站方案的设计对象是完整网站作品在人脑中的主观印象，它主要包含以下4个操作步骤。通过这4个步骤，可以完成网站方案中“前言”、“需求分析”、“系统分析”、“风格设计”、“UI版面初步布局”、“色彩定位”、“网站建设日程规划”等部分的撰写。
（1）色彩定位。网站设计人员接到任务后，要对市场前景、用户人群，网站主题进行分析，确定色彩组合。这个过程中往往需要考虑以下几个问题：①哪些色彩能够表达用户人群的特征？②哪些色彩能够反映网站主题？③网站是否具有季节性？④公司或机构是否有官方色彩？Logo的颜色是什么？⑤客户提供的图片色彩如何？网站设计者往往结合上述5个问题的答案，确定网站的主色，再依据色彩搭配的原则展开头脑风暴式的色彩组合，确定和谐的三色组、分裂互补三色组、互补色、类似色、暗色及亮色，最终完成网站的色彩定位。
（2）UI版面布局设计。网页常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、标题文本型布局及框架型布局等[4]。这些布局各具特色，适用于不同主题内容的网站。网站设计者要根据网页信息量，结合不同布局的特点，选择最符合客户需求的布局方式，并利用Photoshop软件完成网站的布局创意。
（3）网站功能模块分析与设计。结合客户的要求及公司或机构的性质，网站设计者需要对网站的功能模块进行规划设计，绘制出网站层次结构图，描述各功能模块及作用。该过程既需要设计者具有良好的系统性，又需要其能够合理地将网站要传达的信息进行分类。
（4）风格设计。网站设计者常常利用“重复—替换—调整—统一”的原则统一首页与其它子页的风格，即当主页设计完成后，设计者选择主页中易引起人兴趣的“图像”、“图标”、“字体”、“颜色”、“版式”等元素，在子页面中将这些元素进行“位置”、“大小”、“色彩”等方面的变化，再添加一些新的元素形成子页的完整设计。总之，子页的设计要力求与主页保持某种明朗的联系。
3.2主要页面效果设计与制作
主要页面效果设计与制作可以理解为网站方案的物化，该环节需要进行诸如想象、比较、判断与选择的心理步骤，同时还要求设计者具备扎实的美术基础、色彩设计基础及版式设计基础等。
（1）确定页面尺寸。一般来讲，目前大多数显示器为1 024px*768px，那么以此为默认显示器时，页面的尺寸一般设置为“1 007px*600px”。
（2）页面整体布局。在前期“UI版面布局”、“色彩与风格定位”的基础上，对主要页面进行整体造型，即页面中图形与文本层叠有序的结合。设计者们首先应该能够合理运用以下7项普遍认同的网页设计原则，即：①利用空白将彼此相关的项目归为一组，避免出现多个孤立视觉元素；②页面上任何一个元素应当与另一些元素存在某种对齐关系；③如果不同就让其截然不同，用对比来吸引浏览者；④选取页面中能引起人兴趣的“颜色”、“字体”、“图片”、“符号”等作为重复的要素，使页面内部及页面之间风格统一；⑤页面避免不必要的滚动；⑥避免使用闪烁文字；⑦时刻站在浏览者的角度展开页面设计。在上述原则的指引下，分别对页面整体及局部（包括页头、文本、页脚）进行“借鉴—创新”设计，具体过程可描述为在明确了页面色彩、风格、布局的基础上，搜索、观察和体验色彩、主题、布局上相似或相同的已有“优秀网页设计”，利用“通感”去反思这些优秀设计，直到领悟原有优秀设计的思想精华而非表象，借鉴原有设计的表现手法，使用新的手法在Photoshop 中创造出崭新的独特页面。
（3）利用Firework制作网页切片。网页设计者秉承“先横着切，后纵着切，保证后期预使用的切片完整无缺”的原则，在Firework中进行切片和优化。该过程比较简单，此处不做赘述。
3.3基于html+CSS技术的网页基本制作
页面制作是设计者利用制作技能，将前期构思和设计的页面在Dreamwear中转化成真实的效果。笔者强调运用Html+CSS技术完成网页的制作，是由于该技术具备以下优势：①表现和内容相分离；②页面浏览速度快；③易于维护和改版，符合Web2.0标准[5]。这一环节，设计者一方面需要以html+CSS的操作技能为基础，另一方面需要技巧、经验等心智技能成分的支持。它是根据页面制作的实际需要将单一的操作技能进行有机整合和应用的过程。该过程可描述为：①创建站点，设置参数；②运用“DIV+CSS”技术在Dreamwear中对已经设计好的页面进行重建，在相应的位置借助CSS将所需切片以“背景”的形式插入当页面中；③利用“Html元素+CSS”，依照设计的页面，完成“导航”、“链接”、“段落”、“列表”等方面的制作。
3.4网页动画效果设计与制作
为了吸引客户眼球，防止浏览者视觉疲劳，根据方案，网页设计者往往会在网页中添加动画效果，来修饰网页使网站整体更加美观。这个过程需要借助Flash软件，制作出需要的动画，然后利用“Html+CSS”技术将动画插入到需要的位置。网站中要添加的小动画不宜太多或太复杂，避免喧宾夺主。
4结语
网页设计心智技能的培养不是一蹴而就的，它的形成需要经过原型定向—原型操作—原型内化三个阶段[6]。不难发现，心智技能培养的关键在于“原型”，也即网页设计活动原型的创建是网页设计心智技能培养的焦点，在教学实践中有着举足轻重的作用。教育实践者应当依据网页设计活动原型展开教学和指导。虽然，创建原型仅是网页设计心智技能培养的初级阶段，但笔者相信，网页设计活动原型的创建势必会引起该领域教育研究者的关注，而探索如何将原型引入教学实践则是后续研究的重点。
参考文献：
[1]皮连生.教育心理学[M].上海：上海教育出版社，2004.
[2]JR安德森.认知心理学[M].长春：吉林教育出版社，1980.
[3]冯忠良.结构化与定向化教学心理学原理[M].北京：北京师范大学出版社，1998.
[4]吴丰，丁欣.Dreamweaver CS5网页设计与制作[M].北京：清华大学出版社，2012.
