网页设计论文篇1

2注意版式的规范与否

在长期的出版工作实践中，对图书、期刊、报纸等传统出版物的版式形成了不少规范性要求。遵循这些规范，不仅可以让版面显得美观、整齐，给人以审美的愉悦，更能充分体现版面内容之间的逻辑关系，有助于读者准确理解。一个网页实际上也相当于一个版面。所以，传统出版物的版式设计规范大多也基本适用于网页，仅有少量差别。网络编辑审核网页的版式时，要以传统出版物的版式规范为基础，再考虑一些网页的特有规则，从而保证页面规整、易读。就文字的大小而言，网页上一般宜用12-20像素的字，且页面头部区域的用字宜大些，中部区域的用字适中，而底部区域的文字一般较小。就文字形体而言，网页中应使用通用字体，这样才能在各种终端上都顺利显示。同时，考虑到屏幕显示与印刷品展示的效果有一些差异，汉字通常较多采用宋体和黑体，而较少用楷体和仿宋体；字母通常采用Arial、Verdana或者Helvetica字体，而在印刷型出版物中应用特别多的TimesNewRoman字体则较少采用。同时，网页上使用的字体尽量不要超过3种，以确保网站页面风格的统一性。网页上的各个项目名称，其作用和地位与书刊目录中的各级标题相当。所以，其版式设计的规范要求之一，就是用字应该既错落有致，又相对统一。错落有致，是指处于不同层级的项目名称，其用字格式应该遵循“从大到小、从重到轻”的一般原则；相对统一，是指处于相同层级的项目名称，其用字格式应该保持一致。从上述要求来看，题中所给网页设计图在版式方面存在缺陷。头部区域的导航条上，虽然4个板块名称使用相同的字体、字号，18个子选项的用字格式也相同，符合相对统一的要求，但是层级较高的板块名称用字却既小于、也轻于层级较低的子选项。这就把两者的层次级别颠倒了，必须修改。从现有页面展现的效果和空间的占用情况来看，比较适宜的是把板块名称的字号放大，而字体则可不改，以避免粗体字过多而导致区域过重、过密的现象。中部区域的“要闻”“互动调查”“热点聚焦”“射手榜”等文字，都是栏目名称，属于同一个层级，格式应当保持一致。但是，如果将这些名称对比一下，可以很明显地看出“互动调查”的字体与其他栏目名称不一样，应该予以修改。考生在这个考点上失分较多，从一个侧面反映出他们的职业敏感性还不够强。网页版式设计的规则也有不同于传统出版物的特点。比如，在传统出版物中，对标题的字数一般没有限制，长标题可以转行排列，即使在集中了许多标题的目录中，也允许这样处理。但是，网页中的标题文字则不允许转行，尤其是在集中排列了许多标题的目录式栏目内。因此，不少著名网站都对标题的字数有统一规定，如《新浪网编辑手册和规范》中就规定“频道首页要闻标题为一行题，少于16字”，这实际上是适应了网页页面的特殊性。在书刊的目录中，作品标题之后（或之前）都有页码（有时还有作者姓名）兼作分隔符号，读者可以很容易地以页码为标志将一个个标题区分开。网页上的目录式栏目内，各个作品的标题都不标页码（实际上也无法标出），也不列相应的作者姓名（一般在展示作品本身时才列出）。这就在充分利用网页空间的同时，也使得各个标题没有明显的分隔符号。一个标题如果转行排列，会让用户误以为是两个标题。此外，书刊中标题的转行需遵守一些规则，如不得割裂词义、助词或叹词等虚词不得置于下一行的行首等，以避免读者产生误解。由于各种标题的内容和字数纷纭多样，需要在处理书刊校样时由编校人员专门对标题的转行进行调整。然而，网页上的文字转行是由计算机自动处理的，而计算机技术目前尚未达到能够对词义或词类进行智能分析判断的程度，无法按照某个标题的字符构成情况对转行进行灵活控制。可见，“标题不得转行”这条规则体现了网页的特殊性，是很合理的。然而，题目所示设计图中“热点聚焦”栏目内却存在标题转行现象，这无疑应该消除。遗憾的是，能够注意纠正这个错误的考生为数不多。

网页设计论文篇2

 

在高等职业教育中,如何提高学生实际动手能力,完成符合市场与企业的设计作品是高职教师应该思考及探索的问题。对于企业网站而言如何将企业文化与网页设计相融合，是实践设计中所需要思考的问题。本人经过多年的教学经验与实际开发相结合，总结为以下几点：

一、理解企业网站存在的价值

对于企业网站而言，网站存在价值是什么？靠网站发展，肯定不是，因为企业网站更多的是体现企业的精神、文化及有效的对企业进行宣传。

网站其实就是企业，它是企业通过互联网展示自己的平台。只不过它的产品是以网页的形式供客户浏览、以交互的方式让他们参与等等，既然网站是一个企业，那就不能回避一个问题，就是盈利和体现企业精神的问题，如果只顾向网站投钱，作亏本生意，是任何一个网站都不愿意做的事情。论文参考网。所以网络如果要给自己带来回报，就必须以高标准来要求，这样就不得不提升到网站文化的高度。

二、理解什么是企业文化

企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则，以及由此导致的行为模式。企业文化是以人为本的管理哲学，是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式，是借助文化力量的管理方式，良好的企业文化能为企业保持数十年的竞争优势。

可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的，其员工也没有主人翁意识，这样的企业是成长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理，从而越来越突出人在企业生存和发展中的作用和力量。论文参考网。企业最重要的资源是知识，而知识是人的资源，所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人？HP公司为什么能保持20多年持续稳定的发展？其答案都很简单：重视人的建设是他们立于不败之地的保证。

其次企业的文化也是企业核心的思想与理念，它能指引企业向着同一个目标迈进，对企业内部而言是良好的凝集力，对外宣传而言是良好的宣传口语。所以深刻理解一个企业的精神文化将其反应于网页设计就是一个成功的设计作品。

三、网页设计与企业文化的结合

首先需要思考的是网站的整体形象，一个网站给人的第一印象就是主页，主页是能让浏览者产生第一印象的页面。但不是主页做好了，网站的整体形象就好，因为用户对整个网站的浏览的过程中，会自然而然的形成一种对网站的看法，这种看法是附带有感情色彩的，比如喜欢、不喜欢、没有什么感觉等，这就是整体形象的体现，这是靠主页和其它的页面相配合来完成的，所以在制作网页的时候要考虑怎么将自己网站好的一面体现给自己的用户，所以设计时应用着重考虑几点：

