欢迎来到易发表网!

关于我们 期刊咨询 科普杂志

网页的设计与制作优选九篇

时间:2023-10-11 16:23:05

引言:易发表网凭借丰富的文秘实践,为您精心挑选了九篇网页的设计与制作范例。如需获取更多原创内容,可随时联系我们的客服老师。

网页的设计与制作

第1篇

[关键词]O2O教学模式;网页设计制作;教学改革

一、O2O教学模式的概念及特点

O2O教学模式,是利用互联网技术,综合线上、线下的优质教学资源,构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由,可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课,教师都必须以基于线下来做线上,以及基于线上来改进线下为原则来准备线上和线下教学资源,且线上线下教学资源必须相互融合。线下教案的设计,线上教学视频的录制与编辑等课前准备工作,教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学,在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上,再从线上到线下等进行交流讨论,大大的突破了时间与地点上的限制。

二、采用

O2O教学模式的必要性和可行性

(一)必要性

现在的高职院校学生生源主要来自两个渠道,一是通过高考录取进来的专科生,另一部分是通过中考录取为五年一贯制的专科生,生源素质普遍较低,学生学习兴趣不高,自学能力较差。本文作者通过问卷和实地访问调查发现,在传统的教学模式课堂上学生喜欢玩手机,课外时间更是玩得不亦乐乎,甚至达到忘我的境界。为了能达到理想的教学效果,学院管理人员和教职人员齐抓共管,针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此,何不利用学生痴迷于手机这种心态,充分发挥手机移动端的最大作用,结合移动互联网技术,采取O2O模式进行教学。

(二)可行性

通过调查分析,免费无线WIFI已覆盖全院,人人都拥有至少一台移动终端设备,学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台,这些软硬件设备都为开展O2O教学提供了良好的基础。此外,通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式,学生也很愿意接受这种具有自由灵活性的学习方式。

三、《网页设计与制作》课程应用

O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象,课堂上大多数知识点学生能听懂,但不能将各个知识点融会贯通,遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上,教师通过举例展现实际效果将知识点解释清楚,并对各个知识点的关系进行梳理。但由于课时的原因,学生听完之后就没有更多的时间进行下一步讨论,在没有听懂的情况下也没有时间向老师请教,就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题,2016年5月,我院引进了超星慕课平台,将《网页设计与制作》课程作为试点进行教学改革,探索出一套适合我院的O2O教学模式,然后在全院范围内推广至其他课程。

四、基于O2O教学模式在《网页设计与制作》课程改革与实践

(一)线上网络平台资源的建设

在超星慕课平台上建立网页设计与制作课程,在平台上多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作,用以强调内容的重要性。

(二)线上与线下课堂教学模式的改革

在传统教学模式课堂中,教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟,每个环节分别占用的时间大概为:5-8分钟,30-35分钟,3-4分钟,2-3分钟(课后小结是利用课外的时间完成)。一堂课下来,教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节),这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学,教学环节与时间分配都必须重新设计。

(三)O2O教学模式的教学环节设计

