小编精心整理了《网页制作与网页设计论文(精选3篇)》的文章,希望能够很好的帮助到大家,谢谢大家对小编的支持和鼓励。摘要:DIV+CSS是目前最流行的网页制作技术,但学习起来枯燥,不宜熟练掌握。为了提高教学质量,提升学习效果,进而使学生由浅入深、循序渐进地掌握这门技术,本论文通过教学方法的选用、知识点、技能点实践环节的设计和考核方式的设计等方面的探索,经过教学实践,总结出一些经验。
网页制作与网页设计论文 篇1:
“网页制作”的教学设计与实践探究
【摘要】随着近年来信息技术的发展和应用,学校也越来越重视学生对计算机技术和网络的应用能力。“网页制作”作为一门综合了网络技术、信息技术及美术设计的综合性学科,逐渐成为学校考查学生综合能力的重要途径。本文将从“网页制作”的教学内容、教学对象、过程及目标等方面,对“网页制作”的相关概念进行详细阐述,并提出“网页制作”实际应用的方法和措施。
【关键词】网页制作;教学;设计
早在20世纪初,我国就已经把“网页制作”作为高校基础课程的内容。“网页制作”不仅能提高学生对信息技术的应用能力,还能提升学生的动手能力和设计、规划能力,有利于促进学生的全面发展。在近年来的实践中,“网页制作”课程的开展已在高校取得了较好的效果,在培养学生团队合作、自主创新能力方面都取得了卓越的成效。
1.教学现状
网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。
在课程设置上,一般院校都会在学生进入大二后开设网页设计课程。主要原因是,网页制作包含了较多的网络技术语言,且考查到了学生对信息、设计的知识的综合应用,需要在大一阶段打好理论、技术的基础。
网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言,C++语言,Java语言等,数据库原理则分为Access数据库基础,VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。
2.教学目标
网页制作课程的总体教学目标是,使学生通过对相关网络技术基础内容的学习和实际的上机操作,掌握一定的网络技术应用能力,并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条:
2.1 知识目标
在进行网页制作前首先要掌握一定的网络基础知识和软件操作流程。例如Dreamweaver是网页制作中十分常用的一种软件。在进行网页基础知识的学习时要对软件菜单栏、工具栏等项目的操作方法进行熟练掌握。对于一些基本的编辑、排版技术也要做到有一定的了解。具体应掌握的技术有表格绘制、排版的技术,动画、音频的处理技术,网页编辑、链接的技术,图形绘制晕染的技术等。
2.2 技能目标
技能目标主要指根据现有的网页内容,通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字,与文字相对应的图片、符号及一定的动画、切换效果等。在进行网页内容的排版时,可借助一定的表格划分内容结构和层次,还可给网页配上一定的背景图片和音乐以丰富网页内容,增加网页的观赏性和完整度。
2.3 情感目标
情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时,学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力,给未来的职业发展打下了一定的基础。
3.网页制作课程的内容
网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页图像处理和动画制作等四个部分。其中,网站制作部分会涉及到网站和网页概念的区分,网站设计语言等内容;网页制作则会应用到Dream Weaver,FrontPage等网页制作软件;在网页特效部分,会着重介绍JavaScript、Gif图片的制作;在网页图像处理和动画制作上则会应用到Photo Impact和Flash动画制作软件。
4.网页设计课程的设计思路
尽管我国许多高校都开设了网页设计这一课程,但由于课程设计、操作设备等条件因素的限制,其实施效果并不理想,制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求,其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长,因此在设计教学内容时,必须综合考虑到各个方面,设计出相对科学、高效的网页设计培训课程。
在教学进度的设置上,可以采用分部教学的方式,将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用,对于初学的学生而言具有一定的难度,教师在教学时可以先从基础知识入手,使学生对软件的用途有一个整体的把握。其次,在分部讲解软件中所包含的功能,使学生在实际操作中逐渐掌握软件使用的方法。
课程设计必须充分遵循学生学习、进步的一般规律,切实提高学生网络技能。为达到更好的教学目的,教师在教学时应注重根据学生的学习兴趣进行教学安排,充分激发学生的学习动力,提高学习效率。同时,在教育形式上也可进行一定的创新,充分利用网络资源,为学生提供更多的学科信息。在学习不同内容时,也应采用不同的教学模式。例如在学习网页制作的相关理论知识时,要注重教学语言的简洁、生动,使学生能在短时间内理解网络应用语言和网页图像符号;在网页制作过程中,应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性,让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用,在学生遇到技术性困难时给予一定的指导和帮助,使学生能在具体的操作过程中,培养起一定的自学能力和创新能力。为提高学生的相互协作能力,教师还可建立合作小组,对一些重点难点的内容进行小组分工。在具体实施工作上,则由小组组员自主安排,在保证了小组合作的同时,也强调了学生学习的自主性。
5.教材分析
我国大部分高校在进行网页制作教学时都采用了《Dreamweaver中文网页制作基础》这一教材。这本教材的最突出优点就是采用了设置任务的模式完成网页制作的教学。在每一章内容的介绍中,教材中都会设置相应的教学任务和实用案例。学生在完成任务的同时,对教材中涉及到的基础知识点和操作技巧都进行了应用,并在不断操作中强化了记忆,相较于传统的教学模式,更有利于学生对知识的掌握和应用。另一方面,这本教材的内容设置充分遵循了学生的学习规律,并把握好了重点。在教材的前半部分是对网页设计基础知识的简介,其中包含了对数据库软件、Office应用软件、Flash软件等软件的操作规范和说明,使学生在进行实际的上机操作前,对这些基础知识点有了较为全面的把握。教材的重点放在了网页的设计过程上。教材对网页设计的步骤进行了详细、具体的说明,并通过文字和图形结合的方式向学生展示了一些具体操作流程,学生能在较短时间内掌握设计方法,完成网页的自主设计。
6.结语
网页制作是一门综合性很强的学科,对学生的理解能力、设计能力、审美情趣及动手操作能力进行了综合的考查。同时,对于教师而言,网页设计课程的开展也考查了教师的授课能力和创新意识。在网络技术日新月异的今天,掌握好网页制作技术有利于开发学生的创新精神和合作精神,提高学生的综合素质。
参考文献
[1]王晓晴.浅谈“网页制作”之网页版面的教学设计[J].计算机光盘软件与应用,2014(2):31-34
[2]薛巧梅.任务驱动教学法在网页制作教学设计中的应用[J].武汉船舶职业技术学院学报,2013(5):69-71
[3]高晶.浅谈任务驱动教学法在网页制作教学设计中的应用[J].中国校外教育(基教版),2012(12):99-102
作者簡介:智文静(1970—),女,内蒙古人,副教授,研究方向:多媒体,网站建设,网页制作等。
作者:智文静
网页制作与网页设计论文 篇2:
以DIV+CSS为核心技术的《网页制作》教学设计与实践
摘要:DIV+CSS是目前最流行的网页制作技术,但学习起来枯燥,不宜熟练掌握。为了提高教学质量,提升学习效果,进而使学生由浅入深、循序渐进地掌握这门技术,本论文通过教学方法的选用、知识点、技能点实践环节的设计和考核方式的设计等方面的探索,经过教学实践,总结出一些经验。
关键词:DIV+CSS教学设计
引言:
网页设计课程是一门实践技能很强、技术手段不断更新的技能课,随着网络技术的飞速发展,在XHTML网站设计标准中,已不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。最直接的特点就是,代码冗余小,网页打开速度快。结构和表现分离了,只需改变css就可改变网页的风格,而内容不变,这样维护和升级的成本降低了。对于初学者,常常被枯燥的代码和编写语言搞得焦头烂额,要收到显著的教学效果,教学方法尤其显得重要。
一、教学方法设计
教学方法是一门课程的教学中,教师为了完成既定的教学任务,实现教学目标,而在教学过程中运用的教学方式和手段。面对课程知识点和实操强的特点,可突出以下几种教学方式。
强调记笔记。记笔记有助于对学习内容的理解。记笔记的过程也是一个积极思考的过程,可调动眼、耳、脑、手一齐活动,促进了对课堂讲授内容的理解。尤其越是逻辑性强的课程越需要一个良好的学习习惯,而这正是高职学生所欠缺的。因此,面对这种特点的学生,教学方法中一定要注重有意识让学生建立良好的学习习惯。从第一节课就开始提出记笔记的明确要求,并纳入到平时作业成绩考核中,让学生不得不先重视起来。不定期地在课上练习和课后作业中引入笔记的内容,让学生明显意识到课上记了笔记,平时注重积累,做练习就会提高效率,事半功倍,否则,按时完成作业都相对费劲。有一个现象叫“飞轮效应”.为了使静止的飞轮转动起来,一开始我们必须使很大的力气,一圈一圈反复地推,每转一圈都很费力,但是每一圈的努力都不会白费,飞轮会转动得越来越快.达到某一临界点后,便无须再费更大的力气,飞轮依旧会不停地快速转动。因此,培养学生好的学习习惯也是一样,开始教师和学生可能都会很累,但只要坚持不懈,学生就会逐渐养成稳定良好的学习习惯,看上去很累的学习就会变得自然轻松。老师也会越教越轻松。
鼓励原则。美国作家马克·吐温说过:“一句好听的赞辞能使我不吃不喝活上三个月。”这句话夸张地描述了表扬的魅力所在。有时,一个赞许的目光能使人鼓起勇气,信心百倍。对于这个观点,在多年的教学生涯中,相信许多老师都受益匪浅。当前,DIV+CSS已经成为制作网页的一种技术潮流和趋势,学习者也必须不断提高自己的技能来适应这种变化。各种XHTML标签和CSS属性在实际的操作中,往往问题层出不穷,令学生头疼不已,如果在这个时候,不及时加以鼓励,就会导致教学效果半途而废。因此,一定要在学生面对问题时,主动与其一起思考,提出解决该问题的关键点,让学生自己尝试,而不是直接告诉答案,教学效果不言而喻。学生会认为是自己经过艰苦思考而最终战胜了困难,自信心增强,也就有了继续学习下去的动力。
循序渐进。面对高职学生,想要取得好的教学效果,循序渐进的教学方法必不可少。在课堂教学中,不要放过任何一个看上去非常简单的问题,有些小问题往往不简单,可以延伸出许多知识点,只有熟练掌握学会举一反三才能更加自如地运用该门技术。要选定一个难易度适中的网站,既不能太难模仿,使学生产生畏难抵触心理,又不能太简单,而达不到巩固教学内容的目的。学生在“模仿”课环节,对指定的网站首页和其他主要网页进行模仿还原,该网站的各类素材可以直接使用,对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务,学生往往会表现出极大的热情。
对比较学法。制作一个简单的网页,尤其运用以前的TABLE布局技术,上手很快,容易实现,大部分初学者一旦学习了表格布局技术,就很容易依赖,而不愿意去尝试DIV+CSS技术了。面对这种问题,就要适时运用对比教学法,例如通过制作一个“简单相册”的小例子,让学生分别运用TABLE技术和DIV+CSS技术制作,完成之后,让学生观察代码有何不同。可以明显看出,table时代,一个页面表格嵌套10个以上是非常普遍的事情,从而页面代码冗长,杂乱无章。然后紧接着提出迅速更新页面的风格,让学生继续尝试完成。通过实践,学生就可以清晰得出结论,DIV+CSS技术的优势,内容和形式分离,更新页面风格,只需要改动CSS文件就像换件衣服一样简单容易。DIV+CSS技术制作“简单相册”代码如下:
<style>
div,body,img,ul,li,p,a{ margin:0;padding:0}
.base{ margin:0 auto;width:530px}
ul{ list-style-type:none;width:530px}
li{ float:left;margin:0 5px;}
img{ width:150px;height:100px;border:1px solid #CCCCCC}
p{ font:"宋体";font-size:9px;text-align:center}
h1{ font-size:24px;text-align:center}
</style>
<body>