（1）网站色彩的应用

颜色的搭配要符合企业的文化与企业的精神，不同的颜色会产生不同的心里效益，例如：红色会让人激情绪动，充满热情。可口可乐公司的网站就是一个非常好的实例，类似于救火车的颜色让人心里的感受就像炎热的夏天，而炎热就需要一种救火的凉爽。论文参考网。其实不同的颜色所代表的含义也不相同，所以在确定网站主色调时要符合企业的形像，考虑企业的定位，与企业的文化。

（2）主页的版式设计

主页是网站的第一页面，主页内容的选取关系重大，主页除了给用户留下第一印像以外，更重要的作用是用于网站内容信息的分流与导航，所以主页的内容应该有所选择与删除。

在考虑主页版式设计时思考体现的方式，侧重点，内容要有主次之分，重要的企业精神、企业文化、企业思想、企业特色应该考虑放置于网站主页的第一屏区域，网站应该分为几栏？最重要的内容应该放置于网站第一屏的正中位置，让用户能第一眼即可看到这个信息，其它的内容则放置于网站两侧。让用户从登录主页就能很好的感受到企业的思想。

（3）设计风格应体现企业的文化

在网站的开发过程中，网站的设计风格需要统一，在设计时我们常常看看许多设计师设计作品的随意性，而对于企业网站而言，如何通过网站去体现一个企业的思想与精神则是设计师应该去考虑的问题。例如需要思考企业所经营的产品、企业产品所涵盖的范围，企业的精神应该怎么体现的问题。同时规范整个网站的外在表现，具体在于标志的设计、标准色彩的表达以及标准字体的设计。这些都是很重要的，有一个统一的、标准的形象是赢得自己用户信赖的条件。

在网页设计的时候，需要结合网站本身的特点，提炼出自己的经营理念，摆脱低层次的网站运行模式，网站作为一个企业就必须在不断的发展壮大的时候，结合自身的文化特色，提炼出一些深层次的东西，而这些东西就是企业的灵魂，很多世界知名品牌都有自己的独特的经营理念，比如微软是“成功诀窍＝人才＋创新，管理＝合适的时间＋应做的事”，惠普是“财富＝人才＝资本＋知识”，飞利普是“新产品＝技术内涵＋观念创新”，东芝是“企业活力＝智力×（毅力＋体力＋速度）”，麦当劳是“企业的活力＝原材料×设备×人力资源，人力资源＝人数×能力×态度”。这样就给网页设计师提出了更高的要求，要求他们能够深入的了解网站，同时将自己融入的到网站中，不断的发掘具有闪光性的东西，同时找到合适的表达方式来加以强化。这样才能够使网站靠自身的优势获得用户的好感，从而奠定良性运行的基础。

网站文化给网页设计师提出了更高的要求，那么具体到网页设计师身上该如何应对呢？提高自身的文化素质是必不可少的，假如自身素质不高的话，就无法领会到很多其中的内涵，这样在自己的设计表达的时候就不可能到位，其实作品就是一面镜子，在其中可以折射出设计者自身的素质，这是掩盖不了的，所以提高自身的文化修养是很重要的，形成一种习惯，这样在无形中就可以在设计的作品表现出来，所以这里没有任何捷径可以走，只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心，对生活充满热情！这样才可能在自己的网页设计中挖掘出好的东西来，也给自己的用户留下好的印象。

参考文献或注释：

网页设计论文篇3

文字是最普遍使用的视觉符号元素。文字的编排设计有字体的选择、创造以及运用等。在网页页面设计中，与其他视觉元素相比文字更具有辨识性。所以说，只要对文字进行编排设计，浏览者就更加容易接受所传达的信息。在处理文字造型时要适应文字的形态构成、空间布局、色彩搭配。通过设计与编排，文字提高了信息的准确度和可读性，从而达到良好的视觉传达效果。

2.图形图像元素

图形图像是网页中最重要的设计元素之一，具有直观、形象的特点，因此易于浏览者理解和接受。图形图像的有效应用使网页更加美观、生动，这有利于信息的传达。图形图像在网页设计中有着传达性、装饰性、表现性、趣味性、超越性等重要功能。网页页面主要是向浏览者传达信息。图形图像是最基本的实用功能，对图形图像采用夸张、象征、比喻的手法来体现视觉效果，可以让浏览者更快、更准确地了解信息。个性化的网页设计，新颖的图形语言，人性化的组合方式，往往会更加引人注目，给浏览者独特的视觉体验。图形图像使得“艺术无国界”，它用特殊的语言来传达信息。网页作为全球性的媒介，当浏览者在网页上找不到自己熟悉的语言版本时，图形图像大致了解了他们的信息需求，拉近了信息的传达者和接收者之间的距离，消除其陌生感。

3.色彩设计

在网页设计中色彩的主体色调具有先声夺人的力量，网页让浏览者产生心理共鸣。运用色彩传达信息，增强了网页的可理解性和易识别性。色彩产生了强烈的视觉效果，使得页面更加生动。色彩设计是页面设计的语言，是网页页面设计中的重要元素。色彩在网页设计中有视觉区域的划分、重点主题的突出、视线的吸引。只有利用色彩的力量，不断设计出各式各样的优秀页面，在网页页面设计中，色彩的应用或含蓄优雅，或端庄大方，或单纯简洁等，但无论哪种形式其目的都是为了引起浏览者的关注，增强网页视觉信息的传递。

4.版式设计版式

在网页页面设计中有着实用功能和审美功能。网页版式设计的实用功能就是人机交互。在网页设计时要了解网站的目的及想传达的信息，不同的网站都有不同的特色、重点。网页中设计的导航栏和空间划分组合的版式编排，及清晰合理的设计元素要符合整体风格，版式合理有序的排列使得信息有效传达。网页版式中的审美功能是为了满足浏览者的心理需求，浏览者在浏览网页的同时，版式设计使他获得了快乐与舒心的体验。网页版式各视觉要素要进行平衡与调整，使其成为一个有机的整体。保持布局设计的独特风格，可以提高网页界面的视觉表达和感染力度。

二、数字网页设计中的媒体视觉传达

1.网页主题及整体风格的视觉传达

网页设计首先要明确主题的设计和建立网站的目的，要及时进行市场调查，了解网站受众的情况，确立网页的整体风格，使网站的全部信息按照主题来设计。网页设计做到鲜明突出、要点明确，以简单的页面传达不简单的信息。网页的表现形式要与内容统一，而整体风格要与主题前后一致。同时，信息要及时更新，使网页页面中所掌握的信息一定是即时最新的，这样才能增加网页的访问量，有利于信息的传达。