通过探讨总结分析,将O2O教学模式学习时段分为课前、课堂、课后三个时段,具体工作如下:(1)课前时段:课前时段即线上学习时段。在每堂课上课之前,老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习,学习过程中遇到的问题,可以通过平台中的互动课堂版块进行在线提问和讨论,也可以记录在纸质笔记本上,带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时,相应的对下一节课内容已完成记性和理解两个过程,为课堂时段提供充足的准备。(2)课堂时段:课堂时段即线下学习时段。在课堂上,老师首先利用10-15分钟的时间对视频中的知识点、重难点进行梳理,并对学生进行提问以了解学生课前学习的情况。其次利用15-20分钟的时间让学生提问,通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10-15分钟,学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定,最后由每组的组长向老师表述讨论结果,进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等,是很重要的一个环节。(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频,把之前遇到的问题(课堂时段已解决的)再梳理一遍,以达到温故而知新的目的。再完成老师在平台上的在线作业,如有疑问,可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师,也可以与同学进行交流,同时对自己的学习效果进行在线测试等。

(四)适应O2O教学模式的教师队伍建设

传统的教学模式中,所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学,虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色,但是平时的工作量不但没有减少,反而成倍增加。老师除了要做在传统的教学模式中准备的工作外,课前必须把教学视频录制编辑好,把教学素材上传到教学平台上,还须与学生保持紧密联系,掌握其学习动态,根据学生的学习效果优化课程教学内容,时刻在线为学生解答问题等。由于一名老师精力有限,是很难独立完成这么大的工作量的。因此,教学团队经过探讨,对团队老师进行分工,将工作量进行分解,明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成,主要负责课前教学视频的录制编辑,课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的、课后答疑、题目、作业收集与批改等工作。大家都把自己的工作任务做好,有事情积极沟通,抱着相互协作的态度完成课程教学工作。

(五)O2O教学模式的考核机制

O2O教学模式的考核机制以培养学生实践创新能力目的,以平时的学习态度为基础,依据教学环节进行设计,以期末考试总成绩100%进行计算。平时学习态度占10%,包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%,包括教学视频观看情况,线上任务点的完成等;课堂时段学习占15%,包括问题的提出、讨论的积极性等。课后时段占10%,包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品,这是考查学生综合实践及创新能力的代表作,包括图像的处理、动画的制作、审美观等,所占的比重很大,占45%;期末总评分为以上六环节项分数的总和,只要有一项环节分不及格,课程总评成绩为不及格。

五、O2O教学模式的实施效果

在O2O教学模式的实践过程中,我们设置2015级计算机应用技术专业一班为试点班,二班为对照班。其中一班人数为35人,二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教,各门课程期末考试成绩统计情况基本一致。通过一个学期的学习,对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析,一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析,一班学生获奖比往年高,而二班基本持平。此外,通过对试点班进行无名问卷调查,85%的学生认为在新的教学模式下,自我控制能力和自学能力得到了很大的提高,75%的学生认为新的教学模式更有趣,82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升,90%的学生认为自己的实践创新能力得到了提高。

六、总结

实践证明,采用O2O教学模式进行教学,能够提高网络优秀资源共享率,改变了教师的教学方式和学生的学习方式,在教学过程中取得了良好的效果。但也遇到一些不可预测的问题,需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.

参考文献:

[1]井靖,何红旗,王志刚,殷冠英.O2O教学模式”在大学计算机专业教学中的应用原则[J].计算机教育,2016(2).

[2]胡小华.O2O电商模式下服务营销课程教学模式的创新思考[J].长春教育学院学报,2015(11).

第2篇

《网页设计与制作》课程是《Web应用程序设计》课程的先修课程,为Web应用程序的页面布局和界面设计打基础。为了适应市场对“网页设计制作人员”的岗位需求和为了实现网页设计到Web应用程序设计的过渡,有必要对现有的《网页设计与制作》课程进行改革,使学生能适应“网页设计制作人员”的岗位需求并能将《网页设计与制作》课程里学习的实践成果能直接应用于基于.net或JSP的Web应用程序设计。 

2、《网页设计与制作》课程现状及存在问题 

笔者所在学校的计算机科学与技术、软件工程、网络工程三个专业都开设了《网页设计与制作》课程。传统的网页设计与制作课程主要基于网页三剑客Dreamweaver、Fireworks、Flash制作出精美的网页。这些网页内容丰富多彩,结构复杂,能满足静态网页的页面需要,但这些网页不能直接应用于基于.net或JSP的Web应用程序开发中,不能满足动态网页的页面需求。Web应用程序开发,是通过后台数据库与Web服务器的信息交换,由后台数据库提供实时数据更新和数据查询服务。《Web应用程序设计》课程有两种主流的开发技术:.net与JSP。在《Web应用程序设计》课程中,主要讲解.net技术与JSP技术,而不讲解页面设计,需要学生将《网页设计与制作》课程学习到的网页设计知识融合到Web应用程序设计中来,使动态页面既有数据库的内容,又界面美观。而学生在传统的《网页设计与制作》课程里学习的页面知识不能直接应用于Web应用程序设计。有必要对《网页设计与制作》课程进行教学改革,增加CSS,Div,Javascript,AJAX等内容,以完成学生向Web应用程序设计的过渡。 

3、教学改革措施 

3.1课程定位与目标 

《网页设计与制作》课程的实践性较强,是网络工程专业的核心课程,是计算机科学与技术、软件工程专业的选修课。本课程以计算机导论、计算机程序设计语言为先修课程,以培养学生实际动手能力为目标,使学生具备网页素材搜集、网页元素制作、网站布局和规划、脚本代码编写、网站、网络建设管理与维护等知识与技能,并培养学生团队协作能力、沟通能力、分析问题能力、解决问题能力,同时也为后续课程《Web应用程序设计》的学习奠定基础和实现向Web应用程序开发的顺利过渡。 

课程目标包括:①理解网站的工作原理,学会构建网站;②熟练掌握Photoshop、Fireworks、Flash等软件处理网页素材;③熟练使用CSS、Div进行网页设计;④掌握网页脚本语言的使用方法;⑤培养学生做出具有一定水准的网页(包括Javascript,CSS+Div)。 

3.2优化教学内容 

以往《网页设计与制作》的教学内容大多是按网页三剑客展开,而以向Web应用程序设计的过渡为导向的课程改革需要将《网页设计与制作》课程内容与Web应用程序开发的动态页面要求相结合,满足日后的Web应用程序设计要求。 

教学内容主要包括:①网页图片处理;②网页动画制作;③基于HTML+CSS+Div+Javascript网页设计。 

借助Dreamweaver进行可视化页面设计转向纯代码的编写,全部靠手工编写代码来设计网页页面。 

3.3教学方法改革 

教学方法由传统的演示法向多样式教学方法发展,主要有以下4种: 

启发式-模仿法:初学时需要大量浏览一些优秀网站案例。通过欣赏国内外优秀网站,让学生在外观视觉的享受中感受网页设计领域的奇妙,培养学习兴趣。并选中几个案例,进行一步一步地模仿设计。 

任务驱动法:每个学习案例都布置了学习任务,课程体系结构以任务为主线,贯穿整个学习过程。教师在课堂讲解理论知识后,布置学习任务,学生自己动手独立完成学习任务,将理论与实践相结合,使理论知识得以实践。 

项目教学法:将实际的网站设计项目直接在课堂再现,以项目为驱动,带动各知识点,让学生边学边练。让学生了解网站开发的流程,也促进各知识点的应用,快速吸收所学 

内容。 

3.5学生设计成果能向《Web应用程序设计》课程过渡 

《网页设计与制作》课程是《Web应用程序设计》的先修课程,学生通过《网页设计与制作》课程的学习,设计出的网页成果要能直接移植或方便的移植到Web应用程序设计中来,而不能出现设计出的网页成果与《Web应用程序设计》无关,与后续课程脱节。 

方法:(1)利用Dreamweaver等网页编辑软件,纯手工编写代码,保存为后缀名为html或htm的文件,通过不同的浏览器测试页面的预览效果。日后通过修改文件后缀名来适应.net开发或JSP开发,实现向Web应用程序设计的移植。 

对于基于.net的Web应用程序,在 Visual Studio环境下进行网页设计,实现网页设计向基于.net的Web应用程序的直接移植;对于基于JSP开发的Web应用程序,在Eclipse环境下进行网页设计,实现网页设计向基于JSP的Web应用程序的直接移植。 

4、结语 

通过《网页设计与制作》课程教学改革与实践,课程结课后学生都能够独立完成基于HTML+CSS+Div+Javascript的小型网站网页的设计,且这些网页要能直接移植或方便的移植到Web应用程序设计中,实现向Web应用程序设计的完美过渡。通过课程改革,提高了学生的学习兴趣,锻炼了他们的实际动手实践能力,并为后续《Web应用程序设计》的页面设计打下良好的基础。 

参考文献: 

[1] 彭莉,张道军,高好良.《网页设计与网站建设》课程教学改革与实践.软件导刊,2013,12(2):170-172. 

[2] 董玉兰.教师引导 学生探究——《网页修饰》教学设计.课程教育研究,2013. 

第3篇

关键词:网页制作 课程改革 项目教学 个性化教学

一、互联网行业的潜在需求

在互联网时代,新兴行业层出不穷,例如新媒体、电子商务等新型传播方式和商业交易模式,为经济发展注入了新的动力。而不少传统行业也逐渐淘汰落后产能,引进各种新型电子智能技术和设备,纷纷建设电子信息网络平台与管理系统,以实现高效便捷的管理,并且极大地提高了生产效率。

二、网页设计与制作课程的发展现状和培养目标

(一)网页设计与制作课程的发展现状

在以往的教学过程中,教师往往只是从课本知识入手,着重传授相关概念和理论,而对于软件的操作,采取“为教而教”的方式,对学生的培养重在使用,而非实用。如此教学的结果是,学生虽然掌握了基本的软件操作方法,却只是停留在“知其然而不知其所以然”的阶段,一旦面临企业或者用工单位指派的实际任务,就会陷入一筹莫展的境地。究其原因,仍然是老师的作用没有充分发挥,没有培养学生良好的设计和规划意识,致使学生没有建立起完整的作品概念,更不用说创新意识和能力的培养。因此,应当明确的是,课程内容的教授应是“设计”与“技术”并重,甚至将设计理念提到更加重要的位置,让学生真正意识到开发与设计的重要性,培养独立设计与制作的能力,达到作品所应有的功能和视觉效果。

(二)网页设计与制作课程的培养目标

新课程教学目标中明确规定,我们应该确立以学生为主体的意识,明确以培养学生的实际动手能力和操作技能为教学目标。这样才能保证教学的目的和意义的实现。

网页设计与制作课程的教学就是面向实际应用,解决实际问题的实践活动,在教学过程中,老师和学生都应该具备目标意识和创新意识,在软件和网络知识的运用过程中,在实际问题的解决和网页的设计操作中,提高学生的网页设计技能和综合素质。倡导运用不同方式和灵活运用各种工具、寻求最佳途径的轻松活泼的教学,让学生参与到教学活动中来,提高学生解决实际问题的能力,培养学生的创新能力、服务意识和团队合作精神。

三、新形势下课程改革的新思路

互联网行业是近年来发展最为迅速的行业,也是自身更迭和淘汰速度最快的行业。顺应知识爆炸时代的需求,互联网行业的特点就是新鲜、快速和海量信息,而作为互联网依托之一的网页自然也要跟随时代潮流而变。作为新时代的技能型行业,网页设计与制作要求将最新的知识和科技融汇进来,才能保证不被淘汰。

(一)项目开发教学

1.协调好理论课与实践课的关系

任何学科的教授都是理论与实践相统一的整体,任何一方都不可偏废。但是对于注重实际能力的设计与制作课程,可以将理论的传授更加实用化。

2.案例教学或项目式教学

以案例或项目开发为教学载体,既生动活泼,同时在潜意识中培养了学生解决问题的意识和能力。

(二)打造学生的展示平台

利用学校的资源优势,为学生打造一个成果展示平台,促进学生间的互动和交流。利用每堂课的任务教学或者教学实例,引导学生开动脑筋,去寻求最优解决方案,并且满足他们展示与交流的愿望,建立一个开放活跃的学术氛围。

四、结论

综上所述,网页的设计与制作本身就是生动而充满乐趣的课程,教学的目的就是要让学生真正在实践中运用相关的软件和技术知识,并且在运用和实践的过程中锻炼思维,提高解决实际问题的能力,从而顺利走上就业岗位,成为实用型的技术人才。

参考文献:

[1]杨森,刘潇潇.网页设计与制作课程教学改革的研究与探索[J].办公自动化杂志.2010.(03).

[2]磨曙明.网页设计与制作课程中项目教学法的运用[J].新课程.2010.(05).

[3]敖冰峰,乔阳.“项目教学法”在网页设计与制作中的应用[J].科技创新导报.2010.(17).

[4]蒋红,包松颖.高职网页设计与制作课程的教学思考[J].宁波教育学院学报.2010.(06).

第4篇

关键词:网页设计;教学模式;师生互动

一、当下网页设计课堂的不足

1.网页虽然是个简单的名词,但是涉及到的知识种类繁多,不仅包含文字、图形、色彩、版式设计、还有动画、音视频以及编程等,对于艺术专业学生来讲,基本的平面设计能力和审美素养是具备的,能够利用所学知识设计出创意的平面广告。但是设计出一套优秀的网页还是不容易的。网页设计需要运用到photoShop、flash、以及DreamWeaver等设计软件,而专业老师需要具备熟练运用这三个软件的能力,并具有较好的设计能力,才能指导学生的网页作业和学习过程。因为学生在作业途中会遇到很多意想不到的问题,只有教师熟练掌握软件操作才能找到病因,除掉病根。无论课堂还是课下,学生都会在设计中遇到各种各样的问题而烦恼,教师稍微指点迷津,学生便豁然开朗。

2.如今的软件教学课堂大部分是案例教学,老师做一个案例,每个步骤学生跟着做,虽然学生能比着葫芦画瓢,但是他们不知道为什么用这些工具做,不出课堂就忘记了如何塑造自己想要的作品,对于这种教授方法不仅不能让学生完全掌握设计方法和能力,也不能熟练软件工具,并且在未来长时间学习中,学生的学习兴趣会慢慢降低,面对编程等问题更加懈怠,这样也会让学生的创意设计能力慢慢丧失。导致了学生累,教师累,让学生做设计根本无从下手不会做的状态,所以必须要有一个能提高学生学习积极性,又能提高教学质量的课堂教学模式。

二、教学模式的改进

1.加强师生互动。在课程的开始部分需要教师来引导,必须选择适合的教材和实训内容,通过演示软件的菜单和工具使用,让学生对软件使用进行初步的了解。第一步,教师需要案例演示,在演示中积极互动调动学生思维,如提问,接下来怎么做呢,用什么工具呢,引发学生主动思考,会有很多优秀同学回答问题,也会带动全班的学习积极性。同时提醒学生把所学的版式设计和色彩搭配以及构图的知识运用到网页设计中。第二步,讲解部分内容后,观察一下学生学习程度和能力,根据学生状况调整学习进度,讲解速度等。第三步,加强和学生沟通,了解学生的心里动向,对学生的学习兴趣点和当下流行趋势透析,教师与学生之间的心灵沟通极为重要。

2.循循善诱,由浅入深。在案例讲解的第一课,教师提问学生知道哪些网站类型,然后做一个关于校园首页、专业介绍、校园景色、访问留言等几个页面,页面内容简单大气,包含导航、字体版式、图片、动画、音乐等。学生初次完成第一张页面后,教师再举一反三,拿出刚才制作过程中的重点,比如表单的多种应用,列举文字字段使用后,让学生自己尝试使用复选框、单选按钮和按钮组、添加列表和跳转菜单、添加按钮等等。再如链接的几种方式,讲解完比较难的锚点链接后,让学生自己尝试使用空连接、文本和图像链接、电子邮件链接等。开始就学习这些比较简单的网页元素,不能学生在开始就啃骨头,不然就知难而退了。第二个案例讲解制作一些具有版式创意和内容丰富的页面,增加页面的Flash媒体元素,比如Flash按钮、视频等。在讲解第二个案例前必须重新复习网站开发流程,收集资料素材草图——规划站点——网页制作——测试。对于艺术专业学生学习的网页基本以静态网页为主。

3.任务导向,团队出击。在课程后期课堂给学生留出两节课时间,将学生分组,并布置关于手机界面设计的任务,给学生打印三至四份手机界面设计样稿,让学生传阅了解设计规范和说明。这次任务结果将是结课成绩,得出的最高分是获胜的团队。在制作过程中遇到问题,专业教师负责答疑解惑,帮助学生完善。作品展示:在规定时间内学生完成了网页设计任务后,将自己的设计思想和过程演示给大家,其它组的同学们可以根据设计的不足提出问题,要求设计组根据问题给予解答或更正不足。教师最后根据学生的作品评出优秀,并给较差的团队鼓励并指正问题,争取各团队在以后的设计比赛中得到提升。

4.现在的学生大多是娇生惯养比较懒惰,独立自主能力差,更缺乏刻苦钻研的精神。对于学生来说自己多做练习才有助于提高专业能力,网页设计需要更多的设计思路,并付诸实践才能学到真本领。加强作业布置的具体要求,并设定主题,严格要求作业的设计稿,不断的让学生思考修改,只有在不断的修改中才能得到提升。改变老师讲课为主变学生练习为主,让学生主动找老师辅导作业,积极鼓励学生参加一些设计比赛,如果老师讲的很多,不但老师累,学生也学不到东西,学习网页设计重在练习,在辅导作业的同时学生才能记住并领会到老师讲的知识点。总之一句话,授人以鱼不如授人以渔。

5.举一反三,与时俱进。同样对于图形图像处理等类似的课程,学生希望的是能够学完这门课程后真正的做出作品,甚至在全国性的比赛中获奖。所以在授课中应该多以典型的案例讲解,并提炼案例中的知识点来让学生举一反三的学习其它相关知识点。建议在整个授课过程中,教师需要灵活运用知识,使用多元化的教学手法,以便吸引学生的注意力。通常的黑板教学和PPT多媒体是常用的,加上CAI课件、教案与网页文件、视频动画等形式,可以说种类非常丰富,教师可以两种或者多种相互穿插的手法进行立体化教学。不仅丰富了教学内容,提高学生的热情,教师的应变能力也会得到提升。条理性、疑难性、重点性是教师授课的三大法宝,做一名“受学生欢迎”的教师而不仅是“优秀”这两个字所能代替的。在高科技发展的今天,教师只有不断学习,不断完善自己,不断的进步,才能与时俱进跟上时代的步伐。

三、总结

在课堂上学生是抱着很大的期望学习的,如果一个教师让学生失望了,估计再重新提起学习的热情是很难的。能够让学生喜爱自己的课才是真正的成功,而不是强迫学生上课学习,一个人性化的课堂是充满很高的热情氛围的。希望在未来的教学路上,笔者能够不断地提升自己,并寻找先进的教学方式。

参考文献:

[1]陈小燕,谢强,丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习第1期,2010(2).

[2]吴俊荣.基于行动导向的网页设计与制作课程教学设计研究[D].吉林:东北师范大学,2012(3).

第5篇

该课程采用项目化教程,根据高职高专学生的动手能力强、思维较活跃这一特点,针对教学内容、教学手段、实验实训等诸多方面进行教学改革,促进了课程建设,增强了课程意识,全面提高了教学质量,为社会发展的需求多培养一些实用型、技能型人才。1.1划分模块,由浅入深根据授课计划,将授课内容划分为五个模块:网页创建与设置、文本与图片的使用、多媒体、框架设置、CSS使用等。各模块之间既独立存在,又相互关联。在理论教学过程中,树立以教师为辅,学生为主的教学思想。灵活运用多种教学方法,提高学生学习兴趣,帮助学生深化理解、正确应用,保证教学过程良好有序地进行,并针对该课程的专业培养方向,强调理论学习的重要性和实际动手操作的必要性,鼓励学生自主学习,调动其学习的积极性。在实践教学过程中,借助于电脑实验室,使用Dreamweaver软件进行网页的设计与制作,推广边学边练的教学模式,在教师的带动下,学生边学边练是最直接、最理解的学习过程。使其真正做到“教、学、练、做”融为一体。这种以理论教学为基础,以实践训练为重点的教学模式,在授课过程中取得了较好的效果,使理论教学与实践训练结合的更加紧密、贴近技术应用实际。增加了学生的学习热情,使学生真正学到了知识、掌握了技能。1.2开设实训课程,提倡“任务驱动”项目化教学理念实训课程,即给予学生一个在无其他课程安排的情况下充足、完整的制作与设计网站的学习时间。通过该课程可以让学生系统的学习如何创建网站,如何规划网站,如何管理网站。针对高职高专贯彻培养高技能应用人才的教学理念,在该课程有教学过程中积极探索新思路、新方法。由于新知识的不断增加、教学时间的相对减少,传统的教学方法已难以适应新形势的需求,所以需要对课程体系和教学方法进行改进,实行新的教学模式,让理论和实践有机结合。为了提高教学质量和效果,使学生能够学到知识、掌握技能,在保证课程教学合理性的同时开设实训课程,改变理论学习容易出现抽象枯燥、难以理解和接受的问题,解决传统教学过程中存在的理论学习与实际操作难以融会贯通的缺陷,使得教学的针对性和学习的趣味性大大提高。在实训课程中教师应明确教学目的,采用任务驱动法、演示法、讲授法等,组织并启发学生制作一个属于自己的网站。网站的选题与色调根据学生个人爱好自由发挥、自行设定,从而大大激发了学生的学习热情。在制作过程中教师与学生进行交流,辅导学生进行“一对一”互动学习,并针对学生存在的问题逐一进行讲解,引导学生依靠个人能力解决技术难题,达到轻松学习、自主学习的目的,力求每一位学生通过实训课程的演练,都能够对网站开发与制作的过程有一个清晰的了解和认识。这种教学形式既能突出操作技能的训练,又能使学生学到与职业技能有关的知识,不仅培养了学生的分析问题和解决问题的综合能力和创新能力,还培养了学生的一专多能。该教学形式是以培养学生能力为中心,让实训任务始终贯穿在整个教学过程中,达到了学以致用的教学目的,既能够检验学生在该课程中所学到的技能,又能够真正发掘学生的潜在能力,还能够大大激发学生主动学习的热情,使学生从“要我学”变为“我要学”,形成了一个“比学赶帮”的学习氛围。1.3开设“作品展示”课堂,促进师生之间的交流《网页设计与制作》课程的学习目的是通过学生对Dreamweaver软件的使用,制作出一个符合企业以及个人需求的网站,远比机械记忆,应付理论考试重要的多。开设“作品展示”课堂,要求学生自己演示自己制作的网站,鼓励学生对所制作网站的设计理念和各网页之间的衔接加以详细说明,教师再针对每位学生网站的主题风格、色彩搭配、网页布局、多媒体运用等诸多方面加以分析、点评,肯定成绩,找出不足,鼓励学生精益求精,不断提高技术水平做出更加优秀的网站。通过“作品展示”课堂,学生之间不仅可以相互学习、相互借鉴、相互欣赏,真正认识到自己的所学知识和掌握知识的真实情况。同时,还可以提高学生团队合作的精神,增加学生之间的情感。实践证明,此种教学方法对学生的学习方法和努力方向能够起到一定的引导作用,对学生的实际动手能力能够起到一定的强化训练作用,对学生的求知欲和上进心能够起到一定的激励作用。1.4组建兴趣小组,模拟企业网站开发

“以服务为宗旨、以就业为导向、以能力为本位”是职业教育的办学宗旨,为了让学生真正参与到实践项目开发中,真正体验网站的开发与推广对企业发展的重要性。教师利用课余时间承接企业网站开发项目组建“网页设计”小组,鼓励学生积极参与,通过项目让学生学习如何与企业直接进行有效地沟通与交流,如何充分了解企业需求,如何完成预订目标。通过学习与锻炼不仅提高了学生的网页制作技术,而且做到了所学的内容与社会需求零距离的结合,同时还锻炼了在校生的人际交往能力、组织协调能力、团队合作能力和提高社会经验适应社会的能力。

2课程考核标准改革

根据高职高专教育的特点,结合《网页设计与制作》课程特点,取消试卷百分制的传统,将考核标准划分为两部分:(1)理论课考试部分。理论考试以教学大纲为指导,长期坚持教考分离和期末考卷分析总结的传统,统一考核标准,注重规范教育,营造公平的竞争环境;(2)网站作业成绩。通过“作业展示”给予学生作业相应的分数,改变实验实训课在学生心目的附属地位,加深学生的感性认识,提高学生上课积极性、主动性以及实践技能。两部分的分值各占总分数的50%,综合评定学生考核分数。

第6篇

在实际的教学中,主要从以下几个方面来进行。

1.选择适合的项目。项目的确定不是随便进行的。第一,所选择的项目要能够将大部分的知识点都包含在内,还有能够与较多的知识点相结合;第二,项目的难易程度的确定,要根据学生的实际水平来确定;第三,所选择的项目要能够被大多数的学生接受并且喜爱。因此,项目的选择是第一步,也是比较关键的一步。

2.项目的设计。对网页设计与制作专业的学生来说,他们主要的学习内容就是将网页进行美化以及实现网页的功能,要能够掌握基本的Html语言,要会使用Dreamweaver、Photoshop以及Flash等软件来进行美观并且实用的网页的设计。网站的建设可作为一个整体的项目,之下可以分出一些子项目。可以以“在线留言板”来作为课题。它包含了HTML、CSS以及VBScript这三个方面的内容,与学生的学习能力比较适宜,此外,它也是比较通用的,在很多的网站上都是不可或缺的,有应用价值。首先将学生分成小组,每一个组都要有一个组长,组长来进行项目任务的分配,每一个组员都要有专门的职责,并且要定期的进行会议的召开,来报告各自的工作进度。如果有哪一个人遇到了困难,小组之间要共同的解决。

3.项目信息的收集。在这个阶段,要使学生对项目进行熟悉。在教师将项目确定好之后每一个学生都要根据项目的要求以及自身的情况,来对相关的信息进行收集整理以及分析,然后确定工作的计划。

4.确定方案。学生经过分组讨论之后,要确定最佳的方案。将个人工作与小组工作相互结合,每个人要事先做好计划,小组间来进行讨论,小组的每一个成员都要提出自己的意见和看法,最终来确定最好的方案。在此过程中,教师要进行指导。

5.项目实施。计划方案确定之后,小组内的每一个学生都要按照计划方案来进行计划的实施。项目组长来将任务划分给每一个同学,每一个同学都负责不同的部分,并且要独立的完成任务。

6.教师检查项目。在项目完成之后,学生要对项目的结果进行检查,然后再由老师进行质量的检查。并且将其完成的作品进行公开的展示,让学生来找出优点以及缺点。要让学生进行自评以及互评。这样,可以使学生锻炼他们的责任心,提升他们的质量意识,并且可以学习评估的方法。教师不但要对内容检查,还要检查其实际的功能效果。

第7篇

关键词:网页设计与制作;教学平台;FileZilla;配置文件;批量创建用户

中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2013)09-2135-04

