为了增强网页的吸引力与易理解性，以及互动性，网页设计所发挥的作用至关重要。以下是整理的网页设计毕业论文，供大家借鉴。
网页设计毕业论文篇一：《Flash软件在网页设计中的应用》
网页设计毕业论文摘要
摘要：Flash技术应用广泛，涵盖网站、广告、动画、游戏，甚至程序设计与多媒体展示等多个领域。本文首先分析Flash动画发展趋势，具体阐述Flash定义与特点，并探讨Flash动画在网页设计中的应用方式，如交互式导航系统、Web图像动画展示及鼠标动画等。通过针对性研究，期望研究结果对今后学者有所助益。
网页设计毕业论文内容
关键词：Flash动画网页设计应用研究
随着信息化时代的到来，网络及计算机技术发展迅速，网页动画逐渐兴起，在网页设计中占据重要地位。在构建网页时，运用Flash实现多媒体化展示，成为网页设计不可或缺的一部分。
1 Flash的运用及特点
Macromedia Flash作为一种交互式矢量图及多媒体创作软件，广泛应用于因特网网页设计矢量动画文件格式。针对Flash，其具备以下六大特点：第一，以矢量图形为主要运行前提，文件容量小，缩放清晰度不受影响，传输便捷；第二，拥有优质化且强大的AS代码，提高动画交互性，便于读者理解并互动；第三，采用插件运行，只需安装一次即可观看视频，避免多次安装的繁琐；第四，调用速率快；第五，可增加页面控制按钮，实现链接跳动及鼠标动画；第六，实现动画视听效果升华，可直接构建全Flash制作站点；第七，属于“准”流式文件，无需全部下载即可观看。
2 Flash动画在网络设计中的应用
在网页设计中，Flash动画具有重要作用，如流式播放动画、FlashMV及短片动画等，具备一定交互性。但需注意，避免繁琐、复杂的动画设计效果，以免降低网页品质。如图1所示。2.1 网页动画信息交互的实现：Flash动画导航的交互性设计，使用针对性的Flash动画脚本——AxtionScript。2.2 网页动画相关要素的设计：交互式导航系统、Web图像动画形式展示、鼠标动画等。
3 结语
综合全文内容，Flash作为网站设计中的关键视觉元素，可帮助实现多媒体化效果展示，丰富网站素材及资源，达到动态化效果。随着计算机技术发展，Flash动画在日常生活中应用将更加广泛，实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文篇二：《响应式网页设计原型研究》
网页设计毕业论文内容
如今，移动互联网发展迅速，智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，导致新兴移动终端显示的文字过小、链接分布过密，用户需频繁操作以获得良好体验。面对这一弊端，网页设计师关注“响应式网页设计”这一关键词，试图为各类终端设备提供不同的设计和体验。从“为固定设备设计网页”跨越到“响应式网页设计”是一个挑战。新手可能已掌握HTML5和CSS3等设计开发技巧，但仍难以驾驭响应式网页设计。原因在于缺乏指导实践的可操作流程，即原型。
当今，移动互联网飞速进步，各式智能设备接连涌现。以往网页设计采用“固定页面及元素宽度，统一页面效果在任何终端”的策略，必然导致网页在新兴移动终端上文字过小、链接密集，用户需在屏幕上不断操作以寻求良好体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图用一套代码为各类终端设备提供不同设计和体验。从先前“为固定设备设计网页”过渡到“响应式网页设计”是一个较难的过程。一些新手可能已经积累了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用方法，但他们依然无法掌握响应式网页设计。造成这种情况的直接原因在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“根据多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用J?R?安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2构建响应式网页设计的原型
构建原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积累了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用
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内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
为了避免不同浏览器对相同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内核的所有版本浏览器中实现居中对齐，外层布局容器与浏览器头部紧密贴合；使用
3.2 运用流式布局、弹性图片、媒体查询技术优化桌面版网页
(1)相对于视口尺寸，将最外层的布局
(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 结束语
对于响应式网页设计而言，当前的设计理念和技术方法还不是终点，网站前端设计师需要继续努力寻找更好的解决方案。而对于新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
网页设计毕业论文篇三：《网页设计中的版式设计》
摘要：版式设计可以说是界面设计的基础部分，网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面，版式设计扮演着十分重要的角色，优秀的版式设计可以给浏览者留下深刻的印象，提高页面的访问量。因此，本文将向诸位读者介绍在CDIO工程教育模式下，网页设计课程中采用项目为指导的教学实践过程中需要注意的事项。
关键词：网页设计；版式设计 CDIO教育模式；项目教学
近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注焦点，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行)，符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
近年来，伴随着经济的迅猛增长，科技的飞速进步，教育界亦迎来了变革。采纳新颖的教育观念和教学模式成为了教育工作者的焦点。此时，欧美先进的工程教育理念逐渐进入我们的视线，CDIO教学模式（构思、设计、实施、运行），契合工程人才的培育，有助于提升学生的实践能力、组织能力、创新能力。这一模式更贴合当前的教育环境需求。
网页设计课程属于跨学科领域，融合艺术设计、计算机技术及交互设计等多学科。此外，作为艺术与技术的融合体，该课程要求学生具备较强的实践操作能力和综合应用能力，因此在教学过程中，我们依据CDIO的工程教育理念进行教学。
本文主要探讨网页设计中的版式设计流程。网页版式设计在信息统一、区域分割和交互引导方面发挥着作用，它是在有限的空间界面中将文字、图形、背景色彩或图案及交互功能集成在方圆之间，依据设计的形式法则，结合艺术美学与科学技术，实现效果展示。以下以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。
- 构思阶段
(1) 确立目标。
网页设计并非盲目行为，也不是简单的软件操作，它是一个从构思到实现的过程，是一种从展示到体验的过程。因此，在设计初期，教师需引导学生了解课题，明确网站的功能和外观布局，以及所需营造的氛围。常见的网站类型包括企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型都有其特定的信息传播需求，根据文字与图片选择合适的排版方式，进而营造合适的氛围。在“xx艺术系网站”项目中，学生需根据项目类型，理解设计目标，即该学院所属系部信息服务类网站，界面版式要求简洁大方，色彩明快，营造清新、愉悦的氛围，以此为基础进行进一步的设计工作。
(2) 信息整理。
项目开展前期，根据对项目的初步分析，要求学生对客户或相关人士进行访谈，收集与调研行业同类网站的资讯。这一阶段，学生将接触网页设计的需求方，在本项目中可设定为系内行政人员、教师及系内学生，通过访谈或调研获取网站相关设计信息，如整体风格需求、导航设计需求、网站类型（静态或动态），根据需求结果，设计多种版式效果供客户参考。
(3) 交互设计。
我们将网页中的交互分为视觉交互和行为功能交互设计。在此，我们侧重说明视觉交互的应用。网页中常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出位置，以吸引人们的视觉关注。在进行版式设计时，需考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中，学生应考虑交互按钮的外观设计、排放位置等因素；导航条设置应在醒目位置，清晰明确地发挥导引作用；搜索栏帮助浏览者快速搜索，放置在易发现的位置，搜索一般出现在网页右上角；表单设计是学生容易忽视的环节，因为可以使用插件添加，导致学生认为无需设计。在此建议，在信息表单设计时，可考虑细节设计，提高友好度与舒适度等交互设计。
- 设计阶段
版式设计是网页设计中重要的设计引导规划环节，在这个过程中，学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计，我们从以下几个方面入手。
(1) 版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同，但都遵循版式设计五原则：内容与形式、简洁与简约、设计与艺术、趣味与独特、局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌握的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。
网页设计中，由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式难以把握，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。
(2) 字体、图像、色彩设计。
版式设计是界面设计的骨架，字体设计是界面设计的血肉。富媒体技术的全面发展，使得网站这一综合载体得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中，常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页中，常见的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形式出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体在诸多网站中得到应用。在设计中，我们应保留传统的文化性，关注富有中国色彩的艺术形态，如书法、图腾、建筑等，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。
版式布局是界面构建的骨骼，字体搭配是界面构建的肌体，多媒体技术的全方位进步，使得网站这一综合性平台也得到了迅猛的发展，版式与字体的融合形成了网页多样的风格。在网页中，常见的字体分为中英文两大类以及图形化的艺术字体，字号通常选择12pt。在中文网页中，常见的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有一些超大的字体以图像的形式呈现，并通过视觉效果的调整，创造出三维空间的视觉展示效果。图形化的艺术字体，在众多网站中得到了应用。在设计中，我们应保留传统的文化内涵，运用中国元素，如书法、图腾、建筑等富有中国特色的艺术形态，都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，呼应设计氛围，为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示方式，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。
3技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator图像处理软件进行设计，首先我们会根据思维导图绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同，我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4运行阶段
将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。
5小结
网页设计课程将实际项目引入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。
参考文献：
[1]沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.
猜你喜欢：
1.网站设计毕业论文范文
2.网站类毕业设计论文
3.浅析广告设计毕业论文范文
4.关于网络工程毕业论文范文
5.关于计算机毕业论文范文大全
6.计算机毕业论文范文大全
关于旅游的 ASP动态网页设计的毕业论文范文 及论文格式
绪论
课题背景
我国是一个历史悠久、旅游资源丰富的国家，现已成为亚洲旅游大国，未来20年，中国还将成为世界旅游强国。2004年全国接待入境旅游人数达1.08亿人次，分别比2003年和2002年增长18%和10%。入境过夜旅游人数达4 100万人次，分别比2003年和2002年增长24%和11%，有望超过意大利跃居世界第4位。旅游外汇收入达255亿美元，有望超过德国和英国，跃居世界第5位。世界旅游组织预测到2020年我国将成为世界上最大的旅游目的地和第四大旅游客源国，每年接待的入境旅游者将达到1.37亿之多，每年出境、出国旅游者也将有1亿。
我国国内的旅游市场潜力同样不容小觑，虽然现在国内旅游收入在国民生产总值中占的比重还很小，但是随着我国经济的快速增长，国民的旅游意识正不断被激发起来，2004年数据表明，全国国内旅游人数达9.3亿人次，国内旅游收入超过4 000亿元，分别比2002年增长5.9%和3.1%。
2020年后我国的旅游业将步入发展的黄金时段，届时电子商务和网络产业也将趋于成熟，2004年底我国网民数量已逾9 000万，网上消费市场商机无限。在这种背景下，旅游、电子商务、互联网络的迅速融合将不可避免，并创造出难以估量的价值，网络旅游将推动IT领域内互联网电子商务的迅速发展，也将为旅游业界带来新的生机。
2市场前景分析
我国很多旅游电子商务网站原来只不过是普通的计算机网络公司或依托计算机网络公司而建，但与旅游行业的结合，赋予了其新的市场前景，成功的实现了向旅游电子商务网站的转型：有与订房中心或旅店合作，提供网上宾馆客房分销的；有与机票、车票代理点合作，提供便捷客运服务支持的；有与各地星级酒店合作，为各类商务差旅活动提供休闲服务的；有与旅行社合作来为客户提供特定的旅游线路、完善的旅游地安排及导游服务的等等。经过一种或多种转型过程的旅游电子商务网站还可实现根据客户自己的喜好设计自助旅游路线，预订票务宾馆等，为满足客户个性化要求，还可提供各种可选的支付方式。
通过技术创新转型之后的旅游电子商务网站在技术这一生产要素上的投入大大提高，使得其具备了成本优势、网络效应和束缚用户的常规效应，所有这些特征导致了收益递增的产生，其本质体现了从一种领先到进一步领先的趋势。如携程网并购国内酒店预订规模最大的北京现代运通公司成为国内最大的酒店预定业务公司，而后者是国内第一家利用800免费电话进行酒店预订的订房公司，很快规模效应开始显现，携程的月订量就猛增到15万人次，一个月仅酒店预订的交易额就有6～7千万元。
旅游产品的显著特性在于其无形性和固定性，尤其是其在市场运营中主要以信息形态存在。因此，信息技术的介入对旅游业产生了深远的影响，尤其是网络信息技术为旅游业的这种信息形态发展注入了新的活力。旅游业与互联网资源通过技术创新融合而成的旅游网站，极大地改善了传统的旅游运作模式，并创造了新的产品价值。它充分利用了网络资源的优势，实现互动、开放、动态，整合各地旅游资源，不受时空限制。同时，还运用了电子商务的模式，通过旅游商务网站平台，使交易流程简化，交易环节合并压缩，交易成本大幅降低，交易效果也将显著提升。
我国目前的旅游网站质量参差不齐，有实力的品牌网站数量有限。大多数旅游网站仍仅限于在网上进行旅游产品的广告宣传和客房票务预订，商务电子化程度较低，技术创新力度不足，尚不能全面满足游客日益增长的对吃、住、游、行等方面的基本需求，更无法提供个性化需求的旅游产品。旅游电子商务网站要扩大自身影响力，打造自己的品牌，必须建立个性化自助服务的商务网站平台，提供覆盖面广、信息量大、专业便利的全程个性化服务，这才是旅游电子商务网站长期生存发展的根本。
以旅游产品销售的主要内容之一酒店客房预订为例，传统宾馆客房预订中存在的主要问题是无法实时向客户反映客房的预订情况。