2.网页设计的受众及情感传达

网页设计需要对受众定位，不同受众主要体现在人的性别、年龄、职业以及受教育程度、生活习俗等方面的差异。从年龄上看，不同阶段年龄的受众所关注的事物各不相同，因此在网页设计时可以把握这种特点，使得网页设计更加具有针对性。人们在接受和理解信息时受态度、愿望、需求和情感等心理因素的影响，所以会对信息有选择性，这种需求心理的差异决定了网页上的视觉信息应当尽可能的丰富，才能为更多的受众所用。

3.网页设计在视觉传达中应注意的问题

首先，网页的版面设计。在页面上，图片和文字同时展示给用户，将所有产品都放在一个网页上，不分主次，这样导致浏览者找不到自己所需的信息。其次，文字设计影响到网页的质量。为了突出字体内容，会将字体加大，加下划线和使用艺术字体。将字体和段落有序组织，才不缺乏视觉美感。再次，色彩的运用和搭配也极为重要。色彩搭配要合理、适度，主体风格要统一，才能够给浏览者一种美的享受。为了网页有视觉冲击力，将风格不同、颜色各异的图片、文字等放在页面上，却适得其反。最后，图片的不合理导入。现在很多网页设计中图片的选用不合理，编排不得当，使得页面零乱、空洞，极大影响了网页视觉传媒的质量。

网页设计论文篇4

新闻网站的首页要做到不同凡响、一鸣惊人，主要需要考虑三个"冲击力"的问题，即色彩的冲击力、布局的冲击力和logo的冲击力。如果在这三方面都能给网友以全新的感受和强烈的冲击，就达到了一个较高境界的首页设计理念。

一、关于色彩的冲击力

省级新闻网站，实际上也兼作政府网站和地方门户网站，其首页的风格，应当是沉稳、简明、大方。与商业性网站的色彩斑澜和个人网站的简洁淡雅相比，新闻网站宜采用对比鲜明、冲击强烈的色彩作为首页的主色调。即以一两种基色的搭配的为主色，来显示新闻网站整肃而富有竞争力的特性。由于主色构成相对单一，所以宜通过较浓烈的色彩来强化人们的视觉，如果色彩过淡，感觉上会趋向于个人主页，也容易有失轻漂，压不住阵。

千龙网作为首家开通的省级重点新闻网，2000年3月8日首次亮相时采用了黑与白为主的基色，给人留下了较深的印象。而两个多月后开通的东方网，其首页以淡黄色为基调，过份强调了"高雅"，却未能形成"色彩冲击"方面的后发优势，这不能不说是东方网在推出三个月后就进行改版的一个重要原因。东方网（当年8月）改版后给人的第一印象，就是大胆地一扫众多网站"轻描淡写"的首页风格，以红与黑相间的主色调，给人以前所未有的强烈的视觉冲击，不禁令人为之击节叫好。其后，东方网由于种种原因，于2001年元旦进行了第二次改版，但依然保留了这色彩个性极其鲜明的主色调。

2001年5月25日，千龙在正式运行一年后首次改版，断然放弃了开网之初的黑白之色，代之以"京城故宫围墙赭红与皇宫金黄色调的搭配"①，色彩对比依然鲜明，但又成功地体现了千龙地处首都地域的风格定位，并给其它新闻网站提供了从地域特色和文化内涵方面寻找首页主色调的设计理念，深化了人们在首页基色定位方面的思路。相形之下，东方网则很难回答其"红与黑"与上海这个城市或"东方文化"之间的内在联系，而更多是纯美术层面的选择--"红与黑"历来是很抢眼的色调。上海人捷足先登了，其它省市也只有妒忌的份。

目前省级重点新闻网站已有十多家，但千龙、东方首页仍然以其鲜明而强烈的个性色彩鹤立鸡群。

二、关于布局的冲击力

相对于主色调的选择余地并不很大，首页的内容布局翻新却可以多作些文章。内容布局尽管也受到诸种限制，只能在网页固有的框架内，"戴着镣铐跳舞"，但有束缚才有创造，才会显示出创造的魅力，才会具有突破原有框架的新鲜感。根据这两年新闻网站首页在设计、改版过程中的一些规律性变化，可以总结出在内容布局方面的三个重要特征。

1、服务至上。内容布局的第一个突破，是新浪网在1999的改版中，首次将banner广告（468X60ps）移到了频道导航栏的下方，突出了频道入口，强调了在首页整体布局?quot;频道导航"的纲领性作用。东方网的第一次改版，则在此基础上更进一步，不但把导航条置于banner之上，并进而把"用户登录"区做成一长条，也置于banner之上，这样又第一次通过内容布，体现出为网友"服务"的思想。这与当时各大网站经营理念从"内容为王"到"服务为王"的转变是有着密切联系的。中安网的首页虽无多少特色，但其"用户服务"功能甚至比东方网还要方便，即将网友最常登录的"邮箱"与"厶?quot;两个点击按钮直接并列在首页频道导航栏下（东方网采用的下拉框选择形式，进"论坛"要多点击一次），最大程度地方便了网友进入。

2、一步提优。如何在首页上把网站的全部精彩内容直接作上链接，使网友不需进入二、三级页面就能"长驱直入"到网站里最优内容最佳信息，这个看似简单的问题在首页上成为现实还是有一个发展过程的。东方网2000年8月改版后的首页，还有两处引人瞩目，一是把中区下部的"网站导航"横向压缩了一半，省出的另一半布置为"频道精选"，即衙扛銎档赖淖罹实哪谌莞餮∫桓錾鲜滓场R蛭?quot;网站导航"里的各个一级栏目全部展示确无必要，不可能这些栏目都很精彩，倒不如将这宝贵的空间直接展示各频道的一条最优稿，使网友不必进入各频道的首页，就可预知其精彩内容并一步点入。同年11月28日开网的北方网，几乎原样照搬了东方网的这一手法。东方网的另一?quot;突破"是在首页右区中部，设置了一个栏目叫"BBS精华"，把论坛里的"精彩妙贴"也直接链上首页，既体现了新闻网站的强大编辑力量（为网友去芜取菁），也反映了对直接来自网友的观点和看法的尊重。新闻网站首页的内容布局，在突破上应当永无止境。可以吸取传统平面媒体的经验。对logo的位置、banner的位置及新闻图片的位置，作出更加大胆的设计。如logo为什么只能放在右上角并水平放置呢，能不有竖起来放到左上角、象某些报纸的名称那样呢？又如，新闻标题为什么非要全部横排呢，能否划根据不同的新闻类别，划出部分标题实行竖排呢？在改版后的千龙首页右区，"千龙互动"和"首都导航"两个栏目下的标题就已实行了竖排方式。

