在日常学习和工作中,大家都经常接触到论文吧,论文是探讨问题进行学术研究的一种手段。写论文的注意事项有许多,你确定会写吗?它山之石可以攻玉,下面为您精心整理了7篇《网页设计论文》,希望朋友们参阅后能够文思泉涌。
计算机网页设计毕业论文 篇一
网页设计毕业论文内容
当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了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结束语
对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。
计算机网页设计毕业论文 篇二
摘要: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.
计算机网页设计毕业论文 篇三
【摘要】网页设计是一种直观的视觉语言,需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别,但是其两者依然存在一定的相似之处,网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。
【关键词】网页设计;布局;排版;文字;设计论文
网站是企业或政府向用户传递信息,提供服务的一种重要方式,是企业开展电子商务的重要平台,是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台,因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中,布局与排版是十分关键的内容之一,其会直接影响到浏览者对网页的第一印象与体验感。因此,对于网页设计的布局与排版进行研究具有十分重大的实际意义。
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.
计算机网页设计毕业论文 篇四
1、计算机网页包装设计与图像处理研究
1.1网页包装设计中的图像处理方法
借助计算机设备所进行的网页包装设计,需要对图像资源进行有针对性的处理,制作成为计算机软件开发应用需要的形式。在对图像进行制作时,要明确图像的格式,如果是制作成为GIF图片需要对图像资源进行透明处理,将其处理成为系统需要的图片形式,并在图片资源使用前,进行反复的控制研究,帮助进一步提升图像的色彩搭配合理度,动画格式的图像在内存中占据的比例比较大,根据网页打开后的内存资源来对系统进行更深入的设计,通过将各项设计理念结合使用,能够促进网站设计后的图形表现效果也更加理想,这是传统技术方法中很难实现的,也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些,可以对图片的整体色彩以及明亮程度进行调整。
1.2网页设计中的两种特殊应用
首先是鼠标在网页页面中移动所实现的动态图像显示,在网页被点击进入的初期,所显示的画面均为静态的,当鼠标移动进入到画面中时,图片会自动的播放,进入到动态显示效果中,这对网页的制作使用有很大帮助,并且可以减少缓存所需的时间,在内存上也能够节省大量的资源,对实现网页功能制作有很大的帮助。其次是网络相册的应用,网站是具有存储功能的,需要针对这一功能来进行具体的实现,观察在现场是否存在需要继续深入解决的技术性问题,确保技术应用是科学有效的,才能够达到理想的技术运用标准。设计以及图像处理期间吗,要将使用功能放在首位,并观察在网页的各项资源中是否存在冲突矛盾的问题,经过一段时间的解决与深入探讨,在技术上能够满足使用需求。
2、图像处理在网页设计中的应用解析
2.1网页设计中使用图像的意义
网页设计需要建立独特的品牌,并充分发挥品牌的影响力,观察在设计过程中图像是否能够充分发挥作用,这样在网站投入使用后,点击浏览者通过图像标识能够对网页产生深刻的影响,并对使用功能更好的了解。网站想要被更多的使用者所接受,需要传达一种安全可靠的信息,而图像是网站中最直观的部分,对图像处理进行严谨的对待,可以提升网页使用阶段的安全性,并避免在系统中出现严重的使用功能不稳定现象,促进管理计划在现场得到更好的落实应用。网页制作期间背景图像选择要与所传播的文化理念保持一致,并将提升使用稳定性作为设计期间需要重点注意的问题,避免图像在上传期间损坏,影响到安全使用,由此可见开展图像处理对网页包装设计技术应用的促进意义。
2.2网页图像处理的技巧
首先是图像的尺寸要进行准确的剪裁处理,观察在设计期间是否需要对设计的内容进行更稳定的处理,并通过技术方法来加深在现场调节控制的有效的方法,当发现在设计内容中,存在需要进一步完善的内容时,则需要进一步的采取解决优化措施,一旦图像的尺寸出现误差,是很难确保使用安全性的,并通过技术性方法来进行更加深入的解决。剪裁处理后的图像,需要结合网站的存储能力、浏览量进行测试,观察图片尺寸是否能够顺利的上传,并避免在使用中出现损坏。其次是图像处理要融入创新元素,这样网页打开后能够使人感受到新颖,过于落后的图片在使用期间可能会出现模糊损坏的现象,也不能够吸引更多的网友来对网页进行点击浏览,由此可见使用期间选择图像的重要性。可以借助网络系统来进行资源搜集整理,促进管理计划在现场得到更全面的落实,一旦发现质量下降的现象,要及时采取技术性方法来进一步完善系统中所存在的安全隐患。使图片的处理质量可以稳定提升。
3、结语
互联网技术的使用范围正在不断扩大,也促进了计算机网页设计得到大力发展,提高网页点击浏览量已经成为技术发展的主体方向。网页设计艺术性越来越高,设计时需要考虑的图像因素很多,要掌握对图像处理工具的运用技巧。计算机图像处理技术是网页设计技术的重要部分,最终网页设计的质量直接与其相关,设计者在设计之初就要考虑页面的整体图片效果,把将要展示的图像作为网站设计的开始,这样网站设计才能很好的起步,最终设计出让用户满意的作品。
参考文献:
[1]谢飞扬。计算机图像处理技术在网页设计中的运用浅探[J]。科技致富向导,2015(04)。
[2]李艳新。网页设计中计算机图像处理技术的应用价值[J]。电子技术与软件工程,2015(09)。
网页设计论文 篇五
1《网页设计》的实施
1.1课程设计
职业教育工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计,对于网页设计课程来说,学习领域可以采用网站项目贯穿于整个教学活动中,以项目为载体,将知识融于项目。这能够有效地提高学生的创新能力和实践能力,强调学生在密切联系有意义的“任务”情境中,通过完成项目任务来掌握知识、获得技能、形成能力。做到“教学、做”一体化,真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排,从确定网站需求、选择网站建设与管理工具,到规划设计网站结构与栏目、准备网站相关文字与图片等素材,再到软件平台中定义站点创建具体页面,依次实现网站各个子栏目模块,最后发布与推广网站。开展教学活动时,教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点,递进安排各个单元知识点的顺序,既要有基于工作岗位的过程性知识,也要兼顾课程理论知识,学生学习完课程后,打好理论基础,同时具备再学习的潜力和能力。例如在网站项目中,选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。
1.2课程实施
根据职业教育课程教学目标及项目进度安排教学单元,遵循的原则是学生为主体,教师为主导,按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人,抛出问题,提示解决思路,由学生具体负责完成工作任务,教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生,教师只需提示完成任务的思路和关键点。而对于基础较差的学生,教师还需要准备有具体步骤的实践指导书,供学生参考,对照完成并排除错误。
1.3课程评价
课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面:
(1)课程结束后,学生是否掌握了应知应会的基本知识和技能;
(2)学生是否了解到职业岗位开展工作的具体流程,并具备能力完成典型的工作任务;
(3)引入外部评价,如企业专家的考评,客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是,学生成绩评价方法最好以形成式考核为主,按照项目进度逐步推进,学生的阶段性成绩不断被累计,形成性评价可以确保基于工作过程的教学活动有序开展,监控学生的学习效果,最终保障良好的教学质量。
2结语
探讨了基于职业教育工作过程开展《网页设计》课程的基本思路,对课程的总体设计和单元设计、课程实施、课程评价进行了详细地阐述,对高职院校相关课程的教学具有一定的指导意义。并经广东行政职业学院初步尝试,基于工作过程的课程模式较好地改善了课堂的学习气氛,学生的学习自主性、协作性、创造性明显增强,锻炼了职业技能,学习效果显著改善。
网页设计论文 篇六
摘要:本文对网页设计与制作课程的现状以及教学过程中存在的问题进行了分析,通过项目化教学法的引入,对这门课程的教学进行研究。分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。实践表明,相比于传统的教学方法,项目化教学法更能够激发出学生的学习兴趣,提高学生理论联系实际的能力。
关键词:网页设计;项目化教学法;教学改革
近几年来,计算机技术已经发展各个领域中。社会对计算机相关专业的人才需求也是日益增多,但是现阶段中职院校计算机专业毕业生质量不高、数量不多,无法满足社会需求,所以培养更多高素质的计算机专业人才是当务之急。网页设计与制作是中职院校计算机专业以及电子商务专业的一门重要的专业课。这门专业课的教学目的是让中职学生能够学会设计并且完成一个网站的技能。这门专业课不仅重视理论,同时非常重视学生的创新能力以及实践能力,所包含的知识点很多,包括平面设计、图像处理、ash动画设计、程序设计、数据库的应用等。在传统教学模式的影响下,大部分中职院校学生的实践能力并没有达到预期的要求。同时,因为一部分教学内容跟企业用人需求并没有同步,造成很多中职院校的学生在毕业之后还要再参加培训才可以适应用人单位的需求。所以,要想对这种情况进行改善,使中职计算机专业学生实践能力得到提升,让毕业生能够满足企业需求,就必须要对目前的教学模式进行改革。
一、现阶段中职院校教学现状
1.教学思想落后国家最新颁布的中职人才培养计划里面,开始渐渐提高了实践课程的时间占比。可是,在实际教学中,并没有真正实现,实践教学占比仍然较小,同时考核的方式仍然是传统模式,以试卷为主,学生的实践能力无法得到锻炼。2.教学内容缺乏新意在教学改革中,核心的工作就是对教学内容的改革,但是现阶段的大纲仍然大部分使用以前的内容,知识点并没有大范围的变动,不仅是理论知识的大纲,就连实践内容的大纲也相对滞后,并没有太多新知识的加入,无法满足社会需求的计算机人才技术要求,没有配套的教学案例进行指导,造成大部分的学生在毕业之后还要再次培训。3.教学方法落后在教学方法的使用上,仍然采用传统的填鸭式教学,上课的时候仍然以讲台上的教师为主,教师与学生之间并没有太多的互动,并且相应的教学设备也不是很够用,导致理论无法联系实际,严重地影响了学生的创新思维的成长。4.考核方式不合理现阶段很多中职院校的考核方式无法对学生的实践能力进行真实的反映,大部分还是以理论考试为主,考核内容缺乏实践能力的考核。5.对知识应用缺乏整体感现阶段的教学模式存在着一个很大的问题就是学生所学到的知识点大多数是零散的,在进行实际问题的考虑时无法从整体层面下手。所以,所有的课程学完之后,怎样应用知识整体去解决问题,还需要学生对知识进行重组,而缺乏实际案例的教学内容,会使学生在实践的过程中缺少方向与目标。6.缺乏实际工程项目经验网页设计与制作这门课程特别强调实践,缺乏实际案例的经验,会使学生的知识仍然停留在理论层面,这在以后的实际工作中是非常不利的。缺乏案例的训练,学生也无法在训练的过程中发现自己的问题,学习效果会严重受到影响。
二、项目化教学法
1.项目化教学概述项目化教学法是一种以构建教学理论为基础,将学生作为教学中心,发展学生全面素质的一种教学方法,由美国以及加拿大两位教育学家所提出的。项目化教学法的本质就是:以学生教师共同参与教学为前提,以实际项目为主线,贯穿整个教学过程。项目化教学法的目的就是加强理论教学与实践教学的融合,提升学生的实践能力,最大可能地将学生的创新能力发挥出来,使学生解决实际问题的能力得到加强。在项目化教学法应用的过程中,涉及的实际项目要符合以下要求:第一项目必须与教学内容有着紧密的联系,可以有效结合理论与实践;第二项目要满足用人单位的实际需求,使学生掌握的能力与用人单位相匹配,在完成项目之后,学生可以通过项目过程中获得理论与实践知识去解决实际问题。通常情况下,在采用项目化教学法时,要对学生实施分组,并且由教师对整个项目的开发过程进行指导。首先以学生为主体,让学生对项目的开发以及分工进行探讨,并且对项目过程中可能遇到的问题进行详细的分析,确保项目的顺利完成。然后通过教师的指导,并结合所学的知识对项目进行开发,在项目开发的过程中,让学生按小组的形式进行学习与实践。项目完成之后,每个小组都要将自己的成果展示出来,由其他同学与教师一起点评并给出相应的意见。在学生参与项目开发的整个过程中,学生的主动性以及积极性都被充分调动出来,通过项目针对某个目标进行学习,使学习的效率得到了提升,同时有效地将理论与实践相结合,这样整个过程所收获的能力一定能在日后的工作中派上用场。因此,将项目化教学法应用到中职院校的网页设计与制作课程的教学中是非常合适的。2.项目化教学的意义(1)培养学生综合素质。项目化教学法是一种比较先进的教学方法。项目化教学法能够有效培养学生的分析问题能力、实践应用能力、团队协作能力以及交流能力,提高了学生的综合素质。(2)发挥教师的创造性。项目化教学是通过实际的案例进行教学的,不仅要求学生在解决问题时理论联系实际,还能要求教师具有很强的应变能力以及创造性。整个教学的过程中,教师必须要将项目化教学的理论体系把握好,通过项目的不同及时进行教学内容的调整,同时要不断激发学生的兴趣,引导学生完成该项目。(3)推动教学改革。所谓进行教学方法改革,不能只在教学的形式上进行改变,也要在观念以及思维方式上进行改变,包含教师角色与学生角色的改变、考核方式的改变、教学体系的改变。对教学方法进行有效的改革,既能够推动中职学校的教育发展,还能够调动出学生的创新意识等内在的需要。(4)与实际岗位技能紧密相关。在进行项目化教学法时,所涉及的项目的真实性很高,项目中所涉及的理论知识以及实践能力都是用人单位所需要的。这样能够帮助学生在项目的开发过程中,得到与未来工作岗位相匹配的能力,提高自己的就业能力。
三、课程项目化教学设计与实施
相比于传统的教学方法,项目化教学法实施的过程中,主体是学生,学生是整个教学过程的中心。在项目化教学法教学的过程中,学生的思维要从“要我学”转变成“我要学”,从传统的以理论教学为中心转变成以项目开发为中心,从以教室为中心转变成以实践场所为中心。因此,在进行项目化教学法的'实施时,首先对学生的整体情况进行一个了解,之后通过教学思路以及项目化教学原则,制订出教学计划,主要包括下面几个环节。1.项目设计本文以网页设计与制作这门专业课为例,对项目化教学法进行探索。以项目需求以及功能为主线,将课程中所有的知识点进行贯穿融合,学生通过项目的完成来掌握项目中涉及的理论知识与实践能力。这样能够在整体上把握好这门课程的核心内容。所以,选择一个合适的项目是整个过程的关键,要充分考虑项目的可行性以及真实性。2.制订项目教学计划在项目确定之后,下一步就是要对项目制订具体的实施计划,将选定的项目分为几个模块;然后将所有模块所涉及的知识点和能力要求整理出来,安排到教学进度中,得出教学计划;之后教师与学生进行项目的实施,实现所有项目需要的能力要求,步骤如下。(1)制订计划。将项目的具体实施方案、分工安排以及时间安排表制定出来。(2)情境设置。通过需要掌握的知识点,安排项目场景,进行环境的模拟。(3)明确任务。根据场景中的内容,归纳总结出所有需要完成的知识点。(4)操作演示。根据实际问题的解决,将知识的内涵和用于解决实际问题时所起到的作用进行演示。(5)学生实践。指导学生在类似的场景中进行实践训练,使学生对知识点的理解更加深刻,掌握解决问题的能力。(6)协作学习。根据小组的工作分配来实施项目,并隔一段时间进行一次交流讨论。(7)学习评价。通过每个小组的项目完成情况,由教师以及学生一起对项目的完成情况进行评价。3.实施计划整个项目的实施过程,要由教师进行指导,再通过每组学生进行完成。进行项目的实施之前,要配备好项目涉及的所有网络以及硬件设备,这样可以有效减小意外对于项目实施的影响。在进行项目的实施过程中,碰到项目的一些难点以及重点环节时,由教师进行统一的指导来完成,确保项目的正常实施。4.检查评估对项目进行实时的控制是保证项目顺利完成和开展的关键。所以,教师在进行教学的过程中,要对每一小组的完成情况进行检查,确保项目的正常开展,并在发现学生出现问题时及时给予正确的指导。
四、项目化教学法实施注意事项
实施项目化教学法的过程中,不能只对项目的成果进行关注,还要关注整个过程。这个对拥有创造性的实践环节,学生与教师要一起完成,整个过程要注意以下问题。1.教师应改变教学观念想要实现传统教学模式到项目化教学模式的转变是一个循序渐进的过程。在项目化教学法实施进行中,不是让教师把理论知识带入到实践环节中,而是要根据一门课程设计一个对应的项目,同时把整个项目分成几个块,采用这些模块将需要学习的知识点进行覆盖。教师不仅要对教学的理念进行调整,还要对整个课程的体系有着深刻的认识,能够把握住项目和考核目标的匹配度。2.教师应进行合理的引导在项目化教学法实施的过程中,虽然大部分的工作是由学生来完成的,但是教师的指导作用也是非常关键的。这要求教师不仅要具备足够的理论知识,还要求教师拥有丰富的实践经验,能够第一时间看见项目实施过程中出现的问题。教师的引导工作主要有两方面,一是要通过项目的实施引导学生学习理论知识,二是在学生进行实践的基础上引导学生对所学知识进行扩展。当然,教师的引导不仅要针对学生小组,还要分配到每位学生的个人身上。3.项目的设计要做好理论知识和实际需求的匹配项目化教学法的最终目标就是使学生不仅掌握理论知识还要掌握实践能力,所以项目化教学法在实施过程中的一个难点就是怎样把这两者进行有机结合。教师在进行项目的选择时一定要对项目的实用性以及针对性进行充分的考虑,在进行项目的实施计划安排时,把每个模块所对应的知识与教材的内容对应起来,将理论知识和实践操作结合起来。
五、实施效果
笔者学校已经在计算机专业的网页设计与制作课程教学中应用了项目化教学法。为了对项目化教学法的实施效果进行验证,今年学校对一些校企合作单位进行了访问,考察去年计算机专业毕业生在网页设计岗位的工作情况。大部分企业表示,这批毕业生无论是在理论上还是在实践能力上都要更优秀一些。事实证明,项目化教学法可以使学生对知识有更深刻的理解,提升学生的学习兴趣,使学生的学习目标更加明确;可以更好地掌握网页设计的技能,加强学生的综合能力,有利于学生未来的职业能力的培养。
六、小结
本文将项目化教学法引入到中职院校的网页设计与制作课程中,分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。通过实践表明,相比于传统的教学方法,项目化教学法更能够激发出学生的学习兴趣,提高学生理论联系实际的能力。
参考文献:
[1]张波。信息技术课的六种有效课堂教学模式[J].考试周刊,20xx(80).
[2]尹强国,张慧如。项目教学法在JAVA面向对象编程中的实践与研究[J].现代企业教育,20xx(14).
[3]李博。项目教学法教学模式与传统教学模式的比较[J].教育教学研究,20xx(29).
[4]张广群,汪杭军。项目化教学在“VB程序设计”课程中的应用[J].计算机教育,20xx(4).
网页设计论文 篇七
摘要:通过对传统教学模式的调查研究,了解到传统模式逐渐无法满足学生的需求。项目教学法作为一种新的教学模式,在《JSP动态网页设计》课程中是一种新的尝试,通过学生自己完成项目的方式,自主学习JSP网页设计,整个过程由学生自己负责设计,实施,对提高JSP教学的效果有着显著的指导意义。
关键词:项目教学法;教学改革;JSP动态网页设计;步骤
通过对项目教学法的研究,选取与JSP网页设计课程相关的项目来创设“情境”[1],让学生主动从零到一,完成自我思考,自我学习,自我强化的过程,认证搜集资料并进行整理,充分整合资源,发挥学生的自主创新精神,最终完成整个JSP动态网页设计的学习。
一、概述
高职院校为了实现毕业生和企业直接对接的目标,在学生的培养方面主要是注重学生动手能力的培养,为了实现这一目标,项目教学法是最为合适的一种教学方法。该方法已经成为高职各科课程教学中必选方式之一了。明达职业技术学院的《JSP动态网页设计》这门课程也采用了该方式组织课堂教学,该门课程的实践能力要求较高,社会只用性很强,是专业核心课程。主要选用项目是”基于JSP的学生管理系统”,从部分功能开始,讲练结合,让学生做到能在理论的基础上,举一反三实现理论到实践的转化。课程结束时,学生应具备了了解软件开发的过程,熟悉开发工具,掌握理论实践的操作。
二、项目教学法的含义
项目教学法是在教师的指导下,将一个相对独立的项目由学生小组自己进行资料收集,方案设计,由学生自己评价项目实施的成果,学生通过该项目,了解和掌握在整个过程中每一环节的基本要求。“项目教学法”的特点是最显著的项目为主线,以指导教师为主导、学生为主体”,体现在:多目标;培训周期短,速度快;可控性好;注重理论与实践相结合。项目教学法是教师和学生共同完成项目的一种教学方法[2]。在项目教学法的实施过程中,教师将需要解决的问题通过对学生设立项目的形式来呈现,一本每个项目都会有具体的任务要求和说明,学生通过老师发放的项目要求任务书来设计项目,负责整个项目的设计和实施。通过小组协同工作的方式,自学完成,期间有任何不懂得问题可以咨询导师,导师相当于是学生的左右手,有什么不懂的随时可以寻求帮助,给予学生一定的指导。最后学生共同根据项目制定计划,完成分工,搜集项目的资料并将进行整理,在实践中发现问题,分析问题并解决问题。
三、《JSP动态网页设计》运用项目教学的意义
(一)《JSP动态网页设计》教程简介
《JSP动态网页设计》是计算机专业学生学习的一门核心课程,其实践性较强,不但要通过日常的书本上的学习,还要在计算机上反复实践操作才能掌握。JSP全名为JavaServerPages,中文名叫Java服务器页面,是一种网络程序设计语言,用来开发动态网站[3]。它和JAVA的特点很相似,都简单易操作,全面向对象,平台安全可靠且无相关性。使用java编程语言的类标签的XML脚本的JSP技术,对动态网页的处理逻辑[6]。网页也可以通过标签和服务器应用逻辑脚本资源访问。显示器的分离设计,JSP页面逻辑和网络,为支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。很多高校基于这些特点,都将其作为计算机专业学生继学习JAVA后的有一门必修课程。但是由于其难度和枯燥性,很多学生表示很难驾驭得了,在步入社会以后,所学的知识没能发挥在工作上,从而降低了整个行业的就业质量。
(二)在JSP课程中应用项目教学法的重要性
在传统的JSP课程教学中,学生通常按照课程的标准先学习一部分的基础内容,后期通过简单的上机操作进行理论的巩固,在这种教学模式下,学生很大一部分在前期就已经丧失了学习JSP的兴趣,后期的上机练习也只不过是现在教学的一种硬性要求,对于真正想要学习的学生无疑是一种沉重的枷锁,学生学习的效果很差。但是通过运用项目教学法,将课程的标准以项目完成的方式分成若干块,学生通过完成项目任务来获取学分,在项目中自学,不用拘泥于传统教学模式下的上课,学习更自由了,学习的动力也更强了,这在很大程度上提高了学生的学习积极性和学习的热情。
四、项目教学的应用步骤
(一)培养目标的确定
高职院校“JSP动态网页设计”课程必须确定其具体的知识培训的目标、能力和情感与相应岗位职业能力目标[1]。1.知识目标:通过本课程的学习,熟练掌握配置JSP开发环境;熟练掌握JSP脚本元素、指令元素的用法;熟练掌握JSP中内置对象的特点及用法;熟练掌握JDBC访问数据库技术;熟练掌握JavaBean组件的基本知识;熟练掌握JSP中的标准动作标签;熟悉Servlet的通信方法,掌握Servlet的上下文接口;掌握JSP中标签的用法;掌握JSP中Filter过滤器的用法;掌握应用JSP进行WEB程序开发的能力,初步具备开发实际应用程序的能力;2.能力目标:能熟练使用eclipse软件,实现学生管理系统的注册登录功能;信息添加删除功能;查找等功能;能解决开发过程中出现的各种错误提示;测试完成。3.情感目标:具备较强的规范意识、较强的市场竞争力和承受压力的能力、良好的学习习惯,具备自主学习和团结合作、创新能力。
(二)教学项目的划分
该项目是确定项目教学成功实施的关键因素,必须根据企业对学生工作任务的能力要求进行分析,结合学生的认知特点和接受能力,合理选择项目。并根据企业的工作流程,明确项目的任务,我院JSP动态网页设计”课程的项目被确定为:
(三)教学方式的选择
高职《JSP动态网页设计》课程可设定多媒体讲练结合、岗位调查、学校实验室项目培训、联系个别实习企业,让学生置身于企业中去参与项目的进展,充分利用各种教学资源,丰富教学形式,提高学生的学习兴趣,突出课程的实践性强的特点,从解决实际问题出发,提高学生的创新能力和自学能力。
(四)教学方法及过程的组织
1.从学生角度教师进行项目教学时,应重点侧重于学生自我实践能力的加强。以程的核心内容为项目依据为学生制定任务,并确保每个项目都是由简到易,层层递进,充分调动学生的学习兴趣。尽量选择和生活贴近的案例和素材,如布置的学生管理系统项目,利用情境教学法,让学生更好更有效地学习。在项目完成后,教师可以分别让组员互相做出评价和改进方案的建议,上交个人作品作为课程结束的作业。学生在交流中与老师互动,老师在学生做项目的时候可适当提出意见完善项目并修改,将理论与实践有机结合起来。2.从教师角度教师在授课之前应该做好项目的备案,充分考虑到学生对所选项目的适应性和项目本身的难易程度。在上述帮助学生加强实践能力的同时,提升自我的修养和学识。在实施之前,授课老师应对项目教学有一定的认知和了解,在具体应用中将理论知识与项目的实践应用融会贯通并传授给学生。自己在项目经验方面也要多下功夫,提升自己,提高教学服务的质量,培养出更一流的学生。实践能力的提升并非一蹴而就,在日常生活中教师还要多多接触社会中有关专业方向的工作要求,并及时反馈给学生,让学生及时了解到社会所需要的人才结构。项目教学应用是学生和老师互相学习的过程,是共同进步的纽带。不仅仅是学生自身能力的提高,也是老师对完善多年教学模式的一种新的认知。
(五)考核方案的设置
适应项目教学需要,为培养学生的综合能力,对学生的考核也要注重过程化的考核,鉴于课程实践性强的特点,重点考核学生的软件操作和软件开发、处理能力,本课程主要采用以下几个部分进行考核:1.平时表现考核占总成绩的60%,由平时出勤、课堂表现和作业等内容构成。2.分阶段、分项目考核占总成绩的40%,即最终整体项目的考核情况3.根据上述各项成绩按比例总评得出考核结果。不再进行传统的期中考试4.6项目教学法在《JSP动态网页设计》实施教学中的注意事项1.排课安排要以半天或一天为单位进行排课,和以往的以一节或2节有所区别;2.班级人数不宜过多,应该在20至30人之间。
结束语
项目教学法的实施,有利于丰富和发展全国计算机专业学生的教学模式,提高计算机人才进入就业市场后的适应能力,最大程度地满足经济建设和社会发展的需要。21世纪的信息时代,学生更需要接受像项目教学法这样的教学模式而非传统教学,这是一种新的尝试,更进一步地发挥了学生自主学习的能力,打破了以往刻板的教学,体现了高等教育的特色,这样学校才能够更好地培养出有效的高素质的技能型人才。
参考文献
[1]欧志先。"动态网页设计(JSP)"项目教学法初探[J].科学咨询,20xx,(7):79.
[2]杨文。《JSP动态网页设计》项目教学法的研究与实践[J].福建电脑,20xx,25(8):206,204.
[3]李阿芳。项目教学法在《JSP网页设计》课程中的应用研究[J].电脑知识与技术,20xx(18)
[4]赵海冰,李瑛,邢翠芳。浅谈项目教学与任务驱动在“C程序设计”教学中的应用[J].计算机工程与科学,20xx(z2).
[5]王向阳,李东,张惠玲。项目教学法在程序设计课程教学中的应用[J].价值工程,20xx(6)
[6]陈民。基于J2EE学生网上评教系统的系统设计[J].电脑知识与技术,20xx(12)
以上就是为大家整理的7篇《网页设计论文》,希望对您的写作有所帮助。