网页设计与制作是高等学校计算机基础教育的主干课程之一,是覆盖面较广的一门实践性非常强的计算机基础课程。学生在课程中学习从网页的制作到完整网站的建立的系统的内容。教学过程中的重点一般放在网页的制作这一阶段,忽略了网站、网站展示的后一阶段的过程,使得学生缺乏对创建网站的全面了解。我们通过FTP服务和Web服务的结合,建立了网页设计与制作教学平台,弥补了网站和网站展示环节的空缺,使得学生可以获得创建网站的完整体验。同时,在这一过程中,通过开发相应的扩展程序,简化了为大量学生创建教学环境的工作,使得教学工作能够顺利展开,在实际教学中取得了良好的效果。

1 网页设计与制作教学平台的框架

网页设计与制作教学平台通过提供一个真实的网站和展示的空间,使得学生能够体会完整的网站的过程,从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户,并可以给用户分配主目录,设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上,分析了FileZilla的配置文件的格式以及各参数的语义,开发了批量生成FTP用户的扩展程序。它能够依据学生的学号,快速地在FileZilla中创建用户,并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序,从而使得学生能够完整的体验网站的过程。

网页设计与制作教学平台的框架如图 1所示。

其中各部分的功能如下:

FileZilla FTP服务器:负责接受用户以FTP方式上传的网站内容。