3、"寸土寸金"。人们登录新闻网站，主要是获取各种新闻性信息。故新闻网站的首页理应显示出紧凑的布局，在单位面积里传达出最大的信息量，而不能象许多大型企业的网站首页那样，以空间换"潇洒"。首页一般在两屏至两屏半的幅长，这里缺省的上半幅里内容的安排尤其重要，因为忙的人都不会往下拉，很可能只看个缺省的一幅，所以需要将网站的重点内容和基本服务都安排下，在安排内容时具有"寸土寸金"的意识。一般来说，导读和新闻图片放进缺省一幅并在主要位置并无异议，毕竟是新闻网站嘛！但对将邮箱、BBS、ChatRoom、搜索引擎、手机短信、股市查询等基本服务项目也基本纳入缺省一幅，就不是所有新闻网站都能引起足够的重视了。如果发邮件或搜索新闻还要用鼠标下拉一下，对网友是很不方便的。东方网在缺省的一幅里，信息量是相当大的，仅看它的中区，不仅安排了导读性新闻要目及图片，还安排了反映百姓呼声的"东方直通车"、热门专题集锦"东方热点"，以及包括"股市查询"、"天气预报"、"求医问药"在内的"生活锦囊"，甚至"英语新闻"要目也上了缺省这一屏，显示其国际大都市风貌。东方网中区上部这一块看起来有点乱，实质精心安排也！千龙网也把它?quot;拳头产品""千龙黄金耳"（音频新闻）、"环球见闻"（视频新闻）、"Flash7日"（新闻故事）和"48小时精彩回放"（新闻回顾），悉数纳入缺省一幅。相比之下，云南新闻网、金黔在线、新疆天山网等省级新闻网站的首页的信息量就难以与东方、千龙相提并论。

值得指出，首页内容布局之创新，不是单纯地把有关重点栏目、深层优秀内容或banner的位置在页面框架内移来移去、重作调整，而是本着创新的理念，将网站的内容重心和基本服务，在特定的网页框架内积极调谴，推陈出新。这一过程实际上反映了网站从业人员对互联网认识在不断加深，如对互联网的即时互动等强势特质的进一步认同。

三、关于logo的冲击力

在首页设计过程中，即便具有了上述两种冲击力，如果缺少一个别具一格、特征鲜明的logo，仍然会功败垂成。Logo是首页的"网眼"，是整体艺术创作的画龙点睛之笔。一个绝妙的logo不但会使首页蓦然生辉，而且会成为整个网站的"形象大使"，成为员工的胸牌，成为宣传品上的标志，对网站的进一步发展有着非同寻常的功用。

近两年大型网站在logo设计方面有崇尚简单明了的审美倾向，往往越是知名的网站，logo设计越简单，但那是一种高明的简单，是一种认识论上循环往复、删繁就简后的简单。通常的做法是取消了独立的标志图案，而在英文域名上做文章，说得更确切点，是将英文域名中的某个特定字母拿出来，进行图象化或夸张性的变形、变色处理。

这方面一个典型的例子是新浪网的logo。设计者仅在黑色字体的sina中，将小写字母"i"上的那一点作"空心"处理，然后套上了一个红色"帽子"，象眼睛，也象火炬；顿时就妙不可言，很抽象，也很现代。新浪的logo太简单了，却击败了许多花上许多功夫精雕细琢的logo，个中道理值得玩味。另一个老牌新闻网站大洋网的logo设计，亦与此有异曲同工之妙。大洋的域名是dayoo，最后两个oo引起了设计者的兴趣，结果演变成一双眼帘不断翻动的眼睛，使人过目难忘。

2001年9月12日开通的西部网（），其logo是一个"西"字，这个"西"字经过拟人化变形械?quot;臂挽臂"的味道，形象地表明了这是一个联合型的超级媒体"航母"（西部网由中国西部12家省、市、区联合主办）。东北网的logo设计，则是一个有着抗联军旗风格的"东"字，地方特征鲜明。但也有一些省级新闻网站的首页，看不出有进行logo设计的意识，或者干脆就没有logo，如河南网和桂龙新闻网就是如此。

发达国家的一些新闻网站，首页的logo设计通常都比较简单，但显得很大方。如USAToday的logo只在名称前加了个模糊的地球；Foxnews的logo只在英文域名上打上两道光束，继承似浼易錐ox电影公司的片头特征。

另外还有两点，值得首页设计者注意。一是首页的页面设计必须与内容紧密配合，不能脱开内容来谈形式及一切美术应用。是内容决定色彩、布局，而不是相反。因此在设计过程中，应始终对首页的内容安排引起足够的重视，对每一区域的设计都以明确本区的内容概念为基础，由此引向独到而深刻的美术创意。二是不要轻视首页设计过程中一些局部的打磨和处理，如对一个栏目bar条的图案、栏目内标题的字体等，都应当精心设计、选择；一个成功的首页给人的总体感觉，正是由每一个局部叠加而来。

网页设计论文篇5

影片的主题思想，人物性格，艺术风格，细节处理，音乐构想等其他设想。

（二）前期设定

在动画制作前，进行大量的前期工作。以方便和规范总个的动画效果和制作便捷，分为动画剧本、角色设定、场景设定：

1、动画剧本

动画剧本是由画面讲述出来的一个故事。这个阶段，人物、故事情节、影片的主题内涵等影片最重要的部分都必须确定下来。动画剧本分为文字剧本和动画脚本。（1）文字剧本：以文字形式记录故事的背景、发展、高潮和结尾。应尽可能避免复杂的对话。在这里最重的是用画面表现视觉动作，而非语言。（2）动画脚本：把每一场景划分若干个镜头。绘制出镜头的主画面、角色动作和台词、场景变换、镜头移动、镜头长度等。动画脚本的好处就是在一个团队来制作时有本可依，指导动画创作集体各方人员统一协调地工作。

2、角色设定

