当前位置：首页 > 实用文档 > 论文> 网页设计论文

网页设计论文

时间：2023-09-29 08:02:16 论文收藏本文下载本文

网页设计论文（合集15篇）由网友“marina1979”投稿提供，下面是小编整理过的网页设计论文，欢迎大家阅读借鉴，并有积极分享。

网页设计论文

篇1：网页设计论文

网页设计论文

摘要：在互联网时代网页海量，如何设计出如何用户需求且具备交互功能的网页是所有设计师思考的重点，而网页之所以存在，是因为它能够通过互联网轻松快捷地满足用户的需求，而在海量的网页中唯有符合用户体验的网页才能与用户之间建立忠诚度。该文结合现有研究以及自身实践经验，阐述了用户体验设计的重要性,并从3个方面分析了以满足用户体验为落脚点的页面设计原则。

关键词：用户体验;交互设计;设计原则

交互设计作为一门关注交互体验的新学科在20世纪80年代产生了，它由IDEO的一位创始人比尔莫格里奇在1894年一次设计会议上提出，而随着互联网的快速发展，交互设计已经成为了网页设计乃至软件设计的重要因素，甚至在一定程度上决定了网页的成败。因此，以用户为中心强化交互设计的研究以第一时间给予用户最佳的体验以达到留住用户，进而与用户之间建立忠诚度的目的。

1用户体验概述

1.1定义

用户体验顾名思义即用户对于某个产品从外观、性能、使用过程等各个方面的感受，大多数产品投入市场均会受到用户从视觉、听觉、触觉等方面的认知，同时更会升华到情感上的认可度。用户体验虽然具有一定的主观性，但却在一定程度上反映出了一个产品是否符合用户需求、是否能够帮助用户解决问题、是否能够为大多数用户所用等。就此而言，用户体验是从主观到客观层面上的升华，是一个不断发展的过程。

1.2用户体验在网页界面交互设计中的重要性

