计算机网页设计毕业论文范文(通用10篇)
一段忙碌又充实的大学生活要即将结束,我们都知道毕业生要通过最后的毕业论文,毕业论文是一种有准备、有计划的检验大学学习成果的形式,那么大家知道正规的毕业论文怎么写吗?以下是小编帮大家整理的计算机网页设计毕业论文,仅供参考,希望能够帮助到大家。
计算机网页设计毕业论文 篇1
摘要:Flash技术运用范围非常广泛,不论是网站、广告、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1、Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2、Flash动画在网络设计中的应用
在网页设计中,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].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
计算机网页设计毕业论文 篇2
网页设计毕业论文内容
当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了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像素x768像素,那么以此为默认显示器时,页面的宽度尺寸一般设置为“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结束语
对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。
计算机网页设计毕业论文 篇3
【摘要】网页设计是一种直观的视觉语言,需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别,但是其两者依然存在一定的相似之处,网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。
【关键词】网页设计;布局;排版;文字;设计论文
网站是企业或政府向用户传递信息,提供服务的一种重要方式,是企业开展电子商务的重要平台,是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台,因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中,布局与排版是十分关键的内容之一,其会直接影响到浏览者对网页的第一印象与体验感。因此,对于网页设计的布局与排版进行研究具有十分重大的实际意义。
1、计算机网页设计布局与排版原则
1.1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验,在进行布局版本过程中要始终秉持以下原则:第一,整体布局,和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式,通过空间的文本与图形建立其平衡的状态,从而产生和谐的美感。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此,可以在对称平衡设计中融合一些活泼、有趣的词汇、图形,但是要注意需要与页面和谐统一。第二,主次分明,中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑,该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此,最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序,能够突出重点的视觉效果。第三,疏密有度,错落有致。在网页布局排版中,一定要做好疏密有致,预留出一定的空白,灵活的使用字间距与行间距,制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理。例如,黑白搭配、圆形与方形搭配,以便获得更佳的视觉效果。第四,图文并茂,生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大,则文字会相应减少,从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此,网页布局与排版应该做到图文并茂、合理搭配,从而给网页带来更加丰富的内容,让网页变得更加有趣。布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一,简洁明了。布局排版最为重要的原则就是一名了然,让网页浏览者可以更加顺畅的浏览信息。第二,主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的,主色调过多会给浏览者带来一种厌烦的感受,不利于浏览者长时间浏览网页。因此,网页版本的主色调要进行合理的控制,其中主色彩不能超过五种,并且要以一种主色调为主,凸显以主导地位,另外几种颜色作为烘托与点缀。一般来说,网页设计的主色调包括黄、蓝、灰、黑和白。第三,字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则,通常来说不应该超过三种字体,并且字体在版面中不宜过大,从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是,要避免闪烁的文字在网页设计布局中出现,其会给浏览者带来一种厌烦的感觉。同时,在网页标题栏中字体应该相对于正文来说要更大,颜色也需要进行区分。
2、常见布局与排版
2.1T字型T型结构是顶部的页面布局为网站的标语和横幅,下列左侧为主菜单,右侧为内容显示。由于菜单的背景布置颜色更深,因此整体效果视觉类似于英文字母“T”,因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局,其优势在于页面结构清晰、明确,容易正确把握主次关系;缺点在于较为沉闷,缺乏灵活性,如果无法准确把握,不注重细节与色彩的配合,十分容易出现无趣、枯燥的现象。2.2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容,类似于一个口字型,左侧通常包括注册信息、内容导航、搜索引擎,右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面,囊括较大的信息量,缺点在于页面较为拥挤,过于死板[5]。口字型布局大多被应用于国外站点中,国内使用频率较低。2.3POP布局POP布局是将一张合适的照片作为页面设计的中心,并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的,但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果,其优势在于美观,缺陷在于运行速度较为缓慢。2.4同字型同字型的网页布局一般来说内容量都较大,网页上方为标题栏,其中内容可以是网站主题或横幅广告,在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说,可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置,从上至下,根据内容的重点、类型来进行区分。网站下部分通常为空白,即使有内容也是一些十分常规的内容,包括网站制造方、网站基础信息等。
3、结语
计算机网页设计布局与排版是一门艺术,针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则,以设计出美观、简洁、便捷、人性化的网页,让浏览者可以舒适的浏览网页。
参考文献:
[1]李娟.浅述网页设计中的页面布局技术[J].考试周刊,2014(27):116~117.
[2]董磊.网页设计中视觉传达的整合设计[J].明日风尚,2016(05):123,106.
[3]许炜熔.让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议[J].课程教育研究,2014(26):248~249.
[4]梁日有.网页设计中艺术创新的研究与实现探讨[J].学子(理论版),2016(03):12~13.
[5]尹涓,崔晓曦.浅谈网页视觉设计的应用和技巧[J].电脑知识与技术,2015(15):204~205.
计算机网页设计毕业论文 篇4
1、计算机网页包装设计与图像处理研究
1.1网页包装设计中的图像处理方法
借助计算机设备所进行的网页包装设计,需要对图像资源进行有针对性的处理,制作成为计算机软件开发应用需要的形式。在对图像进行制作时,要明确图像的格式,如果是制作成为GIF图片需要对图像资源进行透明处理,将其处理成为系统需要的图片形式,并在图片资源使用前,进行反复的控制研究,帮助进一步提升图像的色彩搭配合理度,动画格式的图像在内存中占据的比例比较大,根据网页打开后的内存资源来对系统进行更深入的设计,通过将各项设计理念结合使用,能够促进网站设计后的图形表现效果也更加理想,这是传统技术方法中很难实现的,也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些,可以对图片的整体色彩以及明亮程度进行调整。
1.2网页设计中的两种特殊应用
首先是鼠标在网页页面中移动所实现的动态图像显示,在网页被点击进入的初期,所显示的画面均为静态的,当鼠标移动进入到画面中时,图片会自动的播放,进入到动态显示效果中,这对网页的制作使用有很大帮助,并且可以减少缓存所需的时间,在内存上也能够节省大量的资源,对实现网页功能制作有很大的帮助。其次是网络相册的应用,网站是具有存储功能的,需要针对这一功能来进行具体的实现,观察在现场是否存在需要继续深入解决的技术性问题,确保技术应用是科学有效的,才能够达到理想的技术运用标准。设计以及图像处理期间吗,要将使用功能放在首位,并观察在网页的各项资源中是否存在冲突矛盾的问题,经过一段时间的解决与深入探讨,在技术上能够满足使用需求。
2、图像处理在网页设计中的应用解析
2.1网页设计中使用图像的意义
网页设计需要建立独特的品牌,并充分发挥品牌的影响力,观察在设计过程中图像是否能够充分发挥作用,这样在网站投入使用后,点击浏览者通过图像标识能够对网页产生深刻的影响,并对使用功能更好的了解。网站想要被更多的使用者所接受,需要传达一种安全可靠的信息,而图像是网站中最直观的部分,对图像处理进行严谨的对待,可以提升网页使用阶段的安全性,并避免在系统中出现严重的使用功能不稳定现象,促进管理计划在现场得到更好的落实应用。网页制作期间背景图像选择要与所传播的文化理念保持一致,并将提升使用稳定性作为设计期间需要重点注意的问题,避免图像在上传期间损坏,影响到安全使用,由此可见开展图像处理对网页包装设计技术应用的促进意义。
2.2网页图像处理的技巧
首先是图像的尺寸要进行准确的剪裁处理,观察在设计期间是否需要对设计的内容进行更稳定的处理,并通过技术方法来加深在现场调节控制的有效的方法,当发现在设计内容中,存在需要进一步完善的内容时,则需要进一步的采取解决优化措施,一旦图像的尺寸出现误差,是很难确保使用安全性的,并通过技术性方法来进行更加深入的解决。剪裁处理后的图像,需要结合网站的存储能力、浏览量进行测试,观察图片尺寸是否能够顺利的上传,并避免在使用中出现损坏。其次是图像处理要融入创新元素,这样网页打开后能够使人感受到新颖,过于落后的图片在使用期间可能会出现模糊损坏的现象,也不能够吸引更多的网友来对网页进行点击浏览,由此可见使用期间选择图像的重要性。可以借助网络系统来进行资源搜集整理,促进管理计划在现场得到更全面的落实,一旦发现质量下降的现象,要及时采取技术性方法来进一步完善系统中所存在的安全隐患。使图片的处理质量可以稳定提升。
3、结语
互联网技术的使用范围正在不断扩大,也促进了计算机网页设计得到大力发展,提高网页点击浏览量已经成为技术发展的主体方向。网页设计艺术性越来越高,设计时需要考虑的图像因素很多,要掌握对图像处理工具的运用技巧。计算机图像处理技术是网页设计技术的重要部分,最终网页设计的质量直接与其相关,设计者在设计之初就要考虑页面的整体图片效果,把将要展示的图像作为网站设计的开始,这样网站设计才能很好的起步,最终设计出让用户满意的作品。
参考文献:
[1]谢飞扬.计算机图像处理技术在网页设计中的运用浅探[J].科技致富向导,2015(04).
[2]李艳新.网页设计中计算机图像处理技术的应用价值[J].电子技术与软件工程,2015(09).
计算机网页设计毕业论文 篇5
1、基于计算机软件技术的模块化网页技术介绍
在计算机软件技术支持下,进行网页包装与设计需要分模块来进行,在不同的模块中应用的技术方法也要做出区分,长时间处于这样的环境下,很难确保管理任务达到理想的使用标准,技术方法也是不断发展变化的,能够提升软件的使用稳定性,在功能上也能够与设计方案保持一致。网页包装设计要体现出个性化,在使用功能与页面选择上都要保持整体性,网页设计同样需要计算机软件的支持,在技术上体现出对系统的保护设计,这样当发生质量不达标的现象时,才能通过技术方法来规避,并避免在接下来的设计中出现严重的隐患问题。所设计的网页也能顺利投入到使用环节中。子模块是网页整体中的一部分,该模块的设计关系到网页功能是否能够正常实现,基于计算机软件技术环境下所进行的模块设计难度比较大,需要采取定向研究的方法来进行调控,首先保障网站包装设计的功能能够实现,再进行细节上的补充,完成设计任务。
2、基于计算机软件技术的网页包装技术实现
(1)对HTML语言的扩充。网页包装设计期间,使用HTML语言来进行汇编,在设计过程中,系统中能够形成稳定的使用标准,并且随着基层中常见的技术问题产生,语言扩充也能够起到预防控制作用,技术应用阶段需要在语言中添加一些常用的功能语句识别程序,可以节省大量的网页请求分析时间,并在基层中形成稳定的使用标准,一旦出现网络不稳定的情况,也能够将用户浏览到的界面保存,避免重要的信息资料丢失。在语言扩充期间,需要根据模块来记性归类,避免出现语言混乱的情况,可以使用不同的背景对语言模块进行填充,这样更方便区分,不容易出现汇编遗忘或者重复的现象。
(2)对Web服务器的改进。Web浏览器是常用的网页浏览信息,浏览器在使用期间可能会出现请求应答延迟的现象,在技术方法中都能够得到有效的解决,这样才能够确保网页功能的正常实现,并通过技术性方法来促进计算机软件得到及时的更新。浏览器的处理功能中,大部分是关于临时文件来进行的,改进时可以保持原有的设计框架不变,这样能够节省大量的时间,并对设计内容进行定向的调节控制,这样能够节省大量的框架结构形成时间,并在现场形成更理想化的运行体系。
3、计算机软件技术中的模块化网页技术作用和意义
(1)高效地组织和维护Web上的信息资源。通过计算机软件技术,能够达到更理想化的使用标准,使用期间针对信息资源进行整合,帮助提升使用效率,并达到理想的运行标准。通过计算机软件技术能够帮助提升信息资源的利用效率,与实际情况保持一致,并且更新效率也能快速的提升。网页模块的设计也会通过模块方法来进行控制,观察网站中可能会出现的问题,采取技术手段来控制,观察网页计算中可能会出现的问题,并对现场采取技术控制方法,观察发现隐患问题后,可以第一时间解决,确保网站的运行稳定性。
(2)提高浏览网页的速度。计算机软件技术应用后,可以帮助提升使用网页的浏览速度,并避免出现数据库损坏或者丢失的现象,浏览器之间的运行配合能够使数据信息内容更丰富,用户通过网页所提出的请求也拥有更大的搜索范围,在时间与效率上自然能够得到明显的提升。技术创新是通过计算机软件技术来实现的,软件中的功能需要配合框架来进行,当发现在使用期间可能会出现一些质量隐患现象时,系统会第一时间将这种情况反馈到系统中,方便技术人员能够第一时间查看。网页中各个模块在设计时会重点区分内容,并在功能上相互进行,互相配合达到最高效的使用效果。网络状态下网页内的信息会不断的更新,与实际情况保持一致,用户也能找到自己需要的信息。当请求新页面时,新页面中那些已经在本地有副本存在的子模块就可以在本地得到,不需要再到Web服务器上去取,从而提高浏览网页的`速度,减少了网络的数据流量。
4、结语
文中提出了模块化网页设计技术,通过子模块的制作,可以在许多页面之间共享子模块中的信息;而且,在一定程度上保证了网站信息的一致性。通过对已经浏览过的模块进行存储可以提高网页浏览速度,降低网络数据流量和服务器的工作负担,有助于提高搜索引擎的搜索精度和效率,对于Web应用研究具有一定的参考价值。
参考文献
[1]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术,2013(03).
[2]王国庆.探究基于DIV+CSS技术的网页设计优化方法[J].信息与电脑(理论版),2016(02).
计算机网页设计毕业论文 篇6
【摘要】本文简要地对网页设计与图形设计进行分析,通过其运用价值的总结,概括出了图形设计在计算机网页设计应用中的要点,以供设计工作者参考。
【关键词】网页设计;图形设计;运用价值;运用要点
前言
科学技术的不断进步,促进了计算机技术以及互联网的迅速发展,在各个国家基本实现了全覆盖。随着信息时代的到来,人们对于信息的利用更加频繁,对网页的关注度逐渐升温,好的计算机网页设计会给企业以及浏览者带来更大的价值,要想成功吸引更多的人们注意网页,就需要将图形设计完美的融入其中,以达到想要的效果。
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].现代装饰(理论),2014,11:86.
[2]温雪,毕军涛,孙授卿.试析计算机图形图像设计以及视觉传达设计[J].通讯世界,2015,17:221.
[3]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程,2016,13:104.
计算机网页设计毕业论文 篇7
摘要:随着现代社会的发展,计算机网页设计已经更多的依靠于多媒体技术的运用,这是因为在很大程度上多媒体技术可以提高网页自身的内容质量和含量。同时节省大量的工作时间,令相关的网页设计人员有更多时间处理其他的技术难题。本文就是通过如何运用多媒体技术和网页自身的设计特点这两个方面的难题解决,进行了比较详细的论述。
关键词:网页设计;计算机;多媒体技术
1、网页设计和多媒体技术
从概念角度进行分析,网页设计就是设计美学和网络信息技术这两种理念的有效结合。这是因为网友在进行网页浏览时不仅仅只是为了去寻找他们所需要的信息,更多时候也是网页设计本身的美观和色彩、图形吸引了他们。要想达到这一点,不仅仅要掌握熟练的网页设计的理论,还要在这一基础上处理其他数据并且利用计算机多媒体技术,对数据进行不断的压缩和处理。目前的网页设计中,多媒体技术几乎能处理的所有类型的信息和能用到的媒体。比如,在信息的处理过程中可能会要把图形的文件格式进行改变,按照项目的要求进行图形存储、压缩。这就要求工作人员必须在较短时间内从冗长的视频文件中选取一段可以使用的视频或者文件进行合成和利用。以此帮助设计人员对于不同频率的声音或影像进行变频、合成和特效的加入。
2、多媒体技术在网页设计之中的具体应用
2.1运用在即时通信之中
网页在设计时,要特别注意保证一定的通信质量和传输速度。这是因为网页是借助互联网实现信息传播的功能的。所以,随着网页的内容不断丰富,传输时就会出现网页无法浏览或者打开缓慢的问题。如果要从根本上去解决这类问题,就要通过多媒体技术进行。多媒体技术的使用可以使文件进行压缩、开启或者限制多数据流通道。通过这一过程,使得网页打开不仅变成了连续性的操作,也变成了一个集播放和存储于一体的过程。多媒体处理技术的运用,可以帮助设计人员在进行网页设计时实现不同用户在同一时间对相同的数据进行要求,这种功能可以影片检索或者交互性比较强的视频网站中,实现不同媒体间的同步。
2.2促进网页的网络连接
当网页正式工作之后,在实现保证数据的传输和使用之后,因为访问量不断的增大使得承载媒体的数量也不断的扩张。当使用者网络连接时,很容易出现信息通信中断或者网页打开缓慢的问题。这就说明了多媒体技术在网页媒体数据传输时,压缩和解压相关的文件就变得很重要了。大量的实时数据在用户传输之前,一定会造成网络宽带压力增大的问题,甚至高峰时期还会出现堵塞的现象。所以先压缩、后传输的方式有效避免了同一用户对网络长时间占有的现象。
2.3帮助设计者设计网页形象
计算机多媒体技术在网页形象化的设计中,也具有很大的应用价值。多媒体技术可以为网页设计者提供多种素材,图像和视频的加入使网页设计的内容和形式能变得更加生动和形象。网民在进行网页浏览时,更倾向于网页中丰富多彩的多媒体应用技术。通过使用多媒体技术和手段,可以在进行网页的设计时增加网民对网页产生出的形象和生动的感觉。同时,也能给我们的视觉上造成强烈的冲击。网页设计时,也可以利用多媒体技术进行设计网页加载程序。这样,就能够实现对网页的快速浏览,也可以实现网页设计上的绚丽夺目。
3、多媒体应用技术应当注意到的问题
在进行网页设计使用多媒体技术的过程中,要对多媒体元素的格式进行合理、合适的选择。避免在载入文件时发生网页打不开或者文件不能载入的情况。要对多媒体技术的应用进行选择,注重网页设计的质量与效果进行完善的网页设计。以下是在网页设计时要注意的多媒体技术运用问题。
3.1重视多媒体技术与自身设计艺术的结合
在把多媒体技术的元素应用在有效的网页设计之前,要考虑到这种结合是否合适、是否具有艺术性。这就要求在进行网页设计时,要保证多媒体技术的应用与网页内容和形式的和谐统一。在网页设计时,既要考虑页面的整体感,也要注重在画面的细节和微小编排设计上的设计。要保证各种信息和元素能够和谐相处,并且有效的突出主题。
3.2在网页设计中注意相互信息之间的平衡
设计者要突出一个网页的主题,不仅要求设计者本身具有很深的设计功底也要使设计的主题同他的风格相一致。所以,这就要求工作人员利用多媒体技术设计网页时要添加保障图片、文字、动画于一体的网页主体。要时刻照顾到网页页面的和谐和搭配。无论如何,再进行具体的设计时网页的设计人员都要注意是否突出了主体,也要在设计时充分考虑到多媒体手段可以对网页设计形成哪些优势。这样,通过多媒体技术的应用,使设计者的设计思想和能力在网页设计中能得到一个完美的展现。同时抓住网民的眼球,提升自身网站的吸引力。
3.3注重整体上的色彩平衡
在具体的网页设计过程中,设计者要十分注重网页在形式、色彩搭配、色彩比例上和自身的内容的表现。尤其在色彩平衡上要注意运用多媒体技术在设计之前就遵循原则,做出一定的企划。具体来说,这种原则要求网页页面的设计者要让页面设计看起来“总体协调,局面对比”。这也就是说在网页的设计时,要选择不同主题同时选择不同的色彩,以此表现和突出每一个主题。用文字颜色和背景颜色的区别,有效地把图片和文字进行对比是网页设计中体现出一种经典模式。在这一过程中,整体画面的和谐和局部场景对比的美,显示了网页设计师根据具体的信息对网页上进行有效设计的能力。也可以在网页打开时,设计者能把想要展示的内容都集中在一个页面上,使保障信息一目了然。
4、结语
多媒体技术,在网页的设计过程中具有非常重要的作用。它不仅能为网页的设计提供丰富的素材,还能通过载入丰富的图像和视频等方式使网页的设计和感官变得更加丰富多彩。在网页浏览过程中,网友更喜欢给人视觉冲击力的网页,但是也要注意由于多媒体是一种加载程序,对网页而言可能会有一定的负担,设计人员要根据具体实际的要求对多媒体技术有效应用,实现快捷和绚丽的网页的制作。
参考文献:
[1]吉兴全,徐峰,袁中香,于永进,陈尔奎.异构无线网络接入策略的比较研究[J].电子质量,2013(02).
[2]白凤娈.浙江中控ECS-700DCS与AllLink数采终端数据采集的设计与实现[J].河北企业,2013(02).
[3]高惠莉.计算机多媒体教学常态化探究——基于大学英语多媒体教学的实证研究[J].中国电化教育,2013(02).
[4]陈平,刘明,杨秀杰.计算机多媒体技术专业课程标准与职业岗位技能标准对接研究[J].学园(教育科研),2013(03).
计算机网页设计毕业论文 篇8
【摘要】
本文以就业信息管理平台为例,研究网页设计中表格与层的应用,提出表格与层可以让网页的布局整齐美观,将网页中的文字、图片、动画等众多元素有条理地统一组织起来。虽然表格的使用整体上是好的,但在一些细节的美化上表格的设计就难以做到,这就要采用层来搭配表格的设计解决相应的排版美化问题。
【关键词】网页设计;表格;层;就业信息管理平台
随着信息技术的日新月异,网页设计的重要性也逐渐凸显,如何快速、方便地设计出相关的网页、网站就显得非常重要。在网页设计与制作的教学过程中,如何让学生快速地掌握网页设计的一些排版技巧是非常有必要的。因此,笔者结合网页设计与制作教学中的一些体会,并通过就业信息管理平台的设计案例,探索网页设计中表格与ApDiv(层)的排版设计技巧。
一、Dreamweavercs简介
Dreamweavercs是由Adobe公司推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。目前,最新的版本为DreamweaverCC,网页设计软件的功能强大。对网页的浏览已经是我们生活中的不可分割的一部分,网页作为网络信息传播的主要载体,其设计也为大家所关注。网页设计软件的种类有很多,但最出名、最专业的网页设计工具,非Dreamweaver莫属。它是著名的“所见即所得”的可视化网站开发工具,目前的网页设计几乎都采用Dreamweaver来设计。Dreamweaver不仅提供了强大的网页编辑功能,而且还提供了网页的上传工具。利用FTP进行大文件的传输,节省了文件的传输时间,它是一个集网页创作和文件传输管理等多功能的设计工具。
二、表格与层在网页设计中的使用
在就业信息管理平台的设计中,采用程序设计,可以很好地提高网页的下载与浏览速度,但对于初学者来说,程序设计是一件头痛的事。因此,如何利用表格与层来进行设计,就非常重要。网页设计中的排版有很多种方法,其中表格结合层的使用排版是最基本也是最有效的方法。表格与层,对职业院校的学生来说,非常容易学,而且使用也非常方便,做出来的网页也非常的漂亮,因此,在网页设计中表格与层是非常重要的。
(一)网页设计中表格的使用。在网页设计中,利用表格的排版,它的整体效果好是毋庸置疑的,表格在网页中的位置可以通过表格属性来进行设置。在Dreamweaver中,页面内容的设计、排版主要是通过表格来完成。通过表格的相互嵌套、合并与拆分,可以将自己构思好的页面完整地表现出来。表格在网页中的重要作用,主要是它在不同的显示上,可以根据网页的大小、显示器的大小进行相应的变化。并始终都处于浏览的相对位置,完整地把内容显示出来,具有很好的兼容性。因此,使用表格排版比较规范,整体性强,可以让网页的设计显得非常的整齐,达到想要的效果。但由于表格的整体性,在一些细微的地方以及操作上还不够细化,在内容的设计表现上还不够丰富。
(二)网页设计中层的使用。层的使用在网页设计中也是非常的普遍,由于它的定位比较精确,又是一种可视化操作元素,它的使用让网页增加了丰富的表现。层与表格的使用基本差不多,但在位置的定位上要比表格方便很多,这也是层的主要优点。在网页设计中,文本、图像、表格等元素只能固定其位置,不能相互叠加。如果要想使多个元素进行叠加或者定位要精确,在这种情况下,就需要使用层来进行设置。层具有很多表格所不具备的特点,如层的重叠、移动、隐藏等一些功能,层还可以添加一些动作行为,让层的内容表现更加丰富,也正是基于这一点,层成了网页设计中一个重要的元素。层的这些特点有助于设计思维不受局限,从而在设计上有很大的空间。由于它是一种流元素,层在具有上述优点的同时,也存在着一些不可避免的缺陷,例如层在网页中的定位不会随着浏览器大小的变化而变化,层的位置是固定不动的,在这样的情况下就失去了层在网页设计布局中的意义。
(三)就业信息管理平台中表格与层的结合使用。表格与层的结合使用才能更好地体现出它们的优势,层也才能更好地体现出它在网页设计中的强大功能。在网页设计中,如何做到表格跟层的统一、层与表格融为一个整体,这就要用到层在表格中的插入操作,以及层的嵌套使用,下面以就业信息管理平台中制作下拉菜单为例来设计。首先,在网页中插入一个三行一列的表格,在表格的第一行插入一张图片,作为网页设计的Logo,而在第二行中插入一个嵌套的一行五列的表格作为网页的导航条,表格的第三行作为主要内容的设计与排版。
三、表格与层的正确应用表格与层
在网页设计中虽然有强大的功能,但在使用的过程中也不能太随意,如果随意地使用就会增加浏览器的负担,浏览下载的速度就会变慢,影响网页的浏览。
(一)表格布局出现的问题。在网页设计中,利用表格排版的时候,不能使用一个大大的表格铺满整个页面,这样不利于浏览器的打开。浏览器打开一个表格,是要等一个表格全部下载完成,这样就需要很长的时间来打开这个网页。在表格的嵌套中,也不能无限制地嵌套下去,一般表格的嵌套,应该控制在最多三层表格,如果嵌套的表格太多,打开时也会消耗大量的资源,不利于网页的打开。有数据统计,一般浏览者打开网页的等待时间为7秒以内。如何解决这个问题,主要采用拆分表格的方法,将一个大的表格拆分成几个小的表格,并要尽可能地避免表格的层层嵌套。
(二)层布局出现的偏差。在网页的设计中,层的单独使用没有多大的意义,因为层是流元素,不会随着网页浏览器的变化而变化,它的位置是固定的,不会产生移动。虽然有时候,我们在利用表格与层排版的时候,看起来很整齐,但一预览就完全错位了,根本不是想要的效果。如何才能使层与页面中的表格一样,能够随浏览器的变化而产生相对位置上的变化,这就需要先使用表格对整个网页的整体进行规划,然后添加一个层到表格中的一个单元格中,作为一个父层。操作的方法为:菜单栏中的插入—布局对象—ApDiv,插入后,这个层的位置左、上必须为空,没有任何内容。然后,其他的子层就通过这个父层进行嵌套,在这里必须强调的是,父层必须通过菜单栏的插入,不能通过用鼠标画出来的方式操作。采用这种方法设置层后,无论浏览器的窗口大小如何变化,它都会跟着变化,体现了与表格成为一个整体,在浏览时就不会产生位置上的移动,因此,层只有结合表格的使用才能更好地丰富网页内容。
总之,在网页设计中,表格与层是非常重要的元素,但在布局设计中,只有把表格与层结合使用,才能让网页的布局精美与丰富。网页中的内容虽然很重要,但网页中的设计与布局才是最重要的。因此,通过合理的布局设置,特别是主页设计要整齐美观,才可能更好地吸引读者。因此,在平时的网页设计中,要多看一些优秀网站的排版设计,只有这样,才能更好地提高自己的网页设计能力。
【参考文献】
[1]俞燕丹.项目教学法在《网页设计与制作》课程中的实践研究[J].新课程研究(中旬刊),2015(10)
[2]韩媛媛.浅谈Dreamweaver在网页设计中的应用[J].信息与电脑,2016(7)
[3]周金容.网页制作过程与技巧[J].软件导刊,2016(15)
计算机网页设计毕业论文 篇9
一、asp技术简介
asp技术 asp(active server pages动态网页)是微软公司推出的一种用以取代cgi(common gateway interface通用网关接口)的技术。目前,internet上的许多基于windows平台的web站点已开始应用asp来替换cgi。 简单地讲,asp是一个位于服务器端的脚本运行环境,通过这种环境,用户可以创建和运行动态的交互式web服务器应用程序,如交互式动态网页,包括使用html表单收集和处理信息,上传与下载等等。通常情况下,用户通过浏览器看到的网页大多是静态的,目前internet 上的许多站点,仍然提供"静态"(static)的主页内容。 所谓"静态",指的就是站点的主页内容是"固定不变"的。 当浏览器通过internet 的http (hypertext transport protocol)协议,向站点服务器(web server)要求提供主页的内容时,站点服务器收到要求后,就传送原已设计好的静态的html 的文件数据给浏览器。 一个"静态"的站点,若要更新主页的内容,必须手动的来更新其html的文件数据。而随着web应用的发展,用户希望能够看到根据要求而动态生成的主页,例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据,以提供http要求时,可以在站点服务器中执行的应用程序,而不只是一个html 文件。
站点服务器收到要求执行的应用程序,分析表单(form)的输入数据,将执行的结果以html的格式传送给浏览器。 根据用户请求生成动态主页的传统方法有cgi、isapi等。cgi是根据浏览器端的http请求激活响应进程,每一个请求对应一个进程。当同时有很多请求时,程序挤占系统资源,造成效率低下;isapi针对这一缺点进行改进,利用dll(动态链接库)技术,以线程代替进程,提高了性能和速度,但要考虑线程的同步问题,而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术java都还存在着另外一个问题,那就是开发困难,程序的开发和html写作是两个完全不同的过程,需要专门的程序员开发。而较简单的开发技术如javascript和idc(internet database connector)等功能有限,不敷使用。
asp使用的activex技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的cgi等程序所远远不及的地方。asp与常见的在client端实现动态主页的技术如java applet、activex control、vbscript、javascript等不同,asp中的命令和script语句都是由服务器来解释执行的,执行结果产生动态生成的web页面并送到浏览器;而client端技术的script命令则是由浏览器来解释执行。由于asp是在服务器端解释执行,开发者可以不必考虑浏览器是否支持asp;同时由于它在服务器端执行,开发者也不必担心别人下载程序从而窃取编程逻辑。asp通过后缀名为.asp的asp文件来实现,一个.asp文件相当于一个可执行文件,因此必须放在web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后,浏览器就将这个url请求发给web server,如果web server上装了asp,就调用asp。asp读出相应.asp文件,解释并执行命令,动态生成一个html页面回传web server,然后web server再把结果发送给浏览器。asp文件的制作和html类似,且和html开发集成,可以在同一个过程完成,利用asp将可以执行的脚本嵌入到html文件中(将html文件的后缀名改为.asp),这使得html文件的编写与脚本的开发融合在一起。通过asp内置的对象、服务器组件(server component)可以完成非常复杂的任务,而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。asp比较网关及服务器扩展模式有着以下优点:
(1)完全与html文件融合在一起;
(2)容易创建,不需要其它编译、链接程序;
(3)面向对象的并通过activex server对象可扩展。
二、电子商务数据访问方式
电子商务是指通过电子方式,并在网络基础上实现物资、人员过程的协调,以便商业交换的活动。在电子商务系统中,web提供了与客户进行通信联络的有效手段,利用web技术,实现web服务器与数据库系统的连接,完成对数据的处理与查询,用户可以通过操作简单易学的浏
览器来查询处理所需要的各种数据。 实现web服务器与数据库的连接一般有两种方法:一种是利用中间件技术在两者之间建立连接和通信,如cgi(通用网关接口)和api(应用程序编程接口)。
web服务器通过调用cgi程序实现与web浏览器的交互,即cgi程序接受浏览器发给web服务器的信息,进行处理后,将相应结果再送回给web服务器,通过web服务器将信息传送给浏览器。但cgi程序在响应速度和资源利用等方面有较大局限性,客户端每请求一个cgi程序,服务器端便打开一个进程,当请求的数量较大时容易引起瓶颈现象,开发人员常利用api编程来扩展服务器功能,api程序占系统资源少,运行效率较高,但它的编程较cgi程序更为复杂;另一种是由浏览器中的java小应用程序(java applet)通过浏览器访问web服务器上的数据库,利用了jdbc(java database connectivity)技术,它通过jdbc提供的api实现对web server的访问。由于java applet本身的局限性,目前大多数的应用是基于中间件技术的。asp也是属于中间件的一种模式,但在windows平台上它比较网关及服务器扩展模式有着较大的优点。网关的最大特点是它的平台无关性,但网关程序通常较难编写和改变。网关程序通常是一个独立的程序,并不和html文件融合在一起,它需要用如c、c++、vb、perl等语言来编写独立的应用程序,而asp应用改变了这一点。使用asp不仅可以读取access和 sql server的数据库,而且还可以读取其他odbc(open database connect 开放式数据库互联)兼容的数据库。
在asp中访问数据库是通过ado(activex database object活动数据对象)及事务处理语句来实现的。ado是一种操作microsoft所支持的数据库的方法,是一项容易使用并且可扩展的将数据库访问添加到 web 页的技术。ado对象的使用与dao(数据访问对象)、rdo(远程数据对象)的方式相似。在asp中,ado可以看作是一个服务器组件,更简单点说,是一系列的对象,应用这些功能强大的对象,即可轻松完成对数据库复杂的操作。
三、asp在电子商务中的应用
在电子商务中,对用户而言,进行网上信息查询的目的是寻找自己需要的产品或服务,而对于商品或服务提供者来说,其目的则是向用户推销自己的产品或服务。因此,让用户通过浏览器查询服务器的后端数据库是许多web服务提供者必需有的服务,asp通过内置的adodb组件来实现这一功能。可以使用ado去编写紧凑简明的脚本以便连接到odbc 兼容的数据库和 ole db 兼容的数据源。具体的操作步骤可以归纳为以下几步:
① 创建数据库源名(dsn) adodb通过odbc工作,因此要在odbc中设置dsn(数据源名)。打开windows的"控制面板",双击"odbc"的图标,然后选择"文件 dsn "的属性页,单击添加,选择数据库驱动程序,然后单击"下一步",按照屏幕的指示键入数据源文件的名称,然后单击"下一步",再单击"完成"创建数据源。
②创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息,以及链接者信息。利用adodb的成员函数open和先前设定的dsn与数据库连接,其语法如下: setconnect=server.createobject("adodb.connection") ’创建了链接对象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") ’打开链接。dsnname为数据源名;userid为用户名;password为用户口令。③创建数据对象 ado中的数据对象通常保存的是查询结果。recordset 是ado中最复杂的对象,有许多属性和方法,灵活运用,可以达到许多好的效果。其创建方法如下: set recordset =connect.execute(sqtstr) ’创建并打开了对象recordset ,sqtstr是一个串,代表一条标准的sql语句。例如: sqlstr="selectxfrom b1" set recordset =connect.execute(sqlstr) 这条语句执行后,对象recordset中就保存了b1中的所有记录。
④操作数据库 可利用execute方便地执行数据的插入、修改、删除等操作。如执行插入操作: sqlstr=" into b1values(1,2)" connect.execute(sqlstr)
⑤关闭数据对象和链接 在使用了ado对象之后,一定要关闭数据对象和链接。在asp中通过调用方法close实现关闭。 关闭创建的数据对象:record set .close set record set=nothing 关闭创建的链接对象:connect. close set connect=nothing 完整的程序片段:
//产生组件实例
%
setconnect=server.createobject("adodb.connection")
//连接数据库
connect.open("dsn=dsnname;uid=userid;pwd=password")
//执行查询
sql=selectxfromtablename
setrs=connect.execute(sql) %
//显示结果
%dowhile not rs.eof%
%=rs(fieldname)%%
rs.movenext
loop
%
上述是用asp访问数据库的全过程,由于应用面向对象思想,所有操作都比较简单,用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等,只要对这些有了清晰的认识,再加上asp强大功能,在网络上使用数据库,实现用户与页面间交换信息,就再也不是什么难事了。
计算机网页设计毕业论文 篇10
摘 要:
近几年来,我国旅游业发展迅速,但整体管理水平相对低下,运营机制不健全,网络化实施中的资源整合力度相对较弱,给人们的出行带来了一定的困难。本文对建立旅游网站进行了研讨。
关键词:
动态网站;信息管理; B/S结构;旅游线路
0 引言
当前,我国的旅游电子商务正处于刚刚起步状态,网络旅游新时代的真正到来还有赖于众多要素的改善,但网络旅游的旺盛生命力已开始体现。旅游业对于我国经济的带动是显而易见的,直接相关联的行来有食宿业、运输业、娱乐业等。因此,大力发展旅游业对于拉升地方经济有着十分重要的作用。
1、旅游网站需求分析
该系统通过分析旅客、旅行社和景点的现实情况,在网站设计中充分考虑3方的共同利益。从旅客角度来看,查看其时间安排、价位和食宿情况等;从旅行社的角度出发,主要通过网站管理各个景点的线路情况、收集旅客的基本资料、发布景区负责人信息等;各个景点的基本情况、主要包括:交通情况、门票价格和风景图片欣赏等。用户都可以通过系统来查询所需要的各种信息,并且可以订购机票和车票等。
1.1 目标
该网站系统要立足于服务景区、旅行社和旅客3方面的利益,通过人性化的界面设计,以发展旅游界为终级目标。其功能主要体现在:景区的特色风景、交通、当地的民族特色和特产等一系列信息的查询、管理和维护;旅行社对旅客人身安全的保障等;管理人员能够通过网站随时随地进行各项事务的处理操作,对旅客在旅行过程中提出的各种问题及时进行汇总和应答;对各个时间周期内旅客出行的地点和人数进行分析,以便于公司的宣传和准备工作。
旅游网站管理系统的主要使用对象是旅游管理部门和旅游公司,其功能是对旅游信息进行发布和修改,同时加强与游客的交流。本系统的用户十分广泛,对用户的技术要求是:熟悉计算机操作,熟悉Internet相关操作。
1.2 运行环境
硬件最小需求:奔腾3以上CPU,256M以上内存,10G以上剩余硬盘空间。
支持软件:Windows 98 /2000/XP操作系统。
支持环境:IIS 5.1。
数据库:Microsoft Access数据库。
开发工具:ASP。
1.3 旅游网站开发的可行性
采用现代计算机信息网站系统,能够有效帮助旅游企业优化旅游服务,使其在行业内处于优势地位,并相对长期地保持这种战略优势。开发本系统的可行性如下:
(1)技术可行性。随着网络信息技术、电子商务技术和软件技术的不断发展融合,设计旅游网站系统在技术上已经成熟。在本网站中,前台通过ASP语言实现,后台通过C#语言实现,数据库采用成熟的ACCESS。不仅能够保证其数据的可靠性,而且界面的实现相对容易,易于美化,完全能够满足本系统网站的技术要求。
(2)经济可行性。采用NET编程语言和ACCESS数据库,其成本相对便宜,在前期投入上花费较少,制作相对简单,能够满足中小型旅行社的需求,且投入较少。
2、系统总体结构设计
通过对广大旅游爱好者、旅行社和景区的调查分析,迎合大部分消费者的使用需求,采用软件工程对旅游网站系统进行总体分析。
2.1 旅游网站系统总体结构图
当前的网站系统,主要是以模块化进行设计,一方面便于加快网站系统的研发进度,另一方面便于日后的维护和扩展。
通过对系统总体结构的设计分析,能够让用户直观地得到网站的结构,方便用户的操作和使用。
本网站的系统结构如图2所示。
2.2 网站结构
本网站采用的是浏览器/服务器(Browser/Server)模式。所有操作服务都存放在Web服务器上,其后台数据存放在后台数据库当中,传输协议使用HTTP协议,客户端通过浏览器(Browser)访问Web服务器和数据服务器。其三层结构见图3。
第一层:浏览器:用于实现用户和服务器的交互工作,通过页面提示输入对应的信息,交由后台服务器处理,并将结果返回显示。
第二层:Web服务器,处于整个结构的中间层,实现用户的具体业务应用功能。
第三层:后台数据库,主要用于具体数据的存放,整个系统所有数据的调用都是从后台数据库中提取的。
2.3 系统功能模块设计
根据需求分析结果,按照“低耦合、高内聚”的原则,本系统设置以下主要功能模块:景点信息浏览功能模块、信息查询功能模块、在线留言功能模块。
(1)信息检索模块。
该模块主要是方便用户对本网站景点进行相关检索,并返回检索结果。用户可根据自己的不同需要进行选择,系统根据用户选择的不同检索方式和输入的关键字进行相关检索,得到用户检索的信息。
(2)信息浏览。
查看网站最近发布的信息(包含旅客、景点和旅行社),可以根据具体的访客情况进行分类别的查看。①旅游游记。通过“公告栏”可了解本站的最新信息,并可查看本站近期的所有公告内容;②景点信息。通过景点页面进行各个景点的信息浏览和查询;③旅游特产信息。通过旅游特产页面进行自己喜欢的特产浏览。
2.4 主界面设计
主界面是一个网站的门面,如同公司的形象,因此应特别注重设计和规划。它是用户首先见到的界面,它的好坏直接影响到网站的访问率。为此,笔者从以下几个方面对主界面进行了设计。
(1)在色彩搭配上,以一种较明快的色彩为基调,配以其它相关色彩,给用户一种鲜而不艳的美感。
(2)在字体选用上,大小适当,尽量使用常用字体,适当配用艺术字。
(3)在网页制作上,采用框架式结构,在框架中嵌入子页,将大表化小,图片压缩,尽量减少页面响应时间。
(4)在内容上,主界面内容充实而不繁杂,既体现本站特色,又满足用户需要。
(5)在用户操作上,简化用户操作,删去那些空洞的环节。
3、旅游线路信息管理模块的实现
在信息管理界面,管理员可以对各类信息进行管理。选择信息类别可以对信息进行类别管理,进而对类信息下的子类信息进行管理。管理员可以通过对修改删除按钮的点击,触发对信息的修改事件。其核心代码如下所示:
4、结束语
本文针对旅游网站展开讨论,首先分析了旅游网站的需求,重点介绍了其可行性,其次对网站系统的总体结构进行了设计,并分析了B/S结构的原理,最后详细介绍了网站的具体执行模块,即旅行线路信息管理模块,并给出了该模块的部分核心代码。由于文章篇幅所限,对于其它代码在论文中并没有给出,希望有兴趣的读者可在此基础上,进一步加以修改与完善。
参考文献:
[1] 余雷,周松建.ASP.NET应用开发百例[M].北京:清华大学出版社,2003.
[2] 黄斯伟,王玮.HTML4.0使用祥解[M].北京:人民邮电出版社,1999.
[3] 白鉴聪,王进.JavaScript网页效果大师[M].北京:机械工业出版社,2001.
[4] 武苍林,罗晃.Web数据库的ASP开发方案[J].计算机工程与科学,1999(10).
【计算机网页设计毕业论文范文(通用10篇)】相关文章:
网页毕业设计参考文献02-20
网页设计中计算机图像处理技术应用论文07-20
计算机图像处理在网页设计中的运用论文07-09
计算机网页设计的课程教学模式改革论文06-17
网页设计类开题报告10-07
多元素计算机动态网页设计论文论文06-18
计算机安全论文范文09-24
网页设计的开题报告范文10-20
关于写网页设计开题报告09-25
网页设计论文致谢论文致谢12-06