动画片剧本中的主要角色塑造对剧作的影响巨大。动画片形象树立起来，被观众认可了，动画就成功了一大半。角色的设定要根据剧中人物的性格、体魄等来设计，并规范出他的姓名、年龄、五官、肤色、衣服、声音和习惯动作等个性特征。在Flas制作中角色设定分了初步手稿、电脑完成稿、和角色库三部分。（1）初步手稿：画出角色的正视图、侧视角、背视角、四分之三侧图。标出人物头部、上身、下身的高度、宽度。（2）绘制电脑图：把角色人物在Flash上绘制出来，把人物分为眼部、嘴部、头部、身体、左右上臂、前臂、大腿、小腿等几个单独的原件，标示号具体的色彩数值，并取好详细的文件名。（3）制作角色库：建立各个角色的三视图、走、跑、跳等基本动作元件库。以便后期动画制作时调用。

（三）动画制作

按照动画脚本中每个镜头的内容把之前的场景、角色合到一起，并按脚本时间把动画制作出来。制作前要把动画的大小、帧数确定下来，制作后要按照剧本所给的镜号把文件命名完整。

（四）镜头合成

按照动画脚本所给的故事发展时间线，把之前所做的动画镜头串连起来，根据需要可以运用影视蒙太奇手法把一些故事的时间、空间顺序打乱而重新组合，已达到完美的艺术效果。一般由视频和音频两部分构成：

（1）视频部分要把之前的动画按照对白的停顿、长度调试到最佳效果，并把镜头间的转场过渡衔接，根据需求可适当加上特效渲染动画效果，生成最终的动画故事。

（2）音频部分把镜头中的对白、音效、背景音乐串连成一个镜头长度的音频文件。把合成的视频、音频文件合成到一起，及时按照镜头名标好相应的帧名称，方便以后修改。

二、Flash在网页设计中的应用

（一）Flas在网页设计中的必然性

网络技术不断发展进步，也使得网页内容更加丰富，穿插了大量的音乐、动画等元素。Flash作为一种新的设计方式，能给浏览者带来听觉和视觉上的双重享受，能传递给网页浏览者更多的信息和互动。

（二）Flas在网页设计中的应用方向

1、Flash跨平台特性

Flas具有时间片段分割和重组的功能，能使设计感更强，同时它具有跨平台的特性，不管设计者应用什么电脑，只要是安装了Flash软件，就能保证显示效果一致。

2、适合公司做在线的产品展示

Flas应用在网页的设计中，具有设计精美、表现形式多元化、美术效果和互动性强等特点，这样的优势非常适合公司做在线产品的展示。

（三）Flash在网页设计中的应用方式

1、色彩转换

通过Flas可以使网页形成色彩上的转换，比如在网页中插入一段动画舞蹈，效果会更加突出，在浏览者放松之余，还能吸引其注意，形成一个独特的风格，这样的作用不是一般的图片能够代替的。

2、动态论述

Flash具有体积小、互动性强的优点，在网页的设计中，可以更好地应用到这个优点。比如说在网页的广告或游戏中，利用Flas展现这个广告的总体特点，也让浏览者更好地了解到产品的实质。

网页设计论文篇6

二、“多媒体网页设计与制作”课程存在的问题

课程存在的问题往往影响课堂教学质量的提高和学生能力的培养。通过调查和反思，从教学内容、教学方法、教学设计方面分析“多媒体网页设计与制作”课程存在的问题及其产生原因。

1．内容多、课时少，学生缺乏应用能力。

网页设计涉及图像处理、动画设计制作、网页设计编辑及基本程序设计等多方面的能力培养。课程共计72个学时，其中理论36学时，实践36学时，存在教学内容多与课时少的矛盾。教学中只介绍Dreamweaver、Flash、Fireworks这三个软件涉及到网页制作的内容，会导致软件学习不深入，学生缺乏应用能力。在有限的时间内，如何能深入分析所涉及软件功能，提高学生应用能力，是课程学习过程中的关键问题。

2．重视个人能力的培养而缺乏团队能力培养。

个人能力和团队能力在网站开发中缺一不可，一个优秀网站的开发是网页设计者个人努力与团队协作共同作用的结果，团队成员在协作的过程中相互学习，取长补短，相互促进。但在目前教学过程和考核要求上，过多强调网页设计者个体的能力，忽略团队的构建和团队协作的影响力评估，教学模式不能体现团队协作在学习中的作用。网站项目是在团队的环境下完成的，实际工作环境中学生与人沟通能力和团队合作精神是不可缺乏的，但目前课程的能力目标与工作需求有些脱节，对此没有要求。

3．课程教学设计单一，学生缺乏工程实践操作能力。

从课程设计层面来看，“多媒体网页设计与制作”课程教学目标偏离工程需求，教学设计拘泥于传统的教和学，缺乏工程实践环境，因此造成学生的自学能力和实际动手能力得不到强化。教学以传授知识和应试为目的，根本谈不上利用工程实践过程培养学生严谨的思维习惯和激发学生学习兴趣。从课程实施层面来看，教学活动以教师为主体地位，重理论传授、轻实践训练，知识结构相对分散，缺乏工程意识，学生掌握不到工程实践所需的技能，缺乏工程实践操作能力。怎样在有限的教学环境中将工程实践的技能融入到教学实践中去，培养学生的工程实践操作能力，是值得我们深思的问题。

三、“多媒体网页设计与制作”课程教学设计实践

以课程理念为指导，结合教学中存在问题，实践中采用“以学为中心”的教学设计模式，通过对教学内容、教学方法、教学策略和教学评价进行规划设计，建立充分调动学习兴趣、发挥学生主观能动性、以学生的学为主的教学系统。教学设计注重转变学习参与方式，采用教学策略改变学习态度，发挥学生的主观能动性，引导学生学习分析问题和解决问题的思路与方法，使教学效果最优化。

(一)教学内容设计要知识与技能相结合

教学内容是为完成教学目标要求学生学习的知识、技能、思想和行为的总和。对教学内容进行分析后进行的选择与安排就是教学内容设计。网页设计与制作课程具备技术性和实践性都较强的特点，教学要在完成知识目标的同时培养学生的动手实践能力。教学时间有限，因此要优化教学内容，在“以教学大纲为依据，解决学生的‘双基’能力”理念的指导下，设计每个案例包含部分知识点和操作技能，由案例建立起理论知识和实践技能间的联系，在内容设计上实现知识与技能的结合，缩短学时数。课程开设对象为计算机科学与技术专业学生，学生已具备部分网页设计基础知识，图像处理可以直接讲案例和技巧，不用太多地介绍工具栏，以此为教学起点进行教学内容设计。课程教学内容设计以培养“双基”能力为目标，以工程实践能力为导向，将网页工程的制作流程作为教学顺序。教学内容注重工程实践导向的系统性和实用性。为增强教学效果，以基于真实工程实践设计制作的“走遍内蒙”旅游网站建设项目为例，项目包含八个子项目，每一子项目分别涵盖大纲要求的若干知识点。项目对教学内容进行了提炼和重新整合，难易可行，贯穿于整个学期的教学，解决了内容多课时少的问题，所有子项目建设完成之后，网站建设的工作就基本完成了。