网页之所以存在，是因为它能够通过互联网轻松快捷地满足用户的需求。因此，网页设计首先要满足用户的某个目标，让用户能够快速寻找到所需要的内容且无障碍地完成所需的操作任务。在此过程中用户与网页之间就形成了交互关系，同时交互使用的流畅与否直接影响到了用户的使用体验感。对于用户而言，简洁流畅的`交互功能是其最终的需求，不仅能够起到愉悦心情的目的而且更是提升使用效率的关键所在。设计师在设计过程中，应从用户角度出发去探索其需求并设计出相应的框架，将之融入页面设计之中。对于设计师而言，为确保网页设计朝着正确的方向迈进，应充分认识到用户体验的重要性，重视用户的需求,即从用户的角度出发，深入发掘用户对于网页的“痛点”所在，以达到愉悦的目标；其次，对于具备设计团队的设计师而言，可充分发挥出每个人员作用，为其安排相应的角色，使之为网页设计收集意见，进而保持正确的设计方向。

1.3用户体验与界面交互设计的关系

用户体验与界面交互涉及用户体验、界面设计、交互设计3个方面的相互关系，不论是界面设计还是交互设计均是为了提升用户体验而设置的，通过此两个环节的优化提升用户体验度，实现网页设计的目的。因此，在网页设计过程中，首先要做的就是明确目标用户所在。此外，调查用户对于网页的需求以及心理诉求，进而设计出相应交互功能或方式，以起到调动用户使用的兴趣。同时，再对页面进行美化处理，形成独具特色且符合大众审美的页面方可避免用户的流失。

2基于用户体验的网页界面交互设计原则

2.1以用户为中心的原则

其一，目标导向原则。交互设计之父AlanCooper其著作《AboutFace3:交互设计精髓》中首先强调了目标导向设计的方法。即从用户的目标出发进行设计，满足了用户的目标，用户就会感到满意、有效率，并且将产品推荐给其他人。目标导向原则最重要的是了解用户的目标、需求和动机是什么。因此，对于设计师而言，首先需要思考的不是采用何种软件或技术去策划漂亮的页面而且先思考用户需要什么、用户通过这个页面能够得到什么、设计的产品是否能够达到用户的需求以及能够为用户的生活、学习、工作等提供哪些价值；其二，尊重用户的习惯。用户的习惯是用户积久养成的生活方式，在互联网领域可以表现为用户心理模型。著名认知心理学家诺曼博士这样解释心理模型:心理模型是存在于用户头脑中的关于一个产品应该具有的概念和行为的知识。用户习惯来源于用户以前使用类似产品的经验，或是用户根据使用该产品要达到的目标而对产品的概念和行为的一种期望。任何用户在进行某项活动之中均会形成一定的使用习惯，在网页浏览过程中同样如此。网页设计师在设计网页环节时，应当充分考虑到目标用户的使用习惯，将之作为网页设计的重点和基础。根据用户的使用习惯以及对网页的期待进行设计，同时在网页上线之后再进行数据分析，检测是否有不符合用户使用习惯之处以再行修改。日本设计大师深泽之人在产品设计中提出的“无意识设计”，同样适用于网页界面的交互设计，以让用户在无需思考的状态下即可轻松自如地浏览网页，体会到网页的价值所在。同时，无意识设计能够减少用户在网页浏览过程中的负担，使之在轻松自如的状态下达成自己预订的目的。

2.2简易性原则

当今社会节奏越来越快，生活日益繁杂，人们更加倾向于简洁的事务。对于网页设计而言，简洁的网页能够减少用户思考时间，减少不必要的页面元素影响到用户浏览，使之在最短的时间内捕捉到所需的内容。反之，如果页面繁琐，用户在网页浏览中抓不住重点，反感情绪油然而生，导致直接关闭网页。用户对于页面的需求简洁胜过于复杂，将最具价值的信息通过简洁化的形式呈现给用户，最大程度上减少其他因素干扰。通过运用合理的结构、简洁的布局，呈现出结构层次分明，内容清晰可见，用户第一时间即可发现符合自己需求的内容。此外，网页功能要简单实用且易用。设计网页的目的在于为用户提供服务，网页存在的价值就在于被用户所用，能够满足用户的需求。在页面功能的设计之上，要充分考虑到不同年龄层次以及文化层次用户的具体情况，将网页功能尽可能简化。

2.3统一性原则

其一，视觉风格统一。网页界面的视觉风格整体统一非常重要，混乱跳跃的界面容易分散用户的注意力，让用户不知所措，影响用户的使用效率。根据格式塔心理学理论，在认知的过程中事物首先是一个整体，在认知整体后才是部分的认知。对于页面设计同样适用，当用户打开网页首先是视觉感受，页面整体风格是否和谐且有新意。一个具备和谐的页面，能够增进用户的好感，不会引起用户的反感，使之乐于浏览该页面；反之，用户则会立即关闭网页。同时，单纯追求和谐统一的页面设计容易形成死板呆滞的负面效应，随着时间的累积用户势必会产生视觉疲劳，久而久之逐渐失去使用的兴趣。为此，一个页面的设计既要达到和谐统一的状态又要不失活泼，具备动感，给予用户相对长久的“新鲜感”。其二，交互方式流畅统一。

3结语

当今互联网时代，海量的网页给予了用户极大的便利，但是也正是因此导致用户对于页面的要求越来越高，用户花费在页面浏览上的时间越来越少，如何在第一时间内吸引和留住用户是页面设计的关键所在。因此，在页面设计之初应重点策划吸引用户的元素或功能，在最短的时间内将用户需求的内容呈现出来，尤其是当用户在浏览过程中遇到问题能够及时提醒以解决问题。

参考文献

[1]周双.基于用户体验的专题学习网站设计研究[D].长江大学,.

[2]危丽丽，过宏雷.从用户体验角度谈网页设计中的色彩元素[J].大众文艺,,2(6)：112-113.

[3]张小玲，余岚.网页设计中的用户体验[J].文艺生活文海艺苑,(2):287.

篇2：网页设计论文

【摘要】网页设计是一种直观的视觉语言，需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别，但是其两者依然存在一定的相似之处，网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。

【关键词】网页设计；布局；排版；文字；设计论文

网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。

1．计算机网页设计布局与排版原则

1．1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验，在进行布局版本过程中要始终秉持以下原则:第一，整体布局，和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式，通过空间的文本与图形建立其平衡的状态，从而产生和谐的美感［1］。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此，可以在对称平衡设计中融合一些活泼、有趣的词汇、图形，但是要注意需要与页面和谐统一。第二，主次分明，中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑，该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此，最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序，能够突出重点的视觉效果。第三，疏密有度，错落有致。在网页布局排版中，一定要做好疏密有致，预留出一定的空白，灵活的使用字间距与行间距，制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理［2］。例如，黑白搭配、圆形与方形搭配，以便获得更佳的视觉效果。第四，图文并茂，生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大，则文字会相应减少，从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此，网页布局与排版应该做到图文并茂、合理搭配，从而给网页带来更加丰富的内容，让网页变得更加有趣。1．2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一，简洁明了。布局排版最为重要的原则就是一名了然，让网页浏览者可以更加顺畅的浏览信息。第二，主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的，主色调过多会给浏览者带来一种厌烦的感受，不利于浏览者长时间浏览网页。因此，网页版本的主色调要进行合理的控制，其中主色彩不能超过五种，并且要以一种主色调为主，凸显以主导地位，另外几种颜色作为烘托与点缀［3］。一般来说，网页设计的主色调包括黄、蓝、灰、黑和白。第三，字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则，通常来说不应该超过三种字体，并且字体在版面中不宜过大，从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是，要避免闪烁的文字在网页设计布局中出现，其会给浏览者带来一种厌烦的感觉。同时，在网页标题栏中字体应该相对于正文来说要更大，颜色也需要进行区分。

2．常见布局与排版

2．1T字型T型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“T”，因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系;缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象［4］。2．2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2．3POP布局POP布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2．4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。

3结语

计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。

参考文献:

［1］李娟．浅述网页设计中的页面布局技术［J］．考试周刊，20xx(27):116～117．

［2］董磊．网页设计中视觉传达的整合设计［J］．明日风尚，20xx(05):123，106．

［3］许炜熔．让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议［J］．课程教育研究，20xx(26):248～249．

［4］梁日有．网页设计中艺术创新的研究与实现探讨［J］．学子(理论版)，20xx(03):12～13．

［5］尹涓，崔晓曦．浅谈网页视觉设计的应用和技巧［J］．电脑知识与技术，20xx(15):204～205．

篇3：网页设计论文

1计算机网页包装设计与图像处理研究

1.1网页包装设计中的图像处理方法

借助计算机设备所进行的网页包装设计，需要对图像资源进行有针对性的处理，制作成为计算机软件开发应用需要的形式。在对图像进行制作时，要明确图像的格式，如果是制作成为GIF图片需要对图像资源进行透明处理，将其处理成为系统需要的图片形式，并在图片资源使用前，进行反复的控制研究，帮助进一步提升图像的色彩搭配合理度，动画格式的图像在内存中占据的比例比较大，根据网页打开后的内存资源来对系统进行更深入的设计，通过将各项设计理念结合使用，能够促进网站设计后的图形表现效果也更加理想，这是传统技术方法中很难实现的，也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些，可以对图片的整体色彩以及明亮程度进行调整。

1.2网页设计中的两种特殊应用

首先是鼠标在网页页面中移动所实现的动态图像显示，在网页被点击进入的初期，所显示的画面均为静态的，当鼠标移动进入到画面中时，图片会自动的播放，进入到动态显示效果中，这对网页的制作使用有很大帮助，并且可以减少缓存所需的时间，在内存上也能够节省大量的资源，对实现网页功能制作有很大的帮助。其次是网络相册的应用，网站是具有存储功能的，需要针对这一功能来进行具体的实现，观察在现场是否存在需要继续深入解决的技术性问题，确保技术应用是科学有效的，才能够达到理想的技术运用标准。设计以及图像处理期间吗，要将使用功能放在首位，并观察在网页的各项资源中是否存在冲突矛盾的问题，经过一段时间的解决与深入探讨，在技术上能够满足使用需求。

2图像处理在网页设计中的应用解析

2.1网页设计中使用图像的意义

网页设计需要建立独特的品牌，并充分发挥品牌的影响力，观察在设计过程中图像是否能够充分发挥作用，这样在网站投入使用后，点击浏览者通过图像标识能够对网页产生深刻的影响，并对使用功能更好的了解。网站想要被更多的使用者所接受，需要传达一种安全可靠的信息，而图像是网站中最直观的部分，对图像处理进行严谨的对待，可以提升网页使用阶段的安全性，并避免在系统中出现严重的使用功能不稳定现象，促进管理计划在现场得到更好的落实应用。网页制作期间背景图像选择要与所传播的文化理念保持一致，并将提升使用稳定性作为设计期间需要重点注意的问题，避免图像在上传期间损坏，影响到安全使用，由此可见开展图像处理对网页包装设计技术应用的促进意义。

2.2网页图像处理的技巧

首先是图像的尺寸要进行准确的剪裁处理，观察在设计期间是否需要对设计的内容进行更稳定的处理，并通过技术方法来加深在现场调节控制的有效的方法，当发现在设计内容中，存在需要进一步完善的内容时，则需要进一步的采取解决优化措施，一旦图像的尺寸出现误差，是很难确保使用安全性的，并通过技术性方法来进行更加深入的解决。剪裁处理后的图像，需要结合网站的存储能力、浏览量进行测试，观察图片尺寸是否能够顺利的上传，并避免在使用中出现损坏。其次是图像处理要融入创新元素，这样网页打开后能够使人感受到新颖，过于落后的图片在使用期间可能会出现模糊损坏的现象，也不能够吸引更多的网友来对网页进行点击浏览，由此可见使用期间选择图像的重要性。可以借助网络系统来进行资源搜集整理，促进管理计划在现场得到更全面的落实，一旦发现质量下降的现象，要及时采取技术性方法来进一步完善系统中所存在的安全隐患。使图片的处理质量可以稳定提升。

3结语

互联网技术的使用范围正在不断扩大，也促进了计算机网页设计得到大力发展，提高网页点击浏览量已经成为技术发展的主体方向。网页设计艺术性越来越高，设计时需要考虑的图像因素很多，要掌握对图像处理工具的运用技巧。计算机图像处理技术是网页设计技术的重要部分，最终网页设计的质量直接与其相关，设计者在设计之初就要考虑页面的整体图片效果，把将要展示的图像作为网站设计的开始，这样网站设计才能很好的起步，最终设计出让用户满意的作品。

参考文献:

[1]谢飞扬.计算机图像处理技术在网页设计中的运用浅探[J].科技致富向导,20xx(04).

[2]李艳新.网页设计中计算机图像处理技术的应用价值[J].电子技术与软件工程,20xx(09).

篇4：网页设计论文

1新闻专题网页设计的具体内容

从实际角度出发，新闻专题网页主要包含的设计内容有栏头、导航、色彩、版面布局等，遵循的设计原则是能够根据主题的需要，制定完善的结构关系，并且从用户的角度出发，能够利用科学合理的手段，对字体，图片和颜色进行具体的规划和设计，并最后积极的收集网友的反馈意见，进行及时的调整和修正，争取达到最佳效果。

1）多媒体性和综合性，网页新闻能够通过文字和图片等丰富的资源进行信息的保存和呈现，网络新闻在设计的过程中能够打破传统新闻的限制，其中加强的媒体兼容能力以及丰富的信息收纳也是多媒体性的主要体现，其次，随着我国人们网络速度的逐渐提高，在跨平台多媒体的处理方面也在原有元素的基础上进行了丰富和创新[2]。

2）多维性，所谓的多维性主要体现在网页设计中的导航设计，具体呈现的超级链接形式，能够全方面丰富网页设计中的内容结构和模式，打破了人们在传统新闻方面线性接受信息的形式，能够让网友在各个主题之间进行快速自由的转变和下载，为浏览者的信息舆论发表提供了良好的环境。

3）交互性，从内容角度来说，交换性主要是对信息的传播者和接受者之间的描写的一种交换关系，网友在整个网页媒体新闻的观看过程中，仍然处于一种主动积极的状态，能够遵循自己内心的声音，通过投票或者是留言评论的方式表达自己的看法，例如，在今年20xx年的羊年春晚中，节目组特别联合微信、QQ等当下较为流行的互动式通讯软件，为春晚中受民众欢迎的作品和明星投票，并相应的表达自己的看法，网友成为了此次话题活动中最具与发言权的信息传递者。

2新闻专题网页设计中与网友互动交流的意义

2.1扩大网页新闻专题的影响范围

网络作为一个开放性的平台，成为了大量网友收集和查找新闻信息的主要途径，其中网络新闻专题是在新闻网站的基础上开展的活动，企业在自身网络新闻主题的设置方面积极的添加了具有自身特色的网络模式和内容，塑造了自身鲜明的品牌形象，并且在很大程度上能够提高企业的整体竞争力和实力。最后，企业能够根据自身的特点，吸引网友的目光，并为维持相对来说具有品牌忠诚度的网友，能够让传播的新闻作品和服务通过自身的认识，对社会现存的问题提出自己的看法，获得较大的品牌影响力。新闻网站也会适时的根据网友提出的问题，相应的对自己网页专题设计进行修改和整理，例如，在“地球一小时”的专题活动中，就加大了互动软块的设计力度，并且提倡网友在网页上做出承诺，随后将自己遵守承诺的证据发送到网络上，这种充满乐趣的主题活动，给网友留下了深刻的印象，也引发了网友的深思和反省，由此我们不难发现，多维度的互动形式，能够扩大网页新闻专题的影响范围，增强了专题的报道气势。

2.2收集基层民众的信息，认识社会

现阶段，网页新闻加大了网民参与活动的力度，并且通过一系列的组织活动全方面培养网友参加的热情，吸引网友参与到国家大事的讨论中来。例如，部分地方政府通过网上政务公开主题活动，搭建了基层百姓与政府官员之间的交流通道，鼓励基层百姓针对问题相应的提出建议，让民众能够通过这种方式真正发挥“意见领袖”的作用，国家相关政府机构也能通过这种透明化的方式，主动积极的掌握民众的心声，收集有价值的意见和建议，帮助群众发现问题，解决问题，促进我国和谐社会的发展。其次，网页新闻专题能够为具体信息的报道提供了一定的可能性，通过网友努力积极的挖掘事情的实质，可能还会将原本出现错误的新闻事件获得一定的澄清和修正。

2.3收集意见，引导舆论

网络作为一种虚拟的平台，是公共领域扩展的主要形式，具有一定的开放性特点，正因如此，才给网友营造了一个良好的舆论平台，网友可以通过各种网页论坛来发表自己的看法和意见，并且在第一时间内发表自己整个国家和发生事件的观点，网页作为一个丰富的信息共享平台，不仅能够帮助网民实现知情权，在一定程度上还能为网友对事件的讨论提供了便利。

3结论

在我国网络新闻经过十几年的发展历史，编辑模式和内容也在逐渐完善，与传统新闻报道相比，具有自身发展的优势和特点，其中互换交流作为显著的特征，对整个新闻专题网页设计产生了严重的影响，只有从实际角度出发，掌握专业的理论知识内容，才能够营造一个良好的网络舆论环境，本文对新闻专题网页设计中与网友的互动交流内容进行了简要的研究，希望能够发挥参考文献作用。

篇5：网页设计论文

1《网页设计》的实施

1.1课程设计

职业教育工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后发布与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。

1.2课程实施

根据职业教育课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。

1.3课程评价

课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：

（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；

（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；

（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。

2结语

探讨了基于职业教育工作过程开展《网页设计》课程的基本思路，对课程的总体设计和单元设计、课程实施、课程评价进行了详细地阐述，对高职院校相关课程的教学具有一定的指导意义。并经广东行政职业学院初步尝试，基于工作过程的课程模式较好地改善了课堂的学习气氛，学生的学习自主性、协作性、创造性明显增强，锻炼了职业技能，学习效果显著改善。

篇6：网页设计论文

在自然界中，我们所能接触到的图形和文字时相当丰富的，在大自然中充斥着大量的信息元素。在将平面设计应用于计算机之前，平面设计中的视觉元素在信息传递方式上主要是运用于报纸、摄影、广告、标志等传统的平面设计中。随着网络高速的发展，网页中越来越多的运用了平面设计的原理，本文从各地域文化在网页中的设计进行分析，研究地域文化中的视觉元素在旅游网页设计中的影响。

一、网页设计的产生、发展及其特点

我们通过自然界能够接触到大量的图形和文字，这些信息元素充斥在我们的生活生产中。如今，在科技发展的推动下，人们不光只通过纸质平面媒体来传达信息，从动态的传达方式中，我们能够获取声音和影像信息，这些传达方式主要运用于电视录像、广播等传媒媒体。这些影视、平面媒体形成了传统视觉媒介体系。在最近十年来，随着科技的发展除去纸质媒介、广播、电视之后，第四中媒体——网络媒体随之出现，这在我们人类文明的进程中起到了巨大的作用，现如今互联网广泛采用平面设计的原理，其所承载的信息资源可以说是无限大的，其高效性、人机互动性特点对印刷媒体带来了巨大的冲击，可以说网络媒体对平面设计带来了一场史无前例的革命。文字、图形、色彩等元素构成形成了丰富的含义，在网页设计中的通过对视觉元素的不同表现，就能产生不同的效果。网络已经成为了我们日常生活中最为重要的传播工具，也是我们的一种生活空间，为我们的工作、学习以及生活带来了很多便利，网页现以成为网络信息的性能和传输的最重要的组成部分。在网页设计的发展中，这些年来，网页的视觉表达已经从单一的文本布局，到了向各种视觉元素结合的方向发展，而新媒介下的网页设计也已经成为了视觉传达的新方式。因此，视觉元素在网页设计中的应用是网页设计中最重要的部分。

二、目前国内外网页设计研究现状

这些年来，随着越来越多的可视化专业网页设计软件的开发，网页设计制作变得简单易学。随着越来越多的网页爱好者、设计爱好者步入这一艺术领域，使得网页设计、个人主页等热门词汇开始在社会中广泛传播出来。

1.中国旅游网页设计中的现状

在我国的网页设计中，我们正处在方兴未艾的阶段，网页设计人员也是一些大公司所争相礼聘的人才。我们不难发现一些设计人员并没有意识到技术与艺术的结合，只是在片面地理解艺术设计的含义，大多数只是浮于表面，关于网页设计的布局、色彩的搭配这些方面还是注重的太少。主要表现为：第一，一些热门网站的设计布局可谓是千篇一律、色彩的混乱搭配、表面绚丽光鲜实则空洞；第二，网页中广告繁多，版式的纷乱；第三，缺乏地域文化的特色，落后且平庸，缺乏设计感。造成这一现状的原因有很多，一是设计师没有经过专业的训练，更多的是网页设计师的雇佣方式照成的，很多用人单位在招聘的时候往往需要应聘者什么技术都会，抱着“美术设计员精通程序设计”这一想法去招聘，所以造就了大部分网页设计公司都是程序员兼顾着网页设计一职。但是这一方法从根本是就没有解决问题，也不是长远之计。

2.国外旅游网页设计中的现状

国外的网页了设计就很时尚，很突出其个性特点，行业明确，功能明确，安全性高。如韩国和日本的旅游网页设计，他们的设计是艺术性与技术性的结合，能够很好的将本土文化与网页设计结合在一起，传统艺术设计理论与人机交互设计理论结合使得网页界面能够更好的、有效的传递信息，其在旅游网页中的设计中遵循图文搭配的均衡性、色彩的统一性、信息传达有效性和主题的一致性等原则。并且还研究分析了设计中各个信息相互之间的关系，这些优点，都是具有很好指导意义和经验总结的。

三、地域文化概念

地域不只是自然地理环境上概念，其中还包括政治、经济及人文历史背景下的综合体。是指在特定区域中的民俗、传统、习惯等文明表现，是古人传承下来的文化传统。地域文化是具有空间意义的形态，在一定的空间范围内，人们在这一区域中的生态环境下具有相同的风俗习惯，形成独有的心理、审美观念等文化概念。区域文化是物质和精神产品在社会发展过程中的共同作用的结果，是以区域为基准，以历史为主线的。

四、地域文化的视觉元素

地域文化是由多个层次综合而成的，自然环境、人文历史、民俗文化、饮食文化、建筑文化等方面富含很多文化符号元素，这些都能代表一个地域的文化元素，这些文化元素的组成使得地域特征更加丰富多彩。从视觉形象的形态、色彩、风格等的视觉形象的视觉元素中提取，无论把哪种艺术形式所表现出的艺术风格及其独特的文化特征运用在网页中，都能体现一定的地域特征的视觉效果。

五、地域文化对旅游网页设计的影响

视觉元素的图形设计是基于页面功能上的审美设计体现，在旅游网页中，对于预览方面不仅是审美和功能的设计，也需要加入当地人文历史方面的宣传。结合一些优秀案例，吸取地域文化的特殊元素，展现当地文化的魅力。地域文化结合网页设计中传统艺术设计原理，能够更好的让浏览者清晰的了解当地文化，独特的地域元素能够给网页设计带来独有的地域风情，在使用过程中能够有效的宣传，提升地域文化的认知度。

篇7：网页设计论文

Flash软件画在网页设计中的应用

网页设计毕业论文摘要

摘要:Flash技术运用范围非常广泛,不论是网站、广告、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。

网页设计毕业论文内容

关键词:Flash动画网页设计应用研究

随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。

1Flash的运用及特点

MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。

2Flash动画在网络设计中的应用

在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。

3结语

综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一措施全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

网页设计毕业论文文献

[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,20xx(21):68.

[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),20xx(11):91-93.

篇8：网页设计论文

【摘要】本文简要地对网页设计与图形设计进行分析，通过其运用价值的总结，概括出了图形设计在计算机网页设计应用中的要点，以供设计工作者参考。

【关键词】网页设计；图形设计；运用价值；运用要点

前言

科学技术的不断进步，促进了计算机技术以及互联网的迅速发展，在各个国家基本实现了全覆盖。随着信息时代的到来，人们对于信息的利用更加频繁，对网页的关注度逐渐升温，好的计算机网页设计会给企业以及浏览者带来更大的价值，要想成功吸引更多的人们注意网页，就需要将图形设计完美的融入其中，以达到想要的效果。

1网页设计与图形设计概述

网页设计，是为传递信息而进行页面设计的工作，其主要是依据企业的需求，利用计算机为媒介，将信息展示在浏览者面前。作为一种宣传媒介，网页设计的精美程度决定了浏览者对其的关注度，更绝对了其利用价值的大小。网页设计包含以下种类：功能型网页设计、形象型网页设计和信息型网页设计，其主要利用颜色、字体、图片、样式进行美化设计，根据用户要求策划和设计出满意的网页，高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。网页设计最为常用的工具包含PS、FL、AL、DW等[1]。图形设计，是网页设计技术中的重要组成部分，影响着网页设计的效果，对提升网页的设计感和感染力具有重要作用。图形设计重在图形，它是传达信息的图像符号，通过不同的表现形式，将作品中要表达的意境表现出来[2]，其重在创意上。图形设计拥有众多优势，有直观性、审美性、指示性、象征性等，这些都能够提升计算机网页的设计效果。

2图形设计在网页设计中运用的价值

2.1提升计算机网页设计的艺术效果

图形设计的创新性，可以在计算机网页设计的策划中与众不同，更能够提升计算机网页设计的艺术效果，将网页的别具一格的设计展现在用户面前，让更多的浏览者关注网页，激发用户群体的浏览兴趣，起到更好的传递信息的效果。在计算机网页设计中，利用图形设计中的完整的表达力，为用户打造信息传递的视觉盛宴，保证计算机网页设计的质量。据相关调查显示，最受关注的网页，往往是利用图形设计相结合的。

2.2增添计算机网页设计色彩，向多元化发展

图形设计的形式多种多样，更可以说是资源丰富多彩，其利用音频、图像以及艺术文字的形式进行计算机网页的设计，大大的增添了艺术色彩和愉悦的氛围，并使得传统的单一网页形式向多元化方向发展。传统的计算机网页只是通过简单的元素将信息传递给浏览者，在表达上基本上就是文字配以简单的图片，在信息的检索上更是以文字为主[3]，将现代的图形设计加入到计算机网页设计后，用户可以通过音频以及图片进行搜索，这种表现形式的变化图形设计所起的作用功不可没。

2.3加强了视觉冲击力与感染力，更加人性化

计算机网页设计主要是通过文字和图像相结合向使用者展示信息，图像设计是将文字与图像再加工，利用其独特的处理技术，将文字与图像的表现形式更具有视觉冲击力与感染力，能够较深浏览者的印象，提升浏览效率。图形设计能够将文字与图像互相转换，满足浏览者的需求，并给人以简洁美观的效果，更能够体现设计者的理念，使计算机网页设计更加人性化。

3图形设计在网页设计中运用的要点

3.1图片格式设置要符合

在图形设计中，设计工作者一定要注意计算机网页设计中对图片格式的要求，只有符合的才能够实现其利用价值，才能够达到设计方案中的实际效果。我们在浏览网页中，经常会出现图片、音频打不开的现象，使得我们需要的信息没有很好的读取。因此，在计算机网页设计中，一定要合理的处理图像以及连接图片，使其格式满足网页设计的要求，为用户展现良好的视觉效果。

3.2图像大小要控制在要求范围内

在计算机网页设计中，对图像大小的要求非常严格，如果在利用图形设计中不控制好图像的大小，就会严重影响图像在浏览者面前呈现的效果。计算机网页设计本身就收资源空间大小的限制，只有控制好图像的质量与范围，才能够提升网页设计质量。例如，我们在浏览网页时会经常看见一些失真、或者比例失调的图片，不仅影响了我们浏览效果，还严重影响了我们继续浏览下去的兴趣。

3.3图片颜色配置要科学

不同的色彩表现形式有所不同，同一的色彩会显得单调，多种色彩搭配会显得凌乱，在计算机网页设计中使用图形设计时，无论哪种颜色都要优化配置好，并要有一定的科学性。在图形设计中，可以通过PS实际软件对图片进行颜色调整，使其适合计算机网页设计整体色调，为浏览者展示良好的画面感。

4结束语

计算机网页设计本身就具有一定的难度，图形设计的加入使之更加的繁琐，设计人员在运用过程中一定要加以注意，更具网页设计的实际要求进行图形的选择与处理，才能够增强图形设计在计算机网页设计中的视觉效果，实现其使用价值。

参考文献

[1]王正红.探讨网页设计中图形的应用[J].现代装饰（理论），20xx，11：86.

[2]温雪，毕军涛，孙授卿.试析计算机图形图像设计以及视觉传达设计[J].通讯世界，20xx，17：221.

[3]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程，20xx，13：104.

篇9：网页设计论文

一、文字的字体设置

（一）使用宋体等常用的字体

所有浏览器默认的标准字体是中文宋体和英文timesnewRoma字体。如果没有进行任何字体设置，在任何操作系统和浏览器里网页将以这两种标准字体显示保持正确。现在大多数电脑操作系统为微软的windows系统，其安装时就自带的4种中文字体和40多种英文字体，四种中文字体分别为宋体、黑体、楷体(GB2312)、仿宋(GB2312)。凡是在windows操作系统的浏览器使用系统自带的字体都可以正确显示这些字体。

（二）图片的方式置入网页

根据网页中的设计思想而选择相应的字体，设计师往往需要用一种特殊的字体来体现自己的风格，那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现，设计师可以把文字进行栅格化，把文字变为图片的形式，最好以图片的方式置入网页，以保证所有人看到的网页效果相同。

二、文字的大小设置

由于网页设计是基于电脑虚拟平台，其展示方式区别于之前的传统媒介的实物展示，它需要在显示终端中展现。而现在显示终端百花齐放，网页设计师需要考虑不同客户端的浏览体验，而文字大小直接决定了网页的视觉效果，是用户体验中的一个重要部分。不同的显示器尺寸，不同的分辨率设置，不同的DPI参数，乃至不同的浏览器预设，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次都要重新缩放，而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯，设置一个比较体贴的默认字号。

三、文字的颜色选择

字体的颜色选择同样是一个重要的细节，通常来说，颜色要与背景有一定的对比度，因为低对比度容易导致字体看不清楚。所以要用高对比度的颜色，所以文章都是白底黑字。网页中的文字，通常使用黑色，这样更加可以保证文字的辨识度又符合大众的口味。当然现在随着网页设计的发展，颜色应用越来越多，但这里要避免的一些特殊颜色，因为网页中的一些默认颜色。比如说是蓝色，因为蓝色代表着网页中可以进行点击跳转的超链接，如果网页中有一段蓝色的文字，会让人误以为是可以点击的超链接，所以这种颜色要特别慎重。但是有些时候在设计中，必须要用到这种颜色时，也有一些其他的方法来避免类似问题。例如将超链接的样式带有默认的下划线。文字作为信息传播的符号，实现了良好信息传达的效果。文字的自身结构又具有视觉图形意义，字体的造型变化构成了各种形状，在网页设计中文字的表现形式既有规律性又有极大可塑性。利用文字视觉传递、视觉规律、视知觉感受的生理效应等作用，可以在网页设计制作中寻求和创造更加丰富多彩的个性化、风格化的视觉语言形式。

篇10：网页设计论文

摘要：DIV+CSS是Web设计标准，随着Web2.0标准化设计理念的普及，国内很多大型站采用DIV+CSS网页布局制作方法。从实际应用情况证明，该技术具有代码简洁、表现和内容相分离等优势。

关键词：设计论文

1、DIV+CSS概念

DIV就是一个区块容器，用来封闭数据区域，属于行级区域，相当于一个可以容纳表格、段落、标题、图片等各种元素的容器。在进行网页布局排版时，需要将页面整体上进行DIV分块。层叠样式表CSS示国际W3C标准化组织制定的一套完整的扩展样式标准，主要是为了在HTML的样式编排上对其功能进行补充，更好地完成网页设计的需要而制定的设计标准。CSS层叠样式表对HTML的标记属性的设定进行了扩充，可以使用Script程序功能来对其进行很好的控制，从而对网络的外观设计和整体的布局设计进行非常有效的控制，让网页在设计上具有更加美观的表现形式。CSS层叠样式表技术可以把网页本身需要展示的内容和网页本身具有的样式进行有效的分开，从网页设计的内容中把网页的外观在设计时候设计的信息进行独立存储，进而对网页进行集中有效的统一管理。我们在网页设计的时候把CSS样式的信息作为独立的文件进行存放，可以方便地让其他的网页对其信息进行共享，这样在网页设计的时候就不需要对网页中的文件进行重复性的操作设计了，节省了很多时间和不变要的设计工作。在网页设计中CSS类型的文件建立完之后可以被其他的HTML文件进行共享使用，并且一个单一的HTML文件也可以对其他相关的CSS类型的文件进行套用，这样在网也设计的时候可以很方便地对网页的文件和功能进行设计。

1.1CSS的定义

CSS语法定义包括3个部分，格式如下：Select(propervalue)选择(属性：值)：在属性中可以为设计的网页进行主体的设计，prop-er可以选择要设计的主体，value可以设定主体的属性，这样就可以为网页中的主体的表现效果进行设置了。

1.2选择符类型

(1)标记选择器标记选择器就是声明某个标记直接采用某个样式。如通过h1选择器声明页面中所有的

标记的文字效果。

(2)类别选择器类别选择器的定义通常在最前面加一个点号。类别选择符的名字可以由设计者按照自己的意愿来进行定义，对名字的定义可以使英文或者数字，也可以是英文和数据的混合，在进行命名的时候都是以功能来进行名字的设置的。

(3)ID选择器在网页设计的HTML的页面中，网页页面元素的指定都是以ID参数进行表示的，ID参数的选取符可以对单个元素的样式进行单独的表示，ID选取符在应用方面比较与类选择符相类似，只要把ID代替CLASS就可以了，一般只在非常特殊的或者特定的环境下才使用ID参数，在选择符中ID参数的使用也仅仅是对单个元素的样式进行独立的表示。

2、使用DIV+CSS

采用CSS+DIV技术对网页进行设计具有以下几方面的优点：

2.1内容和形式分离

在独立样式表示的文件中把外观设计从中独立出来进行存放，HTML文件中的内容只能对文本信息进行存放，这样网页前台只需要显示内容就行，形式上的美工交给CSS来处理。内容和形式相分离，生成的HTML文件代码更加精简、更小，网页打开速度更快。

2.2提高搜索引擎对网页的索引效率

采用DIV+CSS架构的网站更符合W3C标准，网站设计要以W3C为指定的标准，这是搜索引擎中关于网页名次排列的一个重要决定标准。网页设计的源代码使用简洁的源代码，采用结构化内容的HTML来取代嵌套的标签文件，网页的内容信息在蜘蛛搜索引擎上处于裸露状态，这样搜索引擎可以更好地对网页内容进行有效的搜索，关键性的内容很容易被得到，对关键性页面的内容在网页中的比重增加了，这样网页的搜索排名比重也增加了，网页的公众评价也可以得到很大的提高。

2.3网站页面浏览速度的提高

网站页面的视觉效果如果是同样的，那么DIV+CSS建立的网页页面的大小与TABLE编码设计的网页的页面的大小相比要小，一般是1/2大小。采用CSS进行设计后，用户在使用网站页面的时候最大的效果就是对网页进行浏览的时候启用页面的速度明显变快。

2.4易于维护和改版

网站设计采用DIV+CSS技术进行设计，在以后的日常维护工作方面会变得很方便。在维护的时候只需要对CSS文件进行修改和设计就可以完成对网页的维护了。在传统的网页布局的表格布局中，对布局的修改是非常麻烦的，是要对整个网也来进行重新设计的。在网页设计的时候如果可以有效地对网页的层结构进行设计，在对网页的外观进行修改的时候只需要使用CSS技术进行对网页结构和内同进行修改就可以了。网页结构的修改和重新设计可以提高蜘蛛搜索引擎的关注度。

3、CSS的使用

3.1外部样式表

外部样式表是一种文件，在网页中外部样式表的存在可以以独立的形式，外部样式表文件可以在多个网页页面中进行使用，外部样式表示一种样式文件通过样式来对文件进行保存的，在网页页面中通过link标记与其他的样式表文件进行连接，文件扩展名是.CSS。link标记在页面设计的时候是在head区域进行存放的。浏览器通过文档形式从CSS文件中把定义的样式表读取出来，对网页页面设计中使用的外部表的样式和文件类都进行了定义。在多个网页页面中可以应用统一个外部样式表的文件，在网页设计的时候如果对样式表文件进行了修改，那么网页页面的其他的样式也会发生变化。在网页设计的时候对大量的同样的样式页面进行制作还是非常方便的，网页页面设计的重复性工作减少了，在以后网站页面的维护和修改上也比较方便，在对页面浏览的时候关于重复代码的下载也减少了。

3.2内部样式表

内部样式表的设计是在页面的和的标签之间加入样式表，这样在网页页面中就把定义好的样式应用进来了，样式表的插入是以style标签的形式插入的，例：这种样式的使用相对来说还是比较简单，而且在应用上还是比较实用的，在网页页面的头部可以输入同样的样式，这样所有的网页页面的样式就都统一化了。

3.3内联样式表设计

在HTML标记中对内联样式的使用属于混合样式，通过这样的方式，对元素进行样式的单独定义就比较简单了，在HTML标记里直接加入style参数这是使用内联样式的基本方式，CSS属性和style参数的内容是一样的。在实际上，内联样式表的效率与以上两种情况相比来说在效率上还是比较低的，在网页的页面设计中对内联样式表的使用是不推荐的。内联样式表不能重复使用里面的样式内容，另外内联样式表的标记的内容和样式都是混合在一起使用的，对代码的维护具有很大的难度，而且在代码进行阅读的时候也是比较复杂的。

4、制作流程

(1)创建文件(文件管理及命名)。

(2)与HTML文档建立关系。网站常用：外链样式。

(3)制作页面样式。要为每一个DIV进行边界的设置，这样可以清晰地看到里面的内容，就不需要通过屏幕卷动的方式进行浏览了。对元素进行定义编写CSS等，选择符采用递归结构。在网页设计的时候设置的标记就更加清晰了。同HTML框架一致从上到下，从整体到局部，共用样式到个别样式。CSS文档的顺序：共用的代码样式放在文档最前面。CSS结构设计的顺序一般都是以HTML的顺序为标准的。CSS选择器中的相关的属性的顺序表示：属性显示->自身属性->文本属性。显示属性：display,list-style,position,float,clear。自身属性：width,height,margin,padding。文本属性：color,font,text-decoration,text-align,ver-tical-align,white-space,content。原因：以上的顺序是我们在进行项目开发的时候使用的代码的标准，这个顺序设浏览器的渲染顺序是一致的，最终的目的是为了把执行效率进一步地提高。

(4)注释添加：

1)文档与对应的文档注释的关系是唯一的关系，这也是为了便于今后对网页的维护，注释的说明表示主要是：创建文档人和时间等信息的说明。

2)属性注释说明。

3)功能注释说明。DIV+CSS技术在网页布局的设计上是主流技术，DIV+CSS技术符合国家W3C的一系列标准，并且可以使用DIV+CSS技术对网站的重构，可以大大提升网站浏览速度，易于维护和改版，提升网站用户与搜索引擎的友好度。

参考文献

[1]车元媛.CSS技术在网页设计中的应用研究.科技信息,20xx.

[2]王聪.基于DIV+CSS技术网页布局应用与实践.电脑知识与技术：学术交流,20xx.

[3]石元聆.DIV+CSS技术网页布局中定位技术的探讨.电脑编程技巧与维护,20xx.

[4]田佳妮.DIV+CSS在网页布局中的应用研究.电脑知识与技术,20xx.

篇11：网页设计论文

1网页设计过程中对多媒体技术的运用

随着信息技术的不断进步，多媒体技术得到了迅速发展，当前网络传输的技术以及硬件技术也在不断的提高，这样也就为艺术和技术的结合创造了良好的条件，这样也有利于网页的设计体现出更为优质的效果，从而也为多媒体技术在网页设计中的应用创造了更为广阔的前景。

2在多媒体设计中恰当的融入艺术设计的成分

网页设计不只是由多媒体元素构成，为了使其更加的美观就必须要考虑艺术性，要注意平面效果的传达，这也就需要做到不同的元素结合起来，但是在结合过程中需要注意以下几点：

2.1在设计网页的过程中要注意内容和形式的统一

在进行设计时就需要做到形式与内容的统一，使得形式服从于内容，从而使得网络的整体效果表现出来，这也就要求网页的细节需要做得很到位，从而使得网页与多媒体元素的相关性凸现出来。

2.2突出主题要素

网页要尽可能的突出主题，使得风格与之相协调。在风格选择上要注意多媒体元素的选择，注意其色调的搭配，同时还要做好排版工作，从而使得整个网页具有较强的吸引力，达到应有的效果。

2.3注重色彩搭配

在一个网页中色彩数量最好控制在4个左右，同时还要分出主次，确保总体上的统一，在局部上形成对比，要注意体现主题的色彩搭配，注意色系的选择，还要注意背景色的选择，尽可能的站在浏览者的角度思考问题。

2.4注重网页布局

网页布局大致可分标题型、拐角型、框架型等，选择布局类型的依据主要是信息状况，网页状况以及结构状况，这样就会使得网页的页面可以一目了然。国字型以及拐角型的适合用于信息量大的网页中，标题正文型的适合用于纲要性的网页之中，动画型的可以灵活的运用到各种各样网页之中，但是在布局的选择过程中需要注意各种布局类型优缺点的选择，只有这样才能使得网页的效果更为明显。

3结束语

多媒体技术在我国发展的速度非常迅速，并且不断地成熟起来。在网页设计的过程中要充分的运用多媒体技术，同时要注意与艺术性的结合，要注意实现艺术与技术的结合与统一，这样才可以使得网页设计更为立体，更加的生动形象，更具有空间效果，从而使得网页可以更好的吸引浏览者，给浏览者留下深刻的印象，从而达到一种影像的效果，达到网站所传输出的目的，使其价值得以最优化.

篇12：网页设计论文

1基于计算机软件技术的模块化网页技术介绍

在计算机软件技术支持下，进行网页包装与设计需要分模块来进行，在不同的模块中应用的技术方法也要做出区分，长时间处于这样的环境下，很难确保管理任务达到理想的使用标准，技术方法也是不断发展变化的，能够提升软件的使用稳定性，在功能上也能够与设计方案保持一致。网页包装设计要体现出个性化，在使用功能与页面选择上都要保持整体性，网页设计同样需要计算机软件的支持，在技术上体现出对系统的保护设计，这样当发生质量不达标的现象时，才能通过技术方法来规避，并避免在接下来的设计中出现严重的隐患问题。所设计的网页也能顺利投入到使用环节中。子模块是网页整体中的一部分，该模块的设计关系到网页功能是否能够正常实现，基于计算机软件技术环境下所进行的模块设计难度比较大，需要采取定向研究的方法来进行调控，首先保障网站包装设计的功能能够实现，再进行细节上的补充，完成设计任务。

2基于计算机软件技术的网页包装技术实现

（1）对HTML语言的扩充。网页包装设计期间，使用HTML语言来进行汇编，在设计过程中，系统中能够形成稳定的使用标准，并且随着基层中常见的技术问题产生，语言扩充也能够起到预防控制作用，技术应用阶段需要在语言中添加一些常用的功能语句识别程序，可以节省大量的网页请求分析时间，并在基层中形成稳定的使用标准，一旦出现网络不稳定的情况，也能够将用户浏览到的界面保存，避免重要的信息资料丢失。在语言扩充期间，需要根据模块来记性归类，避免出现语言混乱的情况，可以使用不同的背景对语言模块进行填充，这样更方便区分，不容易出现汇编遗忘或者重复的现象。

（2）对Web服务器的改进。Web浏览器是常用的网页浏览信息，浏览器在使用期间可能会出现请求应答延迟的现象，在技术方法中都能够得到有效的解决，这样才能够确保网页功能的正常实现，并通过技术性方法来促进计算机软件得到及时的更新。浏览器的处理功能中，大部分是关于临时文件来进行的，改进时可以保持原有的设计框架不变，这样能够节省大量的时间，并对设计内容进行定向的调节控制，这样能够节省大量的框架结构形成时间，并在现场形成更理想化的运行体系。

3计算机软件技术中的模块化网页技术作用和意义

（1）高效地组织和维护Web上的信息资源。通过计算机软件技术，能够达到更理想化的使用标准，使用期间针对信息资源进行整合，帮助提升使用效率，并达到理想的运行标准。通过计算机软件技术能够帮助提升信息资源的利用效率，与实际情况保持一致，并且更新效率也能快速的提升。网页模块的设计也会通过模块方法来进行控制，观察网站中可能会出现的问题，采取技术手段来控制，观察网页计算中可能会出现的问题，并对现场采取技术控制方法，观察发现隐患问题后，可以第一时间解决，确保网站的运行稳定性。

（2）提高浏览网页的速度。计算机软件技术应用后，可以帮助提升使用网页的浏览速度，并避免出现数据库损坏或者丢失的现象，浏览器之间的运行配合能够使数据信息内容更丰富，用户通过网页所提出的请求也拥有更大的搜索范围，在时间与效率上自然能够得到明显的提升。技术创新是通过计算机软件技术来实现的，软件中的功能需要配合框架来进行，当发现在使用期间可能会出现一些质量隐患现象时，系统会第一时间将这种情况反馈到系统中，方便技术人员能够第一时间查看。网页中各个模块在设计时会重点区分内容，并在功能上相互进行，互相配合达到最高效的使用效果。网络状态下网页内的信息会不断的更新，与实际情况保持一致，用户也能找到自己需要的信息。当请求新页面时，新页面中那些已经在本地有副本存在的子模块就可以在本地得到，不需要再到Web服务器上去取，从而提高浏览网页的速度，减少了网络的数据流量。

结语

文中提出了模块化网页设计技术，通过子模块的制作，可以在许多页面之间共享子模块中的信息;而且，在一定程度上保证了网站信息的一致性。通过对已经浏览过的模块进行存储可以提高网页浏览速度，降低网络数据流量和服务器的工作负担，有助于提高搜索引擎的搜索精度和效率，对于Web应用研究具有一定的参考价值。

参考文献

[1]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术,20xx(03).

[2]王国庆.探究基于DIV+CSS技术的网页设计优化方法[J].信息与电脑(理论版),20xx(02).

篇13：网页设计论文

响应式网页设计原型研究

网页设计毕业论文内容

当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用方法，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。

1两个关键概念：响应式网页设计与原型

响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用JR安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。

2建构响应式网页设计的原型

建构原型一般采用心理模拟法，它包含三个步骤：

(1)响应式网页设计活动的功能分析;

(2)响应式网页设计活动的结构分析;

(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用

+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着，在这套代码的基础上，利用媒体查询技术、流式布局、弹性图片技术，结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后，在上述修改的基础上，继续利用媒体查询技术和弹性图片技术，结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后，利用火狐和IETester软件查看初步完成的响应式网页，解决跨浏览器的兼容问题，形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析，不难发现，响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的，包含了很多熟手的关键技术，需要进一步阐述。

3熟手的关键技术

从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。

3.1兼容主流浏览器的桌面版网页制作技术

为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:”宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;

及css3完成固定宽度布局时，默认所有内部布局

向左浮动，溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空，边距和填充为0px。此外，确定页面尺寸,目前大多数显示器为1024像素*768像素，那么以此为默认显示器时，页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后，接下来就是利用

+CSS完成布局，这里提示新手：完成布局后，务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后，根据桌面版网页平面设计效果图完成页面的制作。此外，熟手的经验是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。

3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页

(1)相对视口尺寸，将最外层的布局

(例如：#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果，也可以给其他数值);然后，将最外层的布局

内部的页头布局、导航布局、内容布局、侧边栏布局、页脚布局

对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。

(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。

(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。

(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。

(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：3.3不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式，按需加载资源”、“给IE6，7，8追加媒体查询功能”等方法。

4结束语

对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。

篇14：网页设计论文

［摘要］校企共教是现代社会发展中形成的新型教学方式，中职院校在引导学生设计和制作网页时，强化校企共教能够有效增强学生的职业意识，提升学生的职业素养，综合探究中职院校在课程教学中实施校企共教的具体策略，希望能够使现代中职院校得到更大的发展。

［关键词］校企共教；中职；网页设计与制作；课程教学

在现代科技发展过程中，网站制作得到了很大的发展，对其相关人才也提出了更高的要求，中职院校在具体实施教育工作时，需要科学改进传统教学模式，强化校企共教，确保人才建设能够高度满足现代企业建设需求，为了进一步明确中职院校如何更为有效地落实校企共教，特此实施本次教育研究，希望对大家有所启发。

一、开发校本教材

运用校企共教开展教学工作，培养学生专业技能和专业知识是其教育工作的主要目的，所以教师需要科学地改革教学内容。以往教学要用的教材，运用相对落后的知识体系、应用年限、出版和编写会对教材造成很大影响，使其无法实现与时俱进，为了确保学生专业知识学习能够迎合企业发展方向，职业学校需要进行校本教材的合理开发，由专业骨干教师和企业专家共同参与编写。在教材中融入最新的应用软件、创意方向和设计理念。企业技术骨干的合理融入，可以使网站设计和内容具有更为充分的创新性和实用性，学生通过学习校本教材，能够充分掌握设计和制作网页的最新知识，对学生未来就业创造良好条件，顺应职业教育的培养特点，提升我们的教学质量。例如，为电子商务专业开发网页设计与制作校本教材时，请当地电商产业园的网店美工技术人员，针对当地特色物产，结合本地历史文化，编写商品网页文案撰写相关教学内容，以及设计相应物产推广和营销的网页案例范本，将职业场景、软件知识、行业知识有机融合，让学生通过开发的校本教材掌握知识点、技能点，实现校内实训与企业实习就业的无缝衔接。

二、制订教学目标

在现代中职院校发展中，校企合作已经得到了很大的发展，教师在具体落实课程教学时，如何引进企业资源是其教育工作难点问题。此时，学校需要和企业进行有效的合作，共同设置教学内容和教学目标，确保学生能够更高效地学习网页设计，实现教学质量的有效提升，进而保证课堂教学目标和教学内容可以高度满足企业需求。在具体学习设计和制作Dreamweaver网页之前，教师首先需要组织学生进行图像处理的学习，夯实学生的专业基础，确保学生能够有效处理多媒体素材和网页设计图片，此时，学生能够结合个人想象开发作品。教师在具体实施网页设计教学时，不仅需要确保学生能够熟练应用相关网站的基本操作，而且需要确保学生能够设计制作相关网站，实现学生综合能力的有效提升。在具体开展科创教学时，自主开发一个网站是其教育工作的最终目标，因此，教师在具体开设网页设计课程之前，需要考虑知识的连贯性，确保学生能够掌握商品拍摄与图片处理，以及熟练应用Photoshop、Flash、Firework等软件，为网站整体布局和图像处理创造良好的条件，确保学生能够独立建设静态网站，进而保障学生后期能够更高效地参与企业工作。例如，电子商务专业学生使用校企共编教材设计商品推广与营销网页之前，首先需要拍摄收集商品素材，并利用Photoshop软件对商品素材进行处理、美化，然后根据处理后的商品素材，撰写相关文案，再对图片和文案进行排版和美化，最后运用Dreamweaver，结合Flash、Firework等软件完成商品推广与营销网页的制作。

三、理论结合实践

网页设计和制作具有极强的实践性，中职教师在具体实施教育工作时，需要理论结合实践，强化学生实践技能。首先，需要实现教师实践经验的合理丰富，确保教师在日常教学时，可以将理论合理融入实践活动中，教师在完成理论知识教学之后，需要引导学生进行实践操作，确保学生在操作中能够进一步掌握如何应用理论知识。与此同时，学校还需要为学生实践操作提供相关平台，利用机房和多媒体教室开展实践练习，强化学生的实践应用能力。最后，专业教师还需要和企业兼职教师有效合作，共同制订教学目标，设计和开发课程教学项目，组织学生进行实训，确保课程体系建设能够有效融入企业工程项目中，使其课程教学具有更高的职业性、实用性和针对性，并和企业生产实际有效结合。在引导学生进行网站编辑时，为了实现学生网站维护经验的丰富，教师可以和相关企业有效合作，组织学生进行顶岗实习。学生在进行顶岗实习时，可以和企业专业技术人员直接接触，进行有效的互动交流，了解企业最新技术和发展动态，进而确保充分了解未来工作岗位。例如，电子商务专业可参与到本地电商产业园平时的网站维护中，在此过程中，学生根据当地时令特产，随时更新主推商品。如在5月、6月、7月首推龙虾、螺丝等，9月、10月、11月首推大闸蟹、菱角、芡实等。还可根据节日、实际销量等，及时调整宣传文案与活动宣传图片，做到常更常新，学生能融入合作企业的日常工作中，就能在实习就业阶段顺畅适应工作岗位

四、改进教育模式

在以往实施网页设计课程时，通常由教师在课堂上向学生演示相关案例，然后要求学生模仿该案例，最后由学生设计和制作相关网页，教师普遍采取照本宣科和“填鸭式”教学实时课堂内容教学，教学活动的乏味性相对较强。针对该情况，教师需要对其教学模式进行科学改变，确保能够对学生学习兴趣进行有效激发，实现整体教学效果的有效提升[1]。例如，在进行网页设计基础的相关内容教学时，中职学生对事物具有独特的看法，尤其是面对自己感兴趣的动漫人物、电影明星和游戏时，具有相对开阔的思路，会自我设定角色。因此，教师在具体进行该部分教学时，需要科学改变课程教学，对传统教学模式进行有效突破，在向学生讲述制作网页的技术和方法时，还需要加入设计风格、网页主题、网页布局、网页设计等细节，引导学生自由选择，通过该方式，可以使学生具有充分的自主权，确保学生能够结合个人兴趣进行网页设计，完善相关作品，不仅能够使学生更高效地学习网页设计，而且可以对学生的创新能力进行科学培养，实现学生整体设计水平的全面提升。在对电子商务专业学生实施教学时，学生根据自己的喜好，为本地特产鱼圆设计了宣传海报。

五、设置工作任务

利用工作任务实施项目教学具体是指教师根据单元所学内容创设教学情境，确保教学内容能够合理融入职业工作内容中，在项目教学中融入典型工作任务，与企业生产实际有效结合，确保教学内容中有学生必须掌握的理论知识，同时，教师还可以根据教学需求对其进行科学分解，使其形成多个小项目单元，进而保障学生能够进行更为有效的学习。例如，在进行开发与设计Web网站教学时，教师可以在教学活动中贯穿电子商务购物，结合具体工作流程对该工作任务进行简单分解，同时，将理论教学融入其中，确保教学活动能够有效结合真实工作岗位，进而保证能够更高效地实施项目教学，在此过程中，我们的工作任务设置要紧密结合产业需求，将学校的教学和企业的需求进行深度融合。

六、确保因材施教

中职类学生在参与学习时，具有不同的学习兴趣、专业能力和专业基础，所以，教师在进行人才培养时，无法使学生完全掌握行业所需内容，同时也无法批量生产。部分学生具有良好的口才，同时，还有学生对色彩极其敏感，部分学生擅长编码技术，针对该情况，教师需要确保教学工作因材施教。例如，在具体开展教学活动时，教师需要引导学生扮演不同角色，从而完成不同任务，教师可以引导学生根据个人兴趣选择角色，然后实施分组教学，对学生的兴趣进行科学培养[2]。如果学生市场嗅觉敏感、口才良好，教师则需要侧重于培养网站架构和调研，而如果学生色彩感觉好，美工功底强，教师需要将网页美工设计作为人才培养的侧重点。最后，如果学生对编码技术具有较高的兴趣，教师则需要培养学生编写后台代码，实现网站技术。因材施教的有效落实，可以确保学生具有较高的学习兴趣，使学生能够迅速掌握未来所需的专业技能，从而毕业的时候可以轻松地适应未来的就业岗位。

七、引进企业专家

中职院校在实施教育工作时，如果想要确保班级教学有效结合企业教学，需要科学引进企业专家，科学讲解课堂内容和企业内容。在课堂教学中引入企业专家具有较高的难度。针对该情况，教师可以利用网络手段组织学生开展网络连接学习，确保课堂教学可以和企业文化有效融合，使学生对企业相关信息有充分的了解，同时，还可以引导学生对网站设计的最新技术进行深入学习，对学生职业素养、职业荣誉、职业良心和职业责任进行科学培养[3]。例如，在实施添加和设置多媒体对象的相关内容教学时，教师可以引进企业专家进行教学，企业专家在具体讲解中，可以根据自身工作经验，简单介绍企业网站对多媒体资源的需求，可在网页中插入多媒体资源的具体方法，然后进行影片和声音插入方式的科学讲解，通过开放式可以对学生学习兴趣进行有效激发，使其能够迅速掌握该知识点。与此同时，在具体进行该章节教学时，企业教师可以讲解相关视频。例如，在详细讲解添加视频时，企业专家可以利用多媒体向学生讲解自己的企业，在进行教育工作的同时，还可以对学生输出企业文化，实现教学效率的有效提升。又如，在进行网页页面布局的相关内容教学时，通过视频讲解，可以使学生进一步理解所学内容，教师在完成课程教学之后，还可以利用班级群对学生设计和制作网页学习提供必要的帮助，帮助学生解决在具体实践中出现的问题与疑惑，并对其网页设计技术进行分享。

八、强化项目教学

在开展实训课程时，教师可以合理应用项目任务教学，针对职业岗位需求实施教育工作，对企业工作情境进行科学模拟，推广过程导向、案例解析、情景体验、任务驱动等多种教学方式，确保能够使工学结合得到充分体现。针对网站建设的具体流程和工作任务，根据实际岗位团队进行项目组的合理设置，基于职业情境创设学习情境，确保能够使学生合理融入学习情境，使其能够对自身具有经验进行合理应用，主动获取相关信息，明确实际岗位的操作流程和具体要求。在具体实施网页设计制作的相关内容教学时，教师需要针对教学内容设计具体工作项目[4]。首先，需要明确任务，教师需要针对教学内容设置学习任务，并对学生进行效果预览图的展示，使学生对其任务要求有充分的了解。借助教学平台发布思维导图、学习任务书、任务效果图等，引导学生构建知识体系，自主学习、小组探究多方面提升学生的综合能力和素养，由此构建任务驱动课堂。其次，需要科学制订工作计划，学生需要针对教师引导对项目任务进行科学分级，设定具体工作计划。例如，制作“宅家商城”网站主页，在明确任务后，学生根据网页效果图，制订工作任务计划思维导图，对任务梳理、分级。随后，教师还需要引导学生根据工作计划收集相关资料，并为其项目工作准备所需素材，然后学生需要针对工作计划设计和制作页面，并利用文字对其进行记录。最后，需要进行检查评测，学生需要将个人作品进行展示，然后由教师对其进行提问，组织学生答辩和互评，并由教师对其进行科学讲评，从而不断提升学生的创作水平。

九、结语

中职院校在具体落实网页设计与制作的相关内容教学时，通过开发校本教材，制订教学目标，理论结合实践，改进教育模式，设置工作任务，确保因材施教，引进企业专家，强化项目教学能够确保有效落实校企共教，确保学生能够更充分地掌握相关专业知识，强化学生实践技能，保证学生在未来能够更高效地参与职业工作。

参考文献：

［1］江梅梅.项目式教学在网页设计与制作课程中的应用［J］.大观，20xx，229（11）：151-152.

［2］朱晓.优化网页制作与设计课程课堂教学的几点做法［J］.现代职业教育，20xx（6）：188-189.

［3］蔡鸿璋.探索网页设计与制作课程教学的新思路［J］.课程教育研究，20xx（42）：55.

［4］梁菊.项目教学法运用于中职电子商务网页设计与制作教学中的探究［J］.职业，20xx，501（2）：73-74.

篇15：网页设计论文

1、网页中使用的多媒体技术

1.1图形图像处理技术

图形、图像是一种非常直观的表现形式，也是在多媒体信息当中占有很大一部分的比重，在网页当中是设计者非常愿意运用的一种形式。通过如下几个步骤：获取元素、处理元素、输出元素、元素的数据压缩以及图像的储存介质能够出现二维或三维的图像。一般情况下获取元素使用工具的采集以及扫描技术进行，能够出现很多种不同类别的输出形式。处理的方法也各式各样，如使用photoshop等软件，按照有关的要求经行对于图像的处理，像剪切、柔化、对比度等方面，最后使用合适的图片输出。一般常用的图片格式为：BMP、GIF、JPEG、TIFF等，现在有很多的网站能够浏览并且储存GIF、JPEG格式的图片。网页在进行设计时运用不同的元素的图像能够让网页更加的生动，起到吸引眼球的效果。

1.2动画处理技术

一般的动画格式有GIF、FLIC、SWF以及JAJA等，在目前网络上以及生活中使用最多的为GIF以及SWF格式的图片，因为FLASH动画为矢量的，使用这两种格式的图片能够保证其动画显示的效果达到理想的状态又能保证其体积小的特点，所以在网络上得以广泛的运用。JAVA是一种编程语言。可以用起来编写的applet的小程序有着跨平台执行的优点，适合网上互动的游戏以及手机上的动画，其前景十分宽，适合进行更深的发展。

1.3音频处理技术

现在，网上一般支持格式有MIDI、MP3、WAV等，其科技在多媒体技术当中已成为比较成熟的科技，在网页设计当中应用的时间也比较长。网页当中的音频的获得方式各式各样，比如说能够购买素材库以及在网络上直接下载获取等方式来获得所需要的音频。这项技术已经拥有了一般的音频模拟的方法所拥有的优点，还在互联网上传播、在线播放等方面有着很好的声音效果。声音已经成为了信息资源重要传播途径，将音频以及视频相互结合，能够得到更好的效果。

1.4视频处理技术

能够在VCD光盘、模拟视频收集以及摄像机的储存器当中来获取其有关的视频。视频的特点为数据量比较大。比如说，数字电视的图像当中的SIF的格式，一般的没有经过压缩的图像数据流量为20xxkb左右，但是在CCIR格式的视频，一般没有经过压缩的视频的数据流量能够达到140Mbps.因此，能够看出视频的数据流量是比较大的，假设将没有进行压缩的视频上传，能够出现资源的吞没，甚至能够出现网络崩溃的严重情况。所以，网页设计当中对于视频处理的中心环节就为视频压缩。

2、多媒体技术在网页设计当中的使用

2.1动画、视频设计

在很多网站当中，能够发现有很多动画以及视频的内容，设计富有新意，假设设计合理的情况下，其内容就能更好的突出想要传播的主题，这么做的方式的优点为能够更加直观的表现其内容，还有了视觉的冲击感，让内容更加的具体饱满。FLASH动画已经成为了在动画当中不可或缺的一个组成成分，拥有体积小、传速快的特点在动画当中占据了很大的比重，FLASH动画不仅仅能够表现简单的动画，还能够在网页设计当中建立电子画册，在另一个角度来看，引领了时代的潮流。

2.2图形、图像的版面设计

在制作网页的时候尽量使用少量的图片。因此在运用图像以及图形的时候需要经过精心的筛选，选取一个最能够突出网页内容的图像，并且使用某些软件对图像进行处理，达到预期的效果，在网页当中选择一个最好的摆放位置。把图形文字化或者将文字图形化都是特殊的方式将其内容合理的表达，所以说对于一些将进行图形处理文字，在网页的版面设计当中，这些文字也作为了一种图形来处理。将文字和图片进行结合，不仅仅形式上富有新意，并且能够显得更加的美观。

2.3多媒体元素的使用应符合网络风格的整体性

在设计网页时，一定要应按照原有的主题，依照其主体使用听觉视觉的方式来呈现个观赏者，其多媒体元素使用是用来服务主题的，既要美观又要突出网站的功能。

2.4多媒体技术与艺术相结合

由于多媒体技术的飞速进步，让其在创作的过程就忽略了美观性。所以，将艺术以及科技完美的融合，能够达到更好的效果。多媒体技术的不断进步推动者网站的建设不断的完善，多媒体技术在网站上的应用已经成为了以后发展的趋势，有着宽广的发展前景。

2.5减少多媒体元素格式的使用失误

在网页当中动画内容不应有太多，应于实际情况相结合。多媒体元素的格式完全影响着打开网页的速度，假设网页打开过慢，则浏览者则失去耐心，不愿等待，所以合理设计网页是不可忽视的重要环节。

3、结语

使用者能够使用网站无论在任何时间或者地点接收和发送信息，因此不再受环境和时间的限制。网络媒体已经变成了重要的传播途径，如果注意多媒体元素的合理应用，就能够让客户观看更加有效率。多媒体技术的应用以及体现在社会的各个地方，为人们的生活和工作提供了便利，今后多媒体的应用也会给人类带来巨大的改变。