Apache Web 服务器:负责把用户上传的网站内容以WWW的形式向外。

存储:负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。

FileZilla扩展:负责批量地创建FTP用户

前端页面生成器:负责根据学生信息自动创建学生作品的展示页面。

2 FTP服务器平台的建立

2.1 FileZilla的配置信息

FileZilla服务器使用“FileZilla Server.xml”作为它的配置文件,其中记录了FileZilla的监听端口以及FileZilla的用户信息等内容。一个FileZilla用户的配置信息大致如下:

其中各行配置的含义如下:

1:用户user01的配置信息起始处

2:用户的密码

3:用户所属的组。同一组用户拥有组的相同的配置,从而减少配置的工作量。

4-6:限制来自某些IP地址的用户不能访问服务器。

7:用户的主目录,即用户登录后进入的目录。

8:用户读文件的权限。如果值为1,则拥有读文件的权限。

9:用户写文件的权限。如果值为1,则拥有写文件的权限。

10:用户删除文件的权限。如果值为1,则拥有删除文件的权限。

11:用户追加文件的权限。如果值为1,则拥有追加文件的权限。

12:用户创建文件夹的权限。如果值为1,则拥有创建文件夹的权限。

13:用户删除文件夹的权限。如果值为1,则拥有删除文件夹的权限。