(二)教学方法设计要以应用为导向

1．运用案例教学法转变学习方式，增强学生的拓展思维，提高课堂学习效率。

案例教学法是以实例为研究基础进行问题探究的教学方法。案例教学法适用于网页设计课程教学，是有效实施教学策略达到教学目标的一种教学方法。通过案例分析，由浅入深逐层展现教学内容，引导学生积极思考。学生进行案例分析的过程是对教学内容主动理解的过程，通过让学生自己设计解决问题方案实现知识与能力转化。网页设计强调创新性，案例分析能拓宽学生的知识面，拓展学生思维，使学生具备举一反三，触类旁通的能力，从而在熟练掌握之后有自己的创新思想，实现创新能力培养。例如，将“走遍内蒙”旅游网站的子项目作为教学案例，上课和实践地点安排在机房，切屏讲解，边讲边练。课堂上分三个阶段进行能力培养。第一阶段进行案例效果展示，教师通过分析项目、提出任务、示范操作、讲解理论，让学生从模仿操作起步，逐步掌握基础理论和基本技能。第二阶段进行相关作品鉴赏，学生通过观察、思考、讨论、领悟、转换、组合等发现行为，掌握各知识点及其应用。从而引导学生学会分析问题的思路和方法，巩固学生的“双基”能力。第三阶段布置能力拓展案例，增强学生的拓展思维，培养自学能力和创新能力。在巩固旧知识的基础上适当增加案例难度，学生自己分析任务、设计制作，教师在巡回检查过程中对完成有困难的学生给予提示和个别指导。案例分析强调学生参与教学过程的主动性，案例效果激发学生兴趣，案例导入知识点帮助学生进行知识建模。通过任务分析，讨论制作方法、实际操作和归纳总结来培养学生实践能力，增强课堂的学习效率，解决课时少的问题。

2．运用工程实训教学法，加强学生的团队协作，提升专业能力。

工程实训教学法是将课程知识应用于工程项目实践中，以项目实践训练的方式巩固和提高专业知识的教学方法。课程实施中进行工程项目实践训练是学生参与工程实践、提高应用能力的有效渠道。工程项目实践拉近教学场景和工程实践场景之间的距离，使学生能够设想到自己的知识和能力与现实工程专业能力的差距，形成主动钻研精神，培养工程实践能力。工程实践能力为导向的人才培养需要改变传统教学方法与模式，因此在实践教学环节以工程实训法展示项目开发的方法与过程，培养学生在实践方面的专业能力，构建工程实践导向的实践教学体系。目前学校培养学生工程实践能力的方式主要有两种:一是校企合作培养，二是学校按通用规范和行业标准培养。以现有的条件我们选择后者实施，将实验项目“平面爱好者”网站模块化以工程实训的方法分步培养学生的工程实践能力。实验网站建设与教学同步进行。模块一是项目分析、策划、构思。由教师引导，学生讨论，分析“平面爱好者”网站需求，策划制定设计方案，撰写方案。培养学生的网站规划能力，表达能力，与客户沟通能力及文书写作能力。模块二是项目素材收集、制作，学生通过收集网站所需文字、图像、多媒体等信息，并利用工具软件对信息进行加工处理，设计制作图片、动画。培养学生素材制作能力。模块三是网站网页制作与美化。学生可用表格、层或DIV+CSS布局网页，设计网站首页、导航、菜单，使用行为和JavaScript实现特效等，以培养学生的网页设计制作能力。模块四是网站上传、管理与维护，培养学生规范操作能力和网站维护能力。团队协作可以促进能力目标形成，协作学习是一种教学策略，通过小组或团队的形式组织学生进行学习，学习过程中学生可以将自己的学习资源与他人分享，通过研究、讨论等互动方式完成学习任务，更好地达到教学目标。

(三)考核方式设计要注重形成性评价

形成性评价是在教学进行过程中，为引导教学前行或是为更好达到教学目标对学生学习结果的评定。即对学生日常学习过程中的表现、动手能力、实验过程、作业等进行全过程质量监控和评价，因此形成性评价是基于对学生学习全过程的持续观察、记录而做出的更全面具体的发展性评价。学期中的检查实验属于形成性评价，它的意义在于:一是通过检查评价实验了解学生的学习质量、学习态度和教师的教学效果，得到关于教学内容的问题反馈，进而确定问题所在环节并且修正，逐步达到教学目标;二是促进学生掌握网页设计基础知识和实践操作的基本技能。网页设计与制作涉及多软件、多方面知识和操作技能及创新能力等综合能力培养，因此期末考核中设计理论和实验分别考核，并在实验考核中引入形成性评价。实验考核成绩=实验成绩平均分(×60%)+大作业成绩(×40%)，理论考核成绩=理论考试成绩(×70%)+平时成绩(×30%)。考核设计中为拓展学生思维，作品有创新，鼓励学生积极创作，设置大做业成绩占实验成绩的40%。实践中大作业通过集体评价的原则确保评价的客观性，即学生本人对任务做出归纳性总结，评价由其他学生和教师共同完成，由学生评价作品的优缺点，教师通过提问和学生共同探讨作品的设计和制作问题。教师根据评分标准给出大作业成绩。实验成功的成就感为后续学习营造了积极的学习氛围。考核设计中平时实验成绩在期末总评中占比重较大以激励学生认真完成实验目标和要求，保证实验质量。采取这种考核方式，全面评价学生的能力，实现预期的能力培养目标。

网页设计论文篇7

二、网页设计不应打破惯例

