网页设计与平面设计
前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计与平面设计范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。
网页设计与平面设计范文第1篇
网页设计是指利用标识语言，经过一系列的建模、设计、执行等过程，将数字化格式的信息通过网络传播，最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程，所以它既能够像平面设计一样对主题进行完美诠释，还能够细致地描述目标。在某种程度上来说，创作网页设计的过程中，主要使用的手法，技巧都是延伸平面设计，有些甚至是一样的。因此将网页设计和网络技术紧密结合起来，是将来网页设计的一个必然方向。
2.网页设计是平面设计在网络时代的延伸
伴随着网络时代的迅速发展，人们和网络的联系也越来越密切，人们利用网络技术改革以往工作方式。在平面设计领域也不例外，设计师们利用鲜明的色彩，精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性，加上网页设计的发展背景，我们不能将两者孤立起来看待，而要清楚地认识到，网页设计是平面设计在互联网时代的一种独特表现形式，是平面设计在新时期新环境下的一种延续，一种创新发展。
3.网页设计和平面设计在技术上的区别
网页设计顾名思义就是依赖于互联网进行创作，对于先进的软件那无法摆脱的依赖性是网页设计的短板，但是平面设计却不是这样，它对于这类软件依赖性小，因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具，只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展，能够不只依靠绘图工具还可以利用画笔，颜料等传统工具来工作。
4.总结
网页设计与平面设计范文第2篇
关键词：平面设计;网页设计;课程教学;改革
随着“互联网+”国家策略的大力推进，我国社会发展急需大量优秀的互联网人才，而网页设计人才是互联网人才的重要组成部分。为了配合国家战略实施，目前国内各大高校纷纷把网页设计设置为平面设计专业高年级学生的必修课程。然而，随着近年来平面设计高等教育的不断扩招，以往的课程体系和教学方法已无法满足当代和未来社会对网页设计人才的要求，而忽视市场需求的人才培养模式也会使人才培养与市场需求间的距离越来越大。所以，对平面设计专业网页设计课程教学的探讨十分重要。
一、教学现状分析
平面设计教育在我国起步虽晚，但发展迅速，其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术，它的创意取决于企业的文化属性和互联网的特色，它是一种附属于互联网、融合艺术与技术的新型设计形式，它的界面设计从平面设计入手，内涵却远远超出了平面设计概念，既要注重界面中的平面构成元素，又要考虑用户体验，还要注重各页面链接的空间关系和视觉协调性，从而成为具有互联网特征、综合性的平面设计。目前，国内各大本科院校多依据所属专业确定网页设计课程的教学侧重点。计算机类的侧重代码编程，注重培养网站后台人才；艺术类的侧重界面规划和美化，致力于培养网站前台、网页美工。但各专业在网页设计课程教学上主要存在以下两种现象：一是“轻维护、重美观”，培养出的学生多注重静态页面的艺术性，不在乎是否有利于后台维护；另一种是“轻线下、重线上”，部分学生往往只在意屏幕的视觉效果，对线下互联网用户的需求了解不够。这导致他们设计的网页界面看起来很漂亮，链接也很流畅，但实用性不强，更不利于线下产品的开发。因此，对平面设计专业网页设计课程教学进行改革势在必行。
二、教学内容的调整
对于平面设计专业网页设计课程教学中出现的问题，首先要从教学内容上进行调整。新的教学内容调整为艺术理论课程和软件实践课程两大模块。
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篇
计算机平面设计软件的主要应用领域为平面设计，平面设计是一项以图像图形以及坐标为基础元素的技术领域，通过图像与图形的铺设，实现平面的合理设计。一般情况下，计算机的平面设计软件都属于应用软件，也就是在不同的领域中得到应用，从而实现具体的功能。那么，在实际的生产或者是工作中，计算机的基本平面设计软件得到了哪些的应用呢？这些平面设计软件又有着怎样的优势呢？本文将重点对以上两点进行详细分析。
一、计算机平面设计软件的基本分析
对于计算机的常用平面设计软件而言，一般以Photoshop以及AutoCAD最为常见。这两种软件分别应用于两个不同的领域，发挥着非常重要的作用。从两种软件的性质上分析，都属于计算机的应用软件，都是基于计算机平台，然后通过软件开发的一种结合实际应用的软件。
Photoshop，是一款基于图像图形的编辑软件。Photoshop通过计算机的图像基本单位――像素，对图像进行基本的识别功能，从而对图像进行进一步处理的软件。在网页设计中，Photoshop应用非常广泛，并且是主流的图像处理软件。网页设计中，被成为网页三剑客之一，足以证明Photoshop软件在网页设计领域中的重要地位。
Auto CAD，一款工业领域中应用非常广泛的软件。Auto CAD主要的功能是工程制图，通过计算机的仿真功能，实现工业制图的模拟仿真。Auto CAD的作用非常明显，能够解决在工业设计领域中的诸多问题。在成本上大大的降低了设计成本，提高了设计的效率，并保证了设计产品的质量。该应用软件，不仅从理念上打破了传统的软件范畴，更是在平面设计领域实现了一次较为明显的改进。
Photoshop以及Auto CAD是比较常见也是非常具有代表性的两款软件，因此，在进行计算机平面设计软件应用分析的时候，对这两款应用软件进行分析，具有非常的代表性。
二、计算机平面设计软件的应用
从计算机的平面设计软件的应用上进行分析，一般可以从应用的领域出发，从而具体分析其应用的范围和效果。上文中主要讲解了两款计算机平面设计软件――Photoshop和Auto CAD，因此继续通过理论阐述两种软件的应用。
（一）Photoshop图像处理软件的应用
Photoshop是能够通过最小像素为单位，对图像文件进行识别，从而对图像进行编辑的一种平面设计软件。在网页设计中，Photoshop应用的最为广泛。网页的设计属于平面设计的范畴之一，通过对网页的图片进行优化处理，从而将网页的设计达到最优化。通常最为常见的案例就是需要处理网络图片的大小，由于网络图片需要同时满足加载的需要，受到网速的影响，网页的图片不能过大，但是也要保证基本的清晰度。因此，需要对图片进行大小和像素的处理。此外，对于图片的格式，也要进行一定的处理。不同格式的图片，其大小和像素比都是有区别的。如何能够满足以上条件，就是利用Photoshop来完成的。因此，Photoshop是网页设计中，最为常用的图片处理软件。
此外，在进行网页制作的过程中，也经常用到Photoshop的切片功能。通过切片处理，可以将一张完整的图片，切出几个不同的选区，从而可以对选区进行编辑，从而实现了网页制作的高效化。
对于图片的处理，现在很多行业都在应用。例如拍摄婚纱照片以及人物的影片剪辑，都属于平面设计的处理范畴，而Photoshop软件在这些领域都有着非常不错的表现。这足以证明，计算机的平面设计软件的应用以及行业结合能力还是非常强大的。
（二）Auto CAD工程制图软件的应用
Auto CAD是工业设计领域中，最为常用的制图软件。Auto CAD能够通过工业设计部件的参数来进行相关设计和仿真。例如，在进行一个工件的设计的时候，可以先通过Auto CAD进行制图。将不同的点位的受力以及力矩等通过Auto CAD进行智能测算。通过测算以后，就可以进行模拟的测试，从而在很大程度上降低了设计成本，提高了设计的效率。
因此，Auto CAD的软件应用主要是存在于工业领域中，并通过不断的设计改进，改良软件中存在的bug，提升软件的使用和应用效率，最大程度的加强Auto CAD软件在工业设计领域中的实用性。对于工业设计的精确度较高要求的情况下，Auto CAD能够通过计算机的准确平台，提供最为有效的设计标准。
三、结语
从应用的角度分析，计算机的平面设计软件基本都属于应用软件的范畴。但是应用的领域却是十分广泛的，Photoshop主要应用于网页设计领域，而Auto CAD则主要是工业设计制图中的仿真模拟。虽然在不同的领域中，都有着非常重要的作用，但是依然无法最大限度的满足未来工业或者是互联网时代的需求。因此，计算机的平面设计软件也在不断的推陈出新，一直在开发和测试，从而找到更好的应用软件模式。本文从网页设计角度以及工业制图两个不同的领域进行了计算机平面设计软件的应用分析，将其应用中的优势以及需要改进的部分进行了深入分析，从而明确了计算机应用软件的强大功能，并对其软件的未来突破给予期望。
参考文献：
[1]毛仁兴.认知负荷理论在应用软件教学设计中的应用探析――以剪辑软件premiere为例[J].软件导刊.教育技术，2013（03）：75-77.
[2]徐菲.计算机应用软件课程案例教学策略――以C0relDRAW软件教学为例[J].池州学院学报，2012（06）：149-151.
[3]海妙.平面设计软件与DICOM图像数据处理技术研究[J].自动化与仪器仪表，2010（04）：42-44.
[4]李文广，潘婷婷.平面设计软件PHOTOSHOP中的选区制作[J].沧州师范专科学校学报，2008（03）：45-46.
（作者单位：湖南省机械工业技术学院）
网页设计与平面设计范文第4篇
网页设计是网络技术与设计艺术的交叉学科，需要网页设计者既要懂得熟练的计算机专业技术，还要具有较高的平面设计艺术特征。在互联网高速发展的时代背景下，网页成为直接吸引浏览者的因素，如何在美观程度、视觉冲击以及版面构成等方面满足网民的审美需求是网页设计应用美学的最大价值所在。
1 网页设计的特征
网页设计作为一种特殊的信息媒介设计，要求网页界面的设计要满足多元化发展的需要，具体表现在：
1）交互性。网络时代背景下的网页优势在于实现了信息的动态变化与即时交互性，因此在网页设计时也必须要紧紧把握即时交互性原则，不仅要保证信息需求者可以第一时间掌握最新发生的信息，而且还要满足视界效果的更新性，让信息浏览者以一个主动者的角色加入到信息处理中。比如某网站的界面设计内容会随着某种信息宣传的需求而不定期的更改版面，以此满足浏览者的信息需求要求。
2）特定的设计风格。网页设计是由特定的主体决定的，也就是不同的网站主题决定了网页设计风格，而网站的主题则是需要通过网站的色彩与视觉符号直接体现出来的，一般在进行网页设计时需要确定网站的主题，然后在根据网站主题内容进行相应颜色的选择。以红色教育网站为例，一般红色教育网站的页面都以红色或者黑色为主，这主要是与“红色革命”教育有关。另外其还具有版面编排的不可控性。在进行网页设计时不能对版面大小进行控制，这主要是根据用户端的媒介工具有关。
3）技术与艺术的有序结合。网页设计属于一门新兴的学科，其需要应用到大量的专业学科知识，尤其是艺术与计算机技术的融合是网页设计的最大特点，网页设计不能以技术为中心，而是强调技术与艺术的融合，通过艺术反映网页内容，以技术支撑艺术设计。尤其是要注意的是网页技术的 应用要适合网络环境，不能单独的强调艺术效应而忽视技术的应用。
2 网页设计中应用美学的具体体现
从网页设计的发展历程来看，网页设计经历了三个发展阶段：一是简单的静态网页阶段；二是图文并茂的网页设计阶段；三是动态互动式的网页设计阶段。随着网民对网页视觉需求的日益提高以及网站竞争的日益严峻，如何吸引浏览者的注意力是网页设计者需要考虑的问题。美学不是抽象的概念，而是融合多种艺术表现手段的系统，通过运用美学可以提升网页设计的内涵，完善网页设计的功能，达到网页在内容、功能以及形式上的完善。具体美学在网页设计中的应用主要体现在：
1）美术设计在网页设计中的应用
在网页设计中，美术设计属于重要的应用部分，完善的美术设计可以丰富网页的内容，给浏览者以独特的视觉冲击。美术设计的应用主要包括：一是文字语言的应用设计。文字是信息传递的重要载体，不同的文字设计效果会带来不同的视觉效果。另外在文字的编排上要侧重艺术性与实用性，具体就是网页界面文字设计编排一定要与网站的整体界面内容相符合，实现传递信息的同时要实现视觉美感；二是图形图像的设计。图形图像是网页的重要组成部分，优美的图形图像可以足够信息网民的眼球，图形图像可以直接将设计者的理念反映出来，图形图像可以通过点、线、面融合的方式达到，通过各种艺术表现形式达到优化网页设计的目的。当然在网页设计中使用大胆、个性化的图形可以增加冲击效果。图形图像应用到网页设计中需要设计者根据设计要求选择相应的设计元素，直线图形会给人一种简单明确的效果，而粗直线图形则显得画面的厚度，给人以稳定。
2）色彩在网页设计中的应用
色彩是网页设计中的视知觉感受因素，色彩在网页设计中的效果是巨大的，其主要具有划分视觉分区、重点标记主题以及引起更多关注的特点。色彩在网页设计中的应用为：一是色彩的对比。不同的色彩在一起会形成不同的视觉感受，因此通过色彩对比可以确定设计的主题，达到视觉效果。在网页设计时背景面积大的时候可以采取明度高、纯度低的配色，以此实现视觉效应；二是色彩的应用处理。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色。不同的职业有着固定的颜色，例如绿色一般代表军人，白色代表医生等。
3）平面设计在网页设计中的应用
平面设计是相对网页结构而言的，平面设计强度的是各种网页组成部分的形态比例、对比等效果：一是比例。注重比例关系是处理整体与局部的重要手段，在网页设计中需要融合文字、图形图像以及动画等，因此需要对不同的部位进行整体的比例设计，以此实现结构合理化。一般用于平面设计的方法是水平分割、垂直分割以及比例分割等等；二是重复与渐变。平面设计需要对图形等进行科学的设计，以此达到柔和和含蓄的力量。比如在我们登入某些网页时存在登入就自动弹出一些窗口的现象，此种现象影响浏览心情，所有这就需要网页设计时认识到此种问题，降低使用悬浮界面，并且对网页中的内容结构等进行优化设计，定期进行更新，防止网页内容过于陈旧，而导致信息浏览者出现审美疲劳。
4）网页的合理布局
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、FLASH型、综合框架型等。在以上布局中，对于不同的形状，代表着不同的意义。比如：矩形代表着正式、规则，很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和、团结、温暖、安全等，许多时尚站点喜欢以圆形为页面整体造型，三角型代表着力量、权威、牢固、侵略等，许多大型的商业站点为了显示它的权威性常以三角形为页面的整体造型；菱形代表着平衡、协调、公平，一些交友站点常运用菱形作为页面整体造型。目前的网页制作多数是结合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。
3 网页设计应用美学的发展趋势
网页设计与平面设计范文第5篇
在我国，视觉传达教育起步较晚，但是发展迅速，其人才培养和教育模式倍受社会关注。目前很多高校在艺术类网页设计课程的教学上存在两种主要现象：一是重设计、轻制作；二是重软件、轻艺术。第一种培养出的学生一般只注重静态页面的视觉效果，对网站的动态更新关注较少，不利于网页后期维护；第二种培养出的学生侧重于Dreamweaver、Flash等软件的操作，对网页的版式、VI形象等关注较少，制作出的网页往往缺乏个性、艺术表现力不强。因此，对视觉传达专业的网页设计课程的教学改革势在必行。
二、课程教学目标的重新确定
我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以h7V5数据库等做交互型网站的，以计算机专业为主；第三类就是两者都要具备的全才网页设计师，是具有技术背景和多年实战经验的创意人才。由此我们可以确定视觉传达专业培养出来的网页设计人才的岗位定位应是网页美工师，他应该具有两种专业素质：一是掌握网页设计的基本要素和美学知识相结合的方法与技巧；二是懂得简单机算计软件（PS、Dreamweaver、Flash）的操作，便于在制作网页界面时考虑到后台维护的便利。而“艺术设计教育的人才培养目标是：培养综合素质高、创造能力强的高级应用型设计人才”。所以该课程教学目标应该是培养具有以上两种专业综合素质的、创造能力强的高级网络应用型设计人才。新的培养目标确定后，该课程的教学内容应该在此基础上重新调整。
三、课程内容的调整
视觉传达专业网页设计课程教学内容应该为教学目标服务，知识结构要合理，应注意知识点之间的交叉及有机结合，同时也要有效地培养学生的创新性思维及独立分析、解决问题的能力。基于此，新的教学内容调整为两大板块：理论课程内容和实践课程内容。
1.理论课程内容
理论课程内容在课程编排中为最先讲授内容，以教师PPT演示传授为主，学生讨论互动为辅，课时安排为总学时的四分之一。在教学过程中又分为两个环节来实现：（1）第一次课的设计把第一次课设置为课程概述，主要对网页设计课程的教学特点、教学内容、教学目的、教学重点和难点加以通篇介绍，对学生说明课程安排和考核要求，并通过简单上机实例操作来提高学生学习兴趣，进而引入网页基本理论教学环节。（2）网页基本理论学习网页基本理论学习包含三个知识板块：网页设计的基本要素、网页界面的版式设计、网页VI形象的美学塑造。我们知道每个设计门类都有自己独特的构成元素，这些不同的构成元素形成了该门类不同于别的门类的独特的艺术魅力。了解和掌握这些构成元素的特点和作用，有助于我们更好地进行设计工作。网页构成元素按功能和形式划分为两大类型，按功能划分为页眉和页脚、背景与底纹、按钮与控件、导航器和目录、功能板块和广告位；按形式分为文字、图片、色彩、多媒体和超级链接。网页设计中的构成语言不同于传统平面设计，它们之间存在很大差异，例如网页设计中的颜色是光色，是标准的RGB色彩，而传统平面设计中的颜色在输出过程中是以印刷色CMYK形式出现的；传统的平面设计不用考虑网络传输的因素，而网页设计中的构成元素应考虑在不影响显示效果的前题下，尽量压缩文件大小，便于网页文件的上传与下载；又如动画、音频等多媒体语言在传统平面设计中不用考虑，而在网页设计中它们是给网页增加活力的重要手段因此，教师在此板块教学中要选择大量实例进行比较，不但要指出网页设计各构成元素的特点和作用，而且还应指出与平面设计中相对应元素的异同之处，便于学生区别学习。网页界面的版式设计不同于传统平面设计的版式设计。平面印刷品有着各自固定的纸张大小或裁切规格，而网页界面则不然，它的显示尺寸受到电脑显示器的限制，不同尺寸的显示器显示的网页界面是有区别的。除此以外，它的最终显示控制权其实掌握在浏览者手中。如果过分注重网页界面版式设计的视觉完整性，就不能顾及网页设计元素的灵活性。所以，教师在此板块教学中应该强调网页界面版式的变化性，同时也要强调首页与内页版式的连贯性，要求学生在设计中注意网页界面版式完整性与灵活性的关系。网页设计是VI设计的一个重要组成部分，是企业视觉形象执行标准的延续和拓展。和所有的线下公司一样，一个好的网站也需要依助于VI设计。准确的、有创意的VI设计，有利于树立网站形象，使其在众多同类网站中脱颖而出，增加浏览者的浏览欲望和浏览记忆，对该企业的推广和宣传也能起到促进作用。网页设计课程上引入VI设计概念，教师应该保持教学的延续性，要求学生在进行网页设计的同时，将VI理念应用到网页界面中。网页设计应主题突出、富有创意，色彩搭配应协调统一，具有强烈的视觉冲击力，从网页LOGO到色彩运用均要突出企业视觉形象。
2.实践课程内容
视觉传达教育的目的就是培养出创造能力强的高级应用型设计人才。应用性人才的培养模式里实践性课程比例要大，网页设计课程也是这样，理论是基础，实践是灵魂。所以实践课程内容在课程编排中为比重最大的内容，课时安排为总学时的四分之三。实践课程包含软件操作板块、简单代码学习板块和实际案例制作板块三个知识点。此部分内容在教学过程中又分为两个环节来实现：
（1）软件操作和简单代码学习板块的教学
此部分教学为计算机软件学习阶段，Fireworks、Dreamweaver、Flash是传统的网页设计软件学习内容，根据当今互联网开放性的特点和视觉传达学生对现有软件知识掌握的情况（PS是基本功，是学生都已掌握的软件），把传统软件教学内容更改为“网页新三剑客”（PS+Dreamweaver+Flash）的学习。简单地说，就是用PS制作静态网页界面和切图，并处理图片，用Dreamweaver布局和超级链接，用Flash做特效。而这三个软件知识板块里面教学重点依次为Dreamweaver、Flash、PS。在软件教学环节，教师可借助类似“红蜘蛛”一样的网络教学平台和学生互动教学。学生可根据老师在线传送的素材临摹教师的操作，教师也可以在线观察学生执行情况个别辅导。同时根据艺术学生英语和数学水平普遍较低的特点，在教学中应该增加一些简单代码知识，介绍一些常用的代码语言及Html标签和CSS规则的使用方法，便于优化网页样式，使整个网站风格统一，也便于对已有的网页模板进行更改，进而大大提高学生的岗位实践技能。
（2）实际案例制作教学
此板块教学采用以项目为载体、以任务为驱动的教学方法。教师可以引入实际项目或者虚拟项目，提出项目名称和项目要求，辅导学生进行实际案例设计。实际案例制作教学应充分强调实用性和自主性，教学环节可分三步进行。首先是教师示范环节：教师要根据实例要求演示创作过程，从网站创意草图到制作静态界面；从创建站点到Dreamweaver网页布局，创建超级链接；从美化网页样式，到制作网页特效，利用简单的代码语言和Flas实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。
四、结语