14:用户列出文件夹的权限。如果值为1,则拥有列出文件夹的权限。

16:用户user01的配置信息结束处

通过对FileZilla配置信息的解读,为自动建立配置信息文件奠定了基础。

2.2 FileZilla扩展的开发

我们使用开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号,使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义,自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。

当点击“生成配置信息”后,通过如下的代码批量地生成所有用户的配置信息。

2.3 用户主目录的自动创建

根据学生的学号,我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。

通过循环读取学生的学号,使用“puter.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。

2.4 配置信息的生效

关于所有学生的配置信息生成后,通过先把“FileZilla服务”停止,然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹,并重新启动“FileZilla服务”,批量创建的用户即可生效。

3 Web服务器平台的建立

当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后,需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录,并开发了自动生成展示界面的前端页面生成器程序。其中,为学生的每次上传的作品生成对应的通过Web服务器的链接。

4 结束语

网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发,建立了面向网页设计与制作的教学平台,弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷,使得学生能够获得与实际接轨的完整的网页设计制作的经验。

参考文献:

[1] Bradley J C,Millspaugh A C.Visual 程序设计[M].李旭,译.北京:清华大学出版社,2008.

[2] Randolph N.Visual Studio 2010高级编程[M].任鸿,译.北京:清华大学出版社,2012.

