论文部分内容阅读
摘 要：教学课程网站作为一种网络教学平台的形式展现给学生或浏览者，其课程网站的美工直接影响到展示和交流的效果。目前教学课程网站制作中很多老师都只注重自己内容的增加，反而忽视了网站建设中整体的美工问题所产生的视觉效果性。所以本文基于教学课程网站制作中需要注意的美工问题来探索，以提高教师在教学课程网页制作中的水平和能力。
关键词：教学课程网站；网页制作；美工
作为新媒体艺术形式下的教学课程网页，在高校的课程教学当中被广泛应用。它伴随着媒体技术与教育技术的发展而发展。那么一个优秀的教学课程网站，它不仅是教学内容的丰富与精彩，而且需要非常注重教学网站的版式、结构、色彩等美工方面的问题。一个课程网站看上去很简单，但却可以给人一种吸引力，浏览者观赏时的这种吸引力，首先不是课程网站的内容有多精彩，而是课程网页视觉性效果所产生的力量。所以，在教学课程网站制作中网页美工是非常重要的。
一、教学课程网站问题的提出
1.网页美工设计的概述
网页设计是网站建设在技术形态的延伸，以视觉艺术为主要表现形式，而这种视觉表现离不开美工。网页的美工设计是技术和艺术为基础，依照设计的目的和要求，对网页的构成元素进行艺术规划的创造性思维活动，创造出艺术化，人性化，适用性的艺术浏览界面。它不仅与网站的主题策划和定位有关系，而且还包括了版式的设计、图形图像的制作、音视频的编辑、文字的编排等方面的美工处理，也包含了设计的基本要素，如造型、色彩等视觉传达设计中的因素。
2.教学课程网站美工容易被忽略的问题
随着教学课程网站在课堂教学中的频频出现，老师和学生的互动也通过课程网站的交流逐渐增加。但是老师们自己的教学课程网站在整体的美工方面做得怎么样呢？经过自己对教学课程网站的查阅和调研发现，很多老师对自己的教学课程网站在美工方面都有所忽略。只是一些简单的处理或是没有引起重视，更多注重在内容的堆加上，视觉效果很不理想。
教学课程网页的美工问题，对于网页的使用者学生和浏览者来说，课程网站视觉效果的好坏，直接取决于浏览者在网页停留的时间。可能有些老师说，这并不主要，只要达到想要的要求就可以。但是从教学课程网站的质量和优秀程度来分析，网页作为一种图形、文字信息的载体，其内容和美工兼而有之，才能突出教学课程网页的优秀。同时，教学课程网站一旦注重了美工问题，它就形成了课程鲜明的特色风格、意境和神韵，具有教育美、形式美、课程特色美等特征。所以，教学课程网站美工设计具有重要性。
二、教学课程网站的制作分析
1.组成教学课程网站的基本内容
教学课程网站作为教学辅助的媒介，其基本要素是运用文字、图像、色彩等视觉元素，达到信息传达和审美的目的，这些元素之间的组合构成方式的合理性是准确传达信息和视觉审美规律的基本要求。
组成教学课程网站的基本内容：一是网页banner图的设计，在banner的设计上要简洁、明了、通透，以体现课程网页的整体风格和课程特性，给人赏心悦目的感觉；二是网页中文字的编排，文字是网页版面的核心组成部分，它不仅仅局限于信息的传达意义上的概念，更是一种时尚的艺术表现形式。它直接的视觉传达方式，不需要任何图形，仅运用精心编排的文字材料，就可以制作出效果很好的版面，因此也是网页设计中最重要的元素之一。在文字的编排上需要注意文字的字体、字号、字距、行距和文字的强调等设置，最终展现出最理想的视觉形式效果；三是图文并茂，在网页中要采用图文并茂的相互搭配形式。这种表现形式可以分为2类：文字配图和图配文字的形式，在网站的制作中只要根据不同类别的需求灵活搭配即可；四是页面的节奏韵律，在制作当中根据课程的需求，来调整视觉元素的造型、大小、色彩分布等的比例关系，就可以达到页面的节奏和韵律美。
2.教学课程网站制作上应遵循的原则
在制作上应遵循的原则就是让浏览者既方便接收信息的传达，又能享受到页面的美感。在设计的目的上要求信息条理清晰、布局合理、界面美观，并且能更好的的突出教学课程的特性，已达到最好的视觉展现效果。在制作当中需要注意这几个方面需要遵循的原则：一是主题鲜明突出。教学课程网站要版面清楚、主题突出、达到最佳的效果，就要通过版式的空间层次、主次关系、视觉秩序，以及逻辑条理性的把握与运用来完成。在这一点上很多老师只求内容而缺乏艺术的表现，所以教学课程网站显得空洞无力；二是版面修饰要恰当。在教学课程网站制作上应该追求简洁化，并且功能与修饰应有机的结合，这样才能做出好的课程网站；三是整体版面视觉力要强。如果课程网站申请成国家级、省级、校级等精品课程网站，那在这么多的资源课程中争奇斗艳。除了特色的内容，网页的视觉冲击力就占据了优势，才使浏览者停留在页面看内容。那么怎么样在众多网页中视觉性占据优势？在这里优秀的版式设计、色彩构成就起到了重要的作用。
所以，教学课程网站在基本内容、版式布局中起着重要的作用。在这基础上应该遵循审美原则来进行制作，合理的应用视觉元素和内容的结合，将会令教学课程网页充满生气，赋予课程一种独有的特色。
三、教学课程网站制作需要注意的网页设计美工问题
制作一门优秀的教学课程网站，不仅要有一定的网页制作技术，而且还应该要具备一定的网页版式设计能力和审美能力。这样以来使自己的教学课程网站达到内容精彩丰富，版式视觉效果清晰美观大方。为了达到这样的一种效果，在制作中需要注意以下几点网页美工设计上容易出现的问题
1.课程网页版式设计常见的问题
教学课程网站的版式设计就是让学生和浏览者能够快速的接收信息，而且又可以感受到美感。是的版式在设计上条理清晰、布局合理、整体美观又突出课程的主题特色。但是在设计制作当中很容易出现一些问题：（1）教学课程名和设计风格不搭，在教学网站版式设计风格上版面的设计框架和课程特性不协调，让浏览者看了很是别扭，从而形式上脱离了内容，使网页变得花哨、空洞等。（2）版面的修饰过多，对教学课程网站来说，装饰应该追求简洁化，且功能与装饰相得体。过多的修饰就破坏了教学课程网站功能性的亮点，也会在加载的速度上受到影响，所以“简洁就是美”。（3）版式的排版问题，网站的大部分内容是由文字组成，所以排版的重要性非常关键。大家都知道网络的排版跟印刷的排版是两码事，尽管有些规则相同，但是网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。 2.课程网页配色常见的问题
色彩是人们常见的事物，也是网页设计中最重要的组成部分。利用色彩的象征性、隐喻性、情感性等装饰的手段力求与课程的学科性相结合，创造出具有课程特色、个性鲜明的教学课程网站。在制作中配色上容易出现的问题是：（1）缺乏主色调，在网页上的色相元素众多，让人看得眼花缭乱。看上去好像很丰富的样子，其实给人一种复杂混乱的视觉效果，让浏览者无法识别什么是重点。主色的运用上不要呆板，最好能体现出课程的特色。（2）字体的颜色能见度低，网页上的色彩或图片通常与文字结合在一起，要么成为文字的背景色，要么成为文字本身的颜色，这就出现了文字与色彩的对比问题。对于浏览者来说，色彩的运用就必须注意文字的可识别性。（3）增加视觉负担，网页上有些颜色会给人感觉很刺眼、容易出现视觉疲劳，所以在网页设计中尽量避免视觉疲劳度高的色调。一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。在教学课程的网站设计中避免配色中常见的问题可以带来不错的视觉效果。
3.教学课程网站整体的实用性、美观性、得体性问题
一个完整的教学课程网站应该以整体的实用、美观、得体为准，要避免这些问题的产生。在教学课程的网页设计上尽量要以实用性为主，不要过多的追求形式而忽略内容和功能的实用性，毕竟是教学性质的网站。同时要有美观性，要根据课程的特色、特性、亮点进行网页美观性的风格设计，已达到协调、统一、美观的视觉效果，这样通过课程网站视觉的美观性来提高学生对教学课程资源学习的积极性。得体性问题是在教学课程网站的设计上不要有太突兀的构成部分，例如：突兀的色彩、内容、模块等。这样容易会造成视觉的错乱性，给使用者造成在浏览上的一种障碍，所以要整体上显得得体、统一、协调。
参考文献：
[1]李晓进.网页设计的技术美学思考[J].武汉科技学院学报，2005，（7）：21.
[2]金娜.论网页社耳机的视觉风格[J].科技信息，2010.02（17）.
[3]张爽.浅谈网页设计中的版式设计[J].科技信息（科学.教研），2008（13）.
[4]刁学栋.吴彬.网页设计的视觉信息传达分析.[J].教育信息化cssci（学术版），2006（10）.
[5]张丽萍.网页配色与版式布局的设计[J].产业与科技论坛，2015.（14）.03.
关键词：教学课程网站；网页制作；美工
作为新媒体艺术形式下的教学课程网页，在高校的课程教学当中被广泛应用。它伴随着媒体技术与教育技术的发展而发展。那么一个优秀的教学课程网站，它不仅是教学内容的丰富与精彩，而且需要非常注重教学网站的版式、结构、色彩等美工方面的问题。一个课程网站看上去很简单，但却可以给人一种吸引力，浏览者观赏时的这种吸引力，首先不是课程网站的内容有多精彩，而是课程网页视觉性效果所产生的力量。所以，在教学课程网站制作中网页美工是非常重要的。
一、教学课程网站问题的提出
1.网页美工设计的概述
网页设计是网站建设在技术形态的延伸，以视觉艺术为主要表现形式，而这种视觉表现离不开美工。网页的美工设计是技术和艺术为基础，依照设计的目的和要求，对网页的构成元素进行艺术规划的创造性思维活动，创造出艺术化，人性化，适用性的艺术浏览界面。它不仅与网站的主题策划和定位有关系，而且还包括了版式的设计、图形图像的制作、音视频的编辑、文字的编排等方面的美工处理，也包含了设计的基本要素，如造型、色彩等视觉传达设计中的因素。
2.教学课程网站美工容易被忽略的问题
随着教学课程网站在课堂教学中的频频出现，老师和学生的互动也通过课程网站的交流逐渐增加。但是老师们自己的教学课程网站在整体的美工方面做得怎么样呢？经过自己对教学课程网站的查阅和调研发现，很多老师对自己的教学课程网站在美工方面都有所忽略。只是一些简单的处理或是没有引起重视，更多注重在内容的堆加上，视觉效果很不理想。
教学课程网页的美工问题，对于网页的使用者学生和浏览者来说，课程网站视觉效果的好坏，直接取决于浏览者在网页停留的时间。可能有些老师说，这并不主要，只要达到想要的要求就可以。但是从教学课程网站的质量和优秀程度来分析，网页作为一种图形、文字信息的载体，其内容和美工兼而有之，才能突出教学课程网页的优秀。同时，教学课程网站一旦注重了美工问题，它就形成了课程鲜明的特色风格、意境和神韵，具有教育美、形式美、课程特色美等特征。所以，教学课程网站美工设计具有重要性。
二、教学课程网站的制作分析
1.组成教学课程网站的基本内容
教学课程网站作为教学辅助的媒介，其基本要素是运用文字、图像、色彩等视觉元素，达到信息传达和审美的目的，这些元素之间的组合构成方式的合理性是准确传达信息和视觉审美规律的基本要求。
组成教学课程网站的基本内容：一是网页banner图的设计，在banner的设计上要简洁、明了、通透，以体现课程网页的整体风格和课程特性，给人赏心悦目的感觉；二是网页中文字的编排，文字是网页版面的核心组成部分，它不仅仅局限于信息的传达意义上的概念，更是一种时尚的艺术表现形式。它直接的视觉传达方式，不需要任何图形，仅运用精心编排的文字材料，就可以制作出效果很好的版面，因此也是网页设计中最重要的元素之一。在文字的编排上需要注意文字的字体、字号、字距、行距和文字的强调等设置，最终展现出最理想的视觉形式效果；三是图文并茂，在网页中要采用图文并茂的相互搭配形式。这种表现形式可以分为2类：文字配图和图配文字的形式，在网站的制作中只要根据不同类别的需求灵活搭配即可；四是页面的节奏韵律，在制作当中根据课程的需求，来调整视觉元素的造型、大小、色彩分布等的比例关系，就可以达到页面的节奏和韵律美。
2.教学课程网站制作上应遵循的原则
在制作上应遵循的原则就是让浏览者既方便接收信息的传达，又能享受到页面的美感。在设计的目的上要求信息条理清晰、布局合理、界面美观，并且能更好的的突出教学课程的特性，已达到最好的视觉展现效果。在制作当中需要注意这几个方面需要遵循的原则：一是主题鲜明突出。教学课程网站要版面清楚、主题突出、达到最佳的效果，就要通过版式的空间层次、主次关系、视觉秩序，以及逻辑条理性的把握与运用来完成。在这一点上很多老师只求内容而缺乏艺术的表现，所以教学课程网站显得空洞无力；二是版面修饰要恰当。在教学课程网站制作上应该追求简洁化，并且功能与修饰应有机的结合，这样才能做出好的课程网站；三是整体版面视觉力要强。如果课程网站申请成国家级、省级、校级等精品课程网站，那在这么多的资源课程中争奇斗艳。除了特色的内容，网页的视觉冲击力就占据了优势，才使浏览者停留在页面看内容。那么怎么样在众多网页中视觉性占据优势？在这里优秀的版式设计、色彩构成就起到了重要的作用。
所以，教学课程网站在基本内容、版式布局中起着重要的作用。在这基础上应该遵循审美原则来进行制作，合理的应用视觉元素和内容的结合，将会令教学课程网页充满生气，赋予课程一种独有的特色。
三、教学课程网站制作需要注意的网页设计美工问题
制作一门优秀的教学课程网站，不仅要有一定的网页制作技术，而且还应该要具备一定的网页版式设计能力和审美能力。这样以来使自己的教学课程网站达到内容精彩丰富，版式视觉效果清晰美观大方。为了达到这样的一种效果，在制作中需要注意以下几点网页美工设计上容易出现的问题
1.课程网页版式设计常见的问题
教学课程网站的版式设计就是让学生和浏览者能够快速的接收信息，而且又可以感受到美感。是的版式在设计上条理清晰、布局合理、整体美观又突出课程的主题特色。但是在设计制作当中很容易出现一些问题：（1）教学课程名和设计风格不搭，在教学网站版式设计风格上版面的设计框架和课程特性不协调，让浏览者看了很是别扭，从而形式上脱离了内容，使网页变得花哨、空洞等。（2）版面的修饰过多，对教学课程网站来说，装饰应该追求简洁化，且功能与装饰相得体。过多的修饰就破坏了教学课程网站功能性的亮点，也会在加载的速度上受到影响，所以“简洁就是美”。（3）版式的排版问题，网站的大部分内容是由文字组成，所以排版的重要性非常关键。大家都知道网络的排版跟印刷的排版是两码事，尽管有些规则相同，但是网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。 2.课程网页配色常见的问题
色彩是人们常见的事物，也是网页设计中最重要的组成部分。利用色彩的象征性、隐喻性、情感性等装饰的手段力求与课程的学科性相结合，创造出具有课程特色、个性鲜明的教学课程网站。在制作中配色上容易出现的问题是：（1）缺乏主色调，在网页上的色相元素众多，让人看得眼花缭乱。看上去好像很丰富的样子，其实给人一种复杂混乱的视觉效果，让浏览者无法识别什么是重点。主色的运用上不要呆板，最好能体现出课程的特色。（2）字体的颜色能见度低，网页上的色彩或图片通常与文字结合在一起，要么成为文字的背景色，要么成为文字本身的颜色，这就出现了文字与色彩的对比问题。对于浏览者来说，色彩的运用就必须注意文字的可识别性。（3）增加视觉负担，网页上有些颜色会给人感觉很刺眼、容易出现视觉疲劳，所以在网页设计中尽量避免视觉疲劳度高的色调。一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。在教学课程的网站设计中避免配色中常见的问题可以带来不错的视觉效果。
3.教学课程网站整体的实用性、美观性、得体性问题
一个完整的教学课程网站应该以整体的实用、美观、得体为准，要避免这些问题的产生。在教学课程的网页设计上尽量要以实用性为主，不要过多的追求形式而忽略内容和功能的实用性，毕竟是教学性质的网站。同时要有美观性，要根据课程的特色、特性、亮点进行网页美观性的风格设计，已达到协调、统一、美观的视觉效果，这样通过课程网站视觉的美观性来提高学生对教学课程资源学习的积极性。得体性问题是在教学课程网站的设计上不要有太突兀的构成部分，例如：突兀的色彩、内容、模块等。这样容易会造成视觉的错乱性，给使用者造成在浏览上的一种障碍，所以要整体上显得得体、统一、协调。
参考文献：
[1]李晓进.网页设计的技术美学思考[J].武汉科技学院学报，2005，（7）：21.
[2]金娜.论网页社耳机的视觉风格[J].科技信息，2010.02（17）.
[3]张爽.浅谈网页设计中的版式设计[J].科技信息（科学.教研），2008（13）.
[4]刁学栋.吴彬.网页设计的视觉信息传达分析.[J].教育信息化cssci（学术版），2006（10）.
[5]张丽萍.网页配色与版式布局的设计[J].产业与科技论坛，2015.（14）.03.