前面已经提到，网页是一个要求即看即用的特殊“产品”，也就是一看我们就要知道如何使用。我们虽然使用了若干手机，但我们购买了一款新的手机时，我们还是得阅读说明书后才能正常使用，网页确不需要。那如何才能达到即看即用呢？使用惯例就是最好的武器，这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西，我们一看就知道它的意思，就知道怎么去操作，因为惯例是我们日常生活中积累起来的，已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识，使用存储于外部的知识不需要学习，但效率低；使用头脑内部的知识需要专门学习，但效率高。而惯例是已经存储在头脑内部的知识，具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的，一是重要导航在页面的位置，按照惯例一般布置在页面的上部、左上部或右上部，首页的链接放置在最前面；二是网站的标识放置在页面的左上部，浏览者用其来判别是否到达了目标网站；三是文字链接要加下划线（也可以鼠标放上去才出现），浏览者用其来判断是否有超级链接；四是常用标识符号，如在多页文档中，代表向上翻页，代表向下翻页；在视频、音频播放中■代表停止，代表暂停，代表播放。这些标识符号在网页中已经具有特定的意义，是不能随意改变的。

三、设计层面之间的逻辑联系

在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面，包括战略层、范围层、结构层、框架层和表现层，并确定了自下而上的建设流程，规定了设计的程序。自下而上的各个层面，从抽象逐渐变成具体，并且包含着密切的逻辑联系。战略层确定的网站目标和用户需求，是整个网站设计的基石，其决定范围层的内容选择和功能设计；结构层是对范围层选择的内容进行分类和组织，形成信息架构，以及对确定的功能进行交互设计，确定交互的过程和交互行为；框架层是在结构层信息架构的基础上，根据完成任务的需要，利用超级链接设置来完成导航设计，以及规划信息架构在页面空间中的位置关系，形成布局框架；表现层是对框架层进行具体的视觉表现，包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出，下一层是上一层的设计依据或设计对象，上一层是下一层的进一步深化和具体，相邻层之间紧密联系，既不能交换，也不能跨越，更不能缺少，具有严格的秩序，形成了完整的逻辑链条，理性思维贯穿在整个设计过程之中。

网页设计论文篇8

二、思考与探索

（一）优化教材体系

“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。高职高专《网页设计与制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。网页设计与制作课程教材，内容应以教授基础、基础与案例相结合、案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选教学内容，以使教学过程中教材利用最大化。

（二）改革教学方法与手段

1.明确学习目标

分阶段教学根据高职高专学生特点，明确学习目标，进行分阶段教学。前期以讲授课程基础为主，旨在让学生熟练掌握本课程基础操作，以便中后期案例教学能够及顺利递进难度；中后期教学需要理论联系实际，结合启发式、直观式、交互式教学方法，鼓励学生独立思考，勤于动手，激发他们的学习积极性和主动性。

2.加强实践

注重技能培养任务驱动，小组协作。开展以制作某一特定网站或者多类型网站为目标的项目教学，使得学生不仅能够掌握《网页设计与制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。以职业需求为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。

（三）加强“双师型”教师

培养优秀的师资是高职院校办学的根本保证。提高高职教师“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在合作企业顶岗工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。

网页设计论文篇9

1.1案例教学法案

例教学法是一种具有启发性、实践性,能开发学生思维能力,提高学生判断能力、决策能力和综合素质的新型教学方——“分析案例”——“制作案例”的过程，培养学生分析问题，解决问题的能力，达到学习知识技能，灵活应用的目的。例如，在讲解ASP中的Request对象时,教师先展示一个表单提交的案例，然后引领学生分析我们在点击提交按钮后，如何在另外一个页面中，得到提交页面相应的属性值呢？学生在老师的启发下动脑思考，引出Request对象的作用，接着教师讲授Request对象的各种方法的使用。学生在深入理解后，运用知识制作此案例。

1.2任务驱动法

任务驱动法在课堂教学中，教师为学生布置上机操作任务，通过实际任务展开教学。学生通过亲自动手操作，主动建构探究，培养了学生创新精神和实践能力，提高了学生的综合运用知识的能力。例如在学习表单制作时，以现实生活中注册电子邮件为例，提出表单的概念，然后讲解其实现理论，接着布置实际任务——投票系统，让学生用知识去解决任务，进一步加深理解知识。

1.3分层教学法

成人的学习能力差异大，存在个体差异，因此，教学中采用分层教学法。在实际教学中，教师根据学生现有的知识、能力水平和潜力倾向把学生科学地分成水平各自相近的几组，如A、B、C三组，A组是按大纲基本要求进行教学的学生；B组是按略高于基本要求进行教学的学生；C组是按较高要求（能发挥学生数学特长）进行教学的学生。学生分组不是固定的，而是随着学习情况及时调整。每组布置知识程度不同的学习任务，并且在教师恰当的指导下，让全体学生从各自的层面体验成功的愉悦。

2模拟化网络教学

开放教育是传统教育与网络教学相互融合的产物。网络教学以其独特的魅力在开放教育中发挥着越来越重要的作用。学习已经不再局限于课堂，学生只要有上网条件，无论何时何地，都可以方便的学习，打破了时间和空间的限制，因此，网上资源的好坏直接影响学生的学习效果。因此，笔者充分利用网络资源，以教学大纲为依据，遵循厚基础、重能力的原则，开发了此门课的模拟化网络教学系统。此系统有“教学大纲”、“课程教案”、“模拟实验”、“经典案例”、“自我测试”、“课程讨论”等栏目。分层次，多模块，手段直观、丰富有趣的一系列实验教学单元。制作文字、图像、声音、动画于一体的丰富多彩的模拟实验教学内容。模拟实验教学的指导效率更高。使理论教学与实验教学、基础与前沿、经典与现代、实验内容与实际应用有机结合，更有利于学生学习，并且可以反复阅读，是面授课堂一种好的补充与强化手段。

3多样化互动教学

3.1课堂互动

成人有丰富的社会阅历和人生体验,有更为强烈的对话意识和平等意识，因此,师生活动主要体现在，放下身段，深入到学生们之中，和他们们交朋友，交流心得，平等对话，互相学习。鼓励学生大胆地表达自己的想法，畅所欲言，和学生共去探索知识的世界。所谓生生互动，就是学生和学生之间可以互相讨论，交流心得。在实际操作中将学生分组，合作学习，这样促使小组成员积极参与，培养学生团结合作意识，集体荣誉感。人机互动是学习《动态网页设计》这门课必不可少的环节。只懂理论，不会应用，犹如纸上谈兵，完全失去了学习的意义。所以，课上学生必须上机实践，在实践中掌握知识，消化知识，融会贯通。

网页设计论文篇10

2教学特色