[3] Powers L,Snell M.Visual Studio技术大全[M].刘彦博,译.北京:人民邮电出版社,2009.

[4] FileZilla project[EB/OL].http://.

第8篇

关键词:JavaScript 网页游戏 设计制作

中图分类号:TP393.092 文献标识码:A 文章编号:1007-9416(2015)12-0000-00

伴随时展、科技进步,以计算机为基础、互联网络为支撑的信息化技术已经成为了当今时代中的主要因素,不但给人类的生活形态与精神面貌带来了较大的转变,最重要的是在很大程度上改变了人们的生存方式,使人类拥有了另一种生存的可能,同时由于它的发展,也催生了游戏方面的变革,尤其是“网游”的出现,俘获了千万颗童心未泯的心,其利弊得失是当今颇受争议的问题。然而,还是应该对于这一项技术加以关注,对基于JavaScript的网页游戏的设计与制作进行分析研究。

1 概述

网页游戏通过浏览器实现无端网游,只需拥有一根网线、一台电脑即可实现无客户端下载的Web游戏。其最大优势在于程序设计者完全能够一面进行设计、一面进行调整、修改、补充工作。因其系统可以为操作人员提供一个人机交互的界面,从而采用问答的方式,在接收信息后,进行处理,这种在系统――操作者间的交互式处理方式,主要是进行交互作用的信息处理。相对而言,其直观性、可控性与灵活度有了很大的提升,是非交互式处理无法完成的优势所在,依目前发展情况来看,其普遍性在增加,应用范围在逐步扩大,而且备受广大用户喜爱,免除了来自于单道任务所带来的诸多效率问题,因而当操作者较慢的时候,它却可以进行其他任务的处理,节省了时间,使资源得到了充分利用,并且提高了计算机的工作效率。在结合工作方面,将分时处理、交互式处理两种处理方式有效结合起来,不但可以使多个用户进行同时对话;还可以与批处理方式结合起来;在每种结合方式中,都可体现出其独特的优势与特征,而且应用起来也比较方便。

2 开发工具和设计构思分析

2.1 JavaScript

HTML技术用来制作网页,而JavaScript即是通过其自身作为脚本语言的功能对其网页进行功能添加,主要集中于动态功能方面,从而达到命名用户的操作得到响应的效果。其最大特点即是,当其源代码发送至客户端,尤其是在运行之前,没有必要进行任何过程的编译处理,通常来讲,主要是把文本格式中的字符代码发往浏览器,然而让浏览器独自进行解释性运行。由于它是动态、弱类型、基于原型的语言,内置支持类,所以在安全性方面,相对较差,其联系程度较高,独立性不强,因而如果出现一条无法运行的情况时,便会出现其下的语言也不能继续运作,从该方面来看,解译次数有时会偏多,所以,速度慢是其最大缺点。另一方面,作为编译语言,Java的源代码却需要编译,才能传递到客户端运行,因此,就需要搭建起一个平台,使解释器、仿真器,将特定的编译代码加以适度化的约束,以此来达到安全可靠的保障作用。

2.2 CSS

层叠样式表或级联样式表,全称为Cascading Style Sheet,简称CSS.其作用在于对浏览网页进行控制,主要是通过一组格式设置规则加以实现,也就是通过CSS来达到这一目标。功能在于分离页面中的形式与内容,使二者可以独立存放于HTML文档之中。这样,有助于将维护站点的外观变得更加简便,也可以简化HTML文档代码,减少浏览器在加载过程中的时间。从CSS的特征分析,在修改页面方面易于实施,压缩网页体积,同时还能保持页面风格的完全统一。从其功能与作用的价值看,可降低成本,增加工作效率,因为它可以同时管理多个页面,并且根据保存方式,又可以通过改变CSS文档,达到从外部样式到站点中页面的格局的充化。也就是说,对于样式的更新,即可以将网站中的全部元素加以更新。

3 网页游戏设计及制作流程

3.1 游戏背景、素材及举设计举例

根据要上的说明可知游戏需要其可玩性、效果性,所以,先应该以层叠式样表对将要完成的游戏所给定的各要素片理好,做了版面的整理工作,比如,游戏元素的图像选择以及整理工作等。另一方面,游戏素材应该能够透过它来实现一定的吸引人注意的效果。一般而言,除了网站中的撷取,还应该进行PS处理、自绘画等。

举例,为了明白起见,以下以“打地老鼠”为具体的说明,呈现出交互式网页游戏的设计方法。首先,需通过鼠标,完成每一个操作,规则之一,即是不能击打那些白色的地老鼠,打击一次,会让玩家丢一次命。其次,设置一些带有炸弹的地老鼠,分别将其放置在游戏屏幕的左右两边,需对其进行不断打击,否则,即会发生爆炸,当爆炸发生后,也会损失一次命。第三,为玩家设置三次性命,全部丢掉即算GAME OVER。最后,在界面显示出玩家的最终成绩,即打死地老鼠的最终个数。而且在该界面继续显示开始或结束的选项,供玩家选择。该游戏的基础在于地老鼠的出现,需要有相应的控制方法,以使其可以随机在屏幕中出现,其实质即是地老鼠对应元素出现的高度伴随情况之出现。在击打地老鼠时,需要先将选中,再进行鼠标点击即可。

以“打地老鼠”为例,其中需要四种办法达到对地老鼠出现的控制。第一种方法是randomBunny()函数,第二种方法 是bunnyJumpl()函数,第三种方法是bunnyJump2()函数,第四种方法是bunnyJump3()函数。第一个主要是用来控制地老鼠的随机出现,而对于其它的三种方法,则可依次表述为对于各类伴随情况出现的控制。对于击打,需要通JavaScript中的两个函数来完成,分别是其中的onmousedown/onclick,其交互作用发生在击打地老鼠之时,两个函数在不同的时间发生,前者发生于点击时的事件发生,而后者是点击后放开时事件发生。具体来讲,若要击打到地老鼠,先应该有一个函数,也就是说,clientX,,clientY,getPosition,通过后面的数,即可得到对应的元素的横向与纵向坐标,当地老鼠处于所要打击的坐标范围内,即会被鼠标的点击所打中,也就是说,利用规范与判定来达到所需要的结果。上面未提到的白色地老鼠无需打击以及其他条件及要求,都需要对应的功能来实现。

当出现白色地老鼠与带有炸弹时,便会失去生命,因此,需要根据这一条件设定一个lostlife的函数,其主题简单,在判别条件的设置时,只需要调动该函数,使其值与发生丢失生命值相合即合,也就是说,令lives.lostlife=1,当其不为空值时,执行的是live.lostlife++,当判断live.lostlife>=3时,即可调用函数endgame()去终止游戏,此时计时停止,等级信息、分数等一一输出到游戏界面。在开始与结束的菜单上,还需要设置两个不同的按钮,分别通过相应的函数进行设置。其中的基本原理是相通的,而且对于各种功能设置及处理方式区别也不是很大,主要是以对应元素与所需功能间的规范化与控制来达到最终所要达到的效果。

除了这些功能设置外,还需要对整个游戏进行相应的控制。其主要内容即是通常玩家可以看到的时间与升级问题,在此中,需要通过计时条、计时条时间被控制来达到。比如,在计时条中,resumlevel()控制,可以将计时条透明性、计时性进行相应规定,还可以利用计时条的滚动进行提与计时时间控制,这里就需要另一个函数leaveup()来完成,当这走完时,即可将其设计到升级条件之下,升级的根据也就是地老鼠所停留的时间的长短、数量等。

3.2 演示及测试

首先,安装网页浏览器,以上面所说的“打地老鼠”网页游戏可知,不同的ID可以对不同的地老鼠进行控制,而每个对象的出现都是随机的,当击中白色掉一条命,当击不中带有炸弹者,发生爆炸,也会掉一条命。在演示与测试过程中,可以通过调试功能,对图片的变换进行闪烁界定即可。

3.3 标准及要求