整个教学过程都贯穿着项目，利用科大讯飞已有的项目资源，进行教学和实训。基础知识教学阶段将前1.5年中学习的专业课程按知识点进行细化和归类，从单个知识点的具体讲解，到知识点的例子演示，然后进行当场实践和总结，总结的时候利用班会课，每周举行一次总结。这些知识点是有学校和企业双方共同讨论决定，并且是共同完成授课。项目实战教学阶段利用科大讯飞已有的真实项目，找到该项目的负责人或主要参与工程师进行教学，一开始会进行项目分析，完成该项目需要用到的知识点，以及这些知识点在实际应用中的方法和需要注意的事项。然后由项目工程师指导学生进行项目开发实战，在完成项目的过程中，巩固了之前学习的知识点，并学会了应用。

3网页设计与制作专业人才培养模式

网页设计与制作是我院软件技术专业的一个方向，从2012年开始和“科大讯飞”合作进行“双主体”办学。合作办学后，双方对该专业进行了一个深入的探讨，对原有的教学模式进行了改革。前1.5年学习的主要专业基础技能。前1.5年主要是培养学生的职业能力，让学生掌握基础的职业能力，HTML+CSS是网页的构成基础，JavaScript是网页的交互效果，界面是网页的外观，动态网站方面，PHP的应用非常广泛，使用PHP技术搭建的网站也非常多，所以我们选用PHP来教学，让学生掌握PHP的基础知识、语法基础，会编写小型的新闻管理系统等等。在后1.5年，主要是综合项目实训，这里面主要包含4个方面的课程，这些课程以前在高校里都很难开得起来，一方面由于师资力量的问题，另一个方面是由于没有真实的环境让学生去练习。PHP框架开发实战是在前面的PHP动态网站开发的基础上，利用像thinkPHP，DEDE这样的开发框架制作真实的企业站点，跟以后就业的工作环境几乎一模一样，对学生的技能是一个极大的提升，手机UI是在近几年智能手机的普及，出现的设计需求，现在高职院校开设这门课程的还特别少，我们依托科大讯飞的优势资源，给学生介绍当下流行的技术，使学生的就业选择面更广。HTML5和CSS3也是新的技术，应用也很火爆，是互联网下一代的标准，让学生跟着行业发展的方向学习。SEO是针对搜索引擎的结果优化，在企业建站过中也非常重要，加入此项训练，跟真实案例零距离。

4教学过程改革和学生考核方法

在学习的过程中，作为“双主体”的双方，都是全程参与，实时跟踪掌握学生的学习情况，在前期，利用科大讯飞已有的项目实训平台，对学生的学习效果进行检测，然后根据学生的成绩，进行A、B、C、D等级划分，其中A级学生成绩优秀，B级学习成绩良好，C级学生成绩及格，D级学习成绩不合格，根据等级划分情况，对学生进行差异辅导，A级进行拔高行辅导，D级进行基础知识辅导。同时，学生也可以了解自己的学习情况，哪一块知识没有掌握，在学校和企业教师的指导下，补缺补差，迎头赶上。学生考核也是有双方共同评测，其中50%的分数由学校任课教师打分，根据学生平时的出勤、实训完成情况进行，另外50%由科大讯飞的工程师打分，根据每月进行的实训平台考核的分数得出。这样能真实地评价出学生的学习效果，学习好的同学，说明他在知识点以及实训项目中都取得了好成绩，动手能力强，这样的人才是企业真正需要的。

5取得的成效

在2012年10月举办的第七届全国信息技术应用水平大赛中，网页设计与制作专业的学生参加了移动互联网站比赛，获得了省级二等奖的好成绩；在2013年中国计算机设计大赛“合财杯”中，网页设计与制作专业的4位同学获得了省级三等奖。现在2012级的同学还没有毕业，但是据统计，该专业的同学已经全部就业，就业的对口率在80%以上，另外，讯飞班的NCRE通过率逐年提高，在2014年9月的考试中，科大讯飞班的学生一次通过率更是达到了58%的新高，而整个学院的平均通过率在15%左右。2011级科大讯飞班的就业对口率、就业薪资水平相比学院其他的专业，都有非常大的提高。

网页设计论文篇11

1.1从编写代码到创建实际任务。传统的网页教学总是以编写HTML超文本标记语言、CSS层叠样式表文件、JavaScript为基础，通过Dreamweaver工具的拆分模式实现可视化的实际效果与基础理论的结合来展开。这样的教学方式与网页的实际应用联系较少。使得学生在学完网页之后难以解决具体的实际问题。采用任务驱动的教学方法，通过实际项目，引入真实情境，如玩具销售店、我的大学生活、学科资源网站等。让学们从单纯的学生角色转化为网站构建者，成为一个生产者。这样大大激发了学生的学习动力，并肩负责任感和成就感去学习。学生在构建实际网站过程中直接、频繁地接触计算思维的概念，如网页结构的搭建，样式美化的属性设置等，并不断提升系统性的思考能力和创意思维能力。构建网站时系统性的思考力是指学生需要在设计诸如导航条或链接中从设计网站、解决问题和理解用户需求的角度去“仔细思考用户与网站的互动方式以及根据意图实现功能的方式解决问题”[1]。构建网站中的创意思维是指学生可以把网页设计学习融入到创作具有实际意义和真实内容及富有个性的网站构建过程中，将学科学习与实际生活相统一。

1.2从独立开发到小组合作、组间协作。网页设计与网站开发的工作不是一个人独立完成的，而是需要团队的合作共同完成，当前的信息产业的工作都不是一个人独立能够完成的，而需要与他人合作完成。因此，独立思考和学习确实能促进学生知识掌握能力、而通过合作构建网站可以分解复杂任务。利用这种协作模式可以培养计算思维能力中除知识技能方面的其他方面——过程与方法、情感态度与价值观。

2考核评价

根据《网页设计与网站开发课程》的三维教学目标（知识技能、过程与方法、情感态度三方面）制定考核方法及评价标准。考核评价改变传统的单一的总结性评价的方法，采用平时的过程评价、阶段评价和综合评价相结合的评价方法。过程评价是指学生平时的学习过程，根据精心设计的学习情境对学生的学习过程进行记录和评分。这其中包括学生出勤情况、学习态度、单元情境的完成情况；阶段评价即是期中评价，通过期初时提出主题网站任务，学生在学习过程中着手规划、设计、实施并完成任务，在学期中期进行集中评价[2]，起到贯穿始终、承前启后的作用；期末考试采用上机考试，题型包括根据给定素材及代码截图拼出网页页面，根据给定模板和主题要求，在现有素材的基础上实现网站规划及网页设计。

网页设计论文篇12

二、课程教学目标的重新确定

我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以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实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。