在基于JavaScript的网页游戏的设计与制作中,需要对JavaScript客户端脚本语言有一个明确的认识、对其基于对象的编程思想加以把握,在具体的游戏开发项目中,先应该有一个合理的计划书与备忘录的制作,然后根据项目设计要求及标准,利用一些模块进行网页游戏制作。以下以最为基础,用途最广泛的连连看为例,来介绍作为一个可行项目的基于JavaScript的网页游戏的设计与制作实施过程。

首先,应该在项目设计的基础之上,以设计方案,依次将网页制作、程序开发、测试、文档编写等完成。其要求在于将JavaScript 客户端作为脚本编程技术出发点,进行开发。在设计连连看网页游戏时,先对其网页界面进行整体上的布局,比如,从审美角度的要求,从广大客户需的角度来设定一些原则,将操作系统与界面之间的可操作性进行细致区分,比如在界面的上端可进行时间、初始化等信息的显示;比如设置难度系数易、难、困难等供玩家自主选择等;在界面下端可以设置游戏主体界面,将其位置布置到中位,调整好整体的比例与效果,其实也可以将其反过来,上下换位处理,只是在设计时,给定了一种习惯性,因而导致了最终的适应性,如果反过来,以手机自带的方式提供给广大用户,大多是可以形成其新的玩家习惯的。其次,在连连看游戏网页中,应该对其功能模块设计加以认真分析,功能模块设计,主要是需要了解清楚其中的基本功能需求为何,也就是说,如同上面的“打地老鼠”游戏一般,先确定清楚项目中的对象,并创建根对象;在游戏区的控制或能模块设计方面、游戏区功能模块设计方面等等,都应该先在程序中分级管理,也就是说按照文件的上录入进行分类管理,以项目工程的主到子进行分别建立,最后在完成一系列具体的制作之后,进行测试与演示,然后对其中的效果加以评估。无论是根据模板进行直接的设计,还是利用代码的方式进行编程设计,其结果都可达到最终的网页游戏效果。但是最主要的还是以上面所说的JavaScrip技术、CSS技术为运用基础,把交互式技术引入到网页中,从而实现网页游戏功能。

4 结语

总之,笔者认为从技术的角度而言,基于JavaScript的网页游戏的设计与制作把网络在线小游戏变成了可能,提升了游戏的动态性,增加了机与人之间的交互作用,使可玩性得到了在线升级,随着文化主题的带入,该方面的游戏越来越受到追捧,但同时也应该防止因游戏上瘾所带来的麻烦,尽可能的在游戏的设计与制作方面,根据不同年龄阶级设置一些适应各层级的游戏项目,从而保护未成年人的健康成长。

参考文献

[1] 方蓓.基于JavaScript的简易游戏的实现[J].软件导刊,2013(3).

[2] 冯科融,王和兴,连加美等.基于HTML5的3D多人网页游戏实现方案[J].微型机与应用,2013(1).

第9篇

【关键词】网页设计与制作 教学理念 教学策略 考核方法

【中图分类号】G71 【文献标识码】A 【文章编号】2095-3089(2014)08-0228-01

随着信息技术的迅速发展,网络在人们的生活中扮演着越来越重要的角色,使人们的生活方式发生了翻天覆地的变化,上网已成为一种潮流。因此,网络成为信息革命的主导力量,它能承载巨大的信息量,是世界最大的资源宝库,由于网络可以实现资源共享,人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一,自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点,它对学生的操作能力和实践能力要求比较高,主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法,综合所学知识能够建立基本的静态网站,成为社会所需人才。因此,本文根据社会的需求,就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。

1.改变教学理念,激发学生的学习积极性

根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成,如Html和fireworks的使用,而这几个部分的内容具有较强的实用性、操作性。因此,教师讲授时应该抓住Dreamweaver这条主线,将课程内容融会贯通,整理思路,便于学生接受和掌握。

在讲授理论知识的时候学生会觉得Html语言很乏味,这种操作性强的内容如果不进行及时的实践操作,掌握起来很困难,一旦能让学生看到自己亲手操作后的效果就会有一种成就感,这样就能激发学生的积极性,强化所学内容,增强自己的动手操作能力。

众所皆知,兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习,集中注意力,注重每一步操作的细节。因此,在教学的过程中,教师要激发学生的积极性,培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时,教师就要结合具体的实例进行具体讲解,介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通,根据自己的想法制作和设计出意想中的网站风格,从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力,也是学生学好网页制作的前提条件。

2.改进教学方法,提高学生的动手能力

《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作,还要求学生能够根据所学知识解决具体问题,能够灵活运用到实际操作中。

《网页设计与制作》课程的教学要循序渐进,首先学习网页设计与制作的基础知识,然后要学习如何美化网页、使用各种工具进行操作,最后综合所学知识制作一个简单的网站,使所学知识能够融会贯通,灵活运用,这样就可以有效提高学生的整体性思维能力,增强学生的动手能力。

3.改革考核方法

考核是任何课程进行测试的一种方法,Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法,激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核,考核的内容都是一些理论知识,根本不能反映学生对所学课程的具体情况,这与该课程的要求相悖[4]。因此,在“网页设计与制作”课程中,要采用多种考核方式,把学生的成绩分为三部分,分别为平时考查成绩、综合作业、期末考试。

考查成绩主要是根据学生在上实践课时的表现来评定,此部分成绩占30%;综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力,教师根据学生的设计方案评定学生的综合成绩,评价学生的专业技能,这部分成绩占30%;最后是期末上机考试的成绩,考试形式为开卷式,只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站,提高学生的整体思维性能力,最终的考核质量作为学生的考试成绩,占总成绩的40%。

总之,改革Dreamweaver网页设计与制作课程的考核方法,有利于激发学生的学习积极性,培养学生的学习兴趣,提高学生的整体思维性能力,进一步提高学生的动手能力和实际操作能力,从而提高教学质量和水平。

4.结语

经过上述分析得出,在Dreamweaver网页设计与制作的教学过程中,不仅要改变教学理念,激发学生学习的积极性,还要改进教学方法,提高学生的动手能力。除此之外,考核方法的改革也是必要的,以此来提高教学质量和水平。

参考文献:

[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国,2011,12(08):105-106.

[2]陈风芹. Dreamweaver网页设计与制作教学探讨[J].教学园地,2012,25(12):255-255.

相关文章
相关期刊