网页制作论文模板(10篇)

时间:2023-03-20 16:28:29

导言:作为写作爱好者,不可错过为您精心挑选的10篇网页制作论文,它们将为您的写作提供全新的视角,我们衷心期待您的阅读,并希望这些内容能为您提供灵感和参考。

网页制作论文

篇1

笔者从建构主义教学观和教学实践出发,设计出了一套符合这门学科特点的教学与管理模式:把整个教学过程分成三个阶段,全部在计算机教室开展,针对不同的教学内容和教学环节采用不同的教学方式,边讲边练,即案例引导教学阶段、任务驱动实践阶段和项目合作课程设计阶段,如图1所示。这三个阶段中教师是引导者,学生是知识的构建者。教师与学生之间,学生相互之间必须密切配合[4]1.展示效果。课堂上,首先把与本节知识内容相关的案例效果及功能展示给学生,通过素材和网页效果的对比,激发学生的想象能力。2.分析操作任务。在教师的引导下,对案例进行模块化分析。分析案例时一般包括两个方面:一个是利用以往知识可以处理的效果;另一个是本次教学内容处理的效果。分析案例的目的在于温习以往知识和引出本节课教学知识点。学生在分析案例的同时,一方面不断形成新的理论视野,增长案例分析的技巧;另一方面探索思考理论如何运用于实际,从而及时、有效地促进了理论向实践的转化,真正达到理论与实践的结合,有利于加强文科专业学生的实践动手能力。3.知识讲解与操作示范。在讲解过程中注重基础知识的传授和基本技能的培养,同时介绍网页制作中的相关规范和标准,并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动,学生带着问题听课,学习兴趣和效果明显提高。教师要实际操作案例,在操作过程中把以往的知识点简单回顾,并着重介绍新知识点,即讲述相关理论知识。把书本上的相关知识通过案例的形式直接展示给学生,学生不但容易理解理论内容,同时,也了解知识的实际用途。4.课堂同步实践。理论与实践交融,知识与感悟同步。学生真正掌握技术在于自己是否能够独立完成实践操作,在学生实际操作的过程中,教师应从旁指导、及时纠正,学生只有在依靠自我的力量去解决学习问题的过程中获得了成功的体验,才能进一步激发他们的学习热情。5.课程设计。学生结合所学网页设计制作知识与自己的兴趣或擅长等自拟主题,制作出符合一定要求的网站。每个项目小组由4到5人组成,推选出项目经理,负责小组的项目策划和成员分工。通过讨论、交流与合作,小组成员各尽所能,取长补短,共同完成任务。这样,既调动了学生的积极性,实践了所学的知识,又培养了团结协作的能力。将课程设计记入学生的平时成绩,从而给学生在该课程的学习上施加一定的压力,促进其更好地学习。6.归纳总结。教师对学生的操作表现做出讲评,对学生在网页设计中的共性问题进行纠正,不断规范学生的网页设计。并与学生共同详细讨论和总结案例中所用到的理论知识和操作技巧。表扬其优点,指出其错误,可以巩固教学效果,弥补学习漏洞,并有助于学生之间的学习交流。教师以“案例”引路,引导学生边学边练,以“任务”驱动自主完成学习任务。以“项目”促进理论知识与实际操作结合。教师的“教”与学生的“学”围绕一个目标,学生充分发挥自己学习主动性和创造性,多种教学方法结合不但解决了课时少、知识点多、实效差、与实践应用相脱离等问题,而且还充分调动了学生学习的积极性,使学习过程成为一个人人参与的创造性实践活动,更好地培养了学生创造性思维和发现问题、解决问题的能力[5]。

考核与评价方式

篇2

引言

随着信息时代的发展,web技术的一天天成熟,如何制作出一个符合规范,美观又浏览速度快的网页已经越来越成为一个网页设计师所要考虑的重点了。过去的网页设计师只需考虑网页前台美工处理,然后切片形成网页即可,而自从CSS层叠式样式表诞生后,网页排版成为了一个新的网页技术研究的领域。在制作网页中,我们布局网页的方法一般有两种,第一种是使用table(表格)来布局网页,另一种是使用div容器来布局网页。下面我们就一个实例来讲解这两种方法来布局网页的操作步骤,以及比较两种方法的优点和不足之处。

一、网页布局的两种方法

方法一:使用table表格制作网页框架。具体操作步骤如下:

第一步,打开dreamweaver8.0软件,数好目标表格的行和列(从最小的格子数起)点击插入菜单中的表格项,然后打开下面的属性面板

第二步,将第一行的三列合并,第三行的三列合并。

第三步,合并后,一定要严格定义好每行的高度,其次一定要定义好第二行每个单元格的宽度,注意三个单元格的宽度之和应该是表格的总宽度。

第四步,将总表格居中对齐,设置好表格的边框颜色以及每个单元格的底纹,即可。

这样,一个通过表格制作的网页框架就做好了,表格的每个单元格就可以存放图片、文字、动画等等了。

方法二:通过div容器来制作网页框架。具体步骤如下:

第一步,新建一个dreamwer文件,点击插入菜单中的插入布局对象中的div标签,点击确定;

第二步,新建CSS样式

新建完后将CSS样式的边框、底纹以及高度和宽度设置好。这样就设置好了顶部单元格。

设置好所有的css属性后,点击dreamweaver的编辑窗口div标签,点击如图5属性栏中的divID应用即可。

第三步,使用相同的方法继续插入布局对象中的DIV标签,第二行插入DIV应注意,首先插入一个大的div容器,然后在里面插入左中右三个div,定义好每个div的宽度后,注意左边和中间的div容器的css代码必须写入:float:left;否则div容器是无法形成横排的

第四步,使用相同的方法插入底部的第六个div容器。保持与上面容器宽度一致,同时在css代码中将每个div容器的底纹和边框设置好。

二、总结网页布局的两种方法的优点与不足之处

使用table表格来布局网页框架的优点:制作方法直接,直接通过插入菜单中插入以及属性栏中设置所有的操作即可,无需定义CSS样式;制作的速度快。缺点:由于html文件中的table标签的浏览速度较慢,所以,使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。

使用DIV的方法布局网页框架的优点:可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位,制作出来的页面浏览速度较快,同时页面的风格可以通过修改单独的css文件进行随意的修改和更新;缺点:每个div容器都需要定义css样式来控制,制作过程相比table方式要复杂。现在的网页越来越倾向于使用DIV的方法来布局网页了。:

三、table与div方法布局网页框架的应用

篇3

一、引言

Internet已渗透到了社会的各个领域,不仅影响着我们的学习和工作,在Internet的发展中,WWW的发明和迅速推广应用是一个重要的里程碑。网页设计作为一门新兴的技术,是介于平面设计、编程技术两者之间的一门学科,它还涉及到美学心理、平面构成、色彩搭配等平面设计方面的知识。只有综合运用多种知识,才能设计出视听特效、动静结合、人机交互的WEB页面。

电子商务网站是一个非常丰富和方便的系统,很多是过去无法想像的,随着今天的社会的发展以及科学技术的发展,现在都可以想像得到。由此可以想像到未来的网页设计,那时候网页设计的要求是什么呢?怎样才能适应电子商务的发展呢?我有以下几点想法:网页能具有人性化;网页要具有相当的美感;网页更加强调交互性。

二、电子商务网站的安全现状

电子商务网站安全主要涉及网络信息的安全和网络系统本身的安全。电子商务网站安全的隐患主要来自操作系统、网络和数据库的脆弱性以及安全管理上的疏忽。电子商务网站安全从本质上讲就是网络上信息的安全,包括静态信息的存储安全和信息的传输安全。从广义上讲,凡是涉及到网络上信息的保密性、完整性、可用性、真实性和可控性的相关技术和理论都是网络安全的研究领域。因此为了保证网络的安全,必须保证以下四个方面的安全:运行系统的安全;

网络上系统信息的安全;网络上信息传播安全;网络上信息内容的安全。

以下是对目前国内电子商务站点普遍存在的几个严重的安全问题的一些分析。

1.客户端数据的完整性和有效性检查

(1)特殊字符的过滤

在W3C的WWWSecurityFAQ中关于CGI安全编程一节里列出了建议过滤的字符:&;“”\“|*?-<>^()[]{}\n\r,这些字符由于在不同的系统或运行环境中会具有特殊意义,如变量定义/赋值/取值、非显示字符、运行外部程序等,而被列为危险字符。

①CGI和Script编程语言的问题

在几种国内常见的WEB编程语言中,ASP和ColdFusion脚本语言对特殊字符的过滤机制不够完善,例如没有对单引号做任何处理等。Perl和php对特殊字符的过滤则较为严密,如忽略或加上“\”(取消特殊字符含义)处理。C语言编写的cgi程序对特殊字符的过滤完全依赖于程序员的知识和技术,因此也可能存在安全问题。

②MicrosoftASP脚本

普遍存在的问题是程序员在编写ASP脚本时,缺少或没有对客户端输入的数据/变量进行严格的合法性分析。因此,如果攻击者输入某些特定sql语句,可能造成数据库资料丢失/泄漏/甚至威胁整个站点的安全。比如攻击者可以任意创建或者删除表(如果可以猜测出已存在的表名),清除或者更改数据库数据。攻击者也可能通过执行一些储存过程函数,将sql语句的输出结果通过电子邮件发送给自己,或者执行系统命令。

③PHP和Perl

虽然提供了加上”\”(取消特殊字符含义)处理的手段,但是处理一些数据库时依然可以被改写。对于MySQL则没有问题,\’不会与前面的单引号封闭,而当作一个合法的字符处理。针对oracle和informix等数据库暂时未进行相关测试。

另外,对于PHP或者Perl语言,很多程序对于数字类型的输入变量,没有加单引号予以保护,攻击者就有可能在这种变量中加入额外的SQL语句,来攻击数据库或者获得非法控制权限。

(2)数据库问题

不同的数据库对安全机制的不同认识和实现方法,使它们的安全性也有所不同。最常见的问题是利用数据库对某些字符的不正确解释,改写被执行的SQL语句,从而非法获得访问权限。

2.大量数据查询导致拒绝服务

许多网站对用户输入内容的判断在前台,用javascript判断,如果用户绕过前台判断,就能对数据库进行全查询,如果数据库比较庞大,会耗费大量系统资源,如果同时进行大量的这种查询操作,就会有DenialofService(DoS——拒绝服务)同样的效果。

三、措施与解决方案

通过查阅一些资料,下面介绍一些网页制作中安全防范的方法,以供大家参考。

1.防范脚本攻击

(1)JS脚本和HTML脚本攻击的防范其实很简单,只要用server.HTMLEncode(Str)就可以了。当然全以<%=uid%>过滤,为了方便的过滤,只需要将HTML脚本和JS脚本中的几个关键字符过滤掉就可以了,如下代码所示:

以下是过滤函数CHK()

<%

functionCHK(fqyString)

fqyString=replace(fqyString,“>”,“>”)

fqyString=replace(fqyString,“<”,”<“)

fqyString=replace(fqyString,“&#”,“&”)

fqyString=Replace(fqyString,CHR(32),“”)

fqyString=Replace(fqyString,CHR(9),“”)

fqyString=Replace(fqyString,CHR(34),“”“)

fqyString=Replace(fqyString,CHR(39),”‘“)

fqyString=Replace(fqyString,CHR(13),”“)

fqyString=Replace(fqyString,CHR(10)&CHR(10),”</P><P>“)

fqyString=Replace(fqyString,CHR(10),”<BR>“)

CHK=fqyString

endfunction

%>

(2)很多站点在用户注册,或者是用户资料修改的页面上也缺少脚本的过滤,或者是只在其中之一进行过滤,注册进入后修改资料仍然可以进行脚本攻击。对用户提交的数据进行检测和过滤如以下代码:

IfInstr(request(”username“),”=“)>0or

Instr(request(”username“),”%“)>0or

Instr(request(”username“),chr(32))>0or

Instr(request(”username“),”?“)>0or

……

Instr(request(”username“),”>“)>0or

Instr(request(”username“),”<“)>0or

Instr(request(”username“),”“”“)>0then

response.write”朋友,你的提交用户名含有非法字符,请更改,谢谢合作<ahref=’****:window.history.go(-1);‘>返回</a>“

response.end

endif

2.防范sqlinjeciton攻击

从最一般的.SQLInjection漏洞攻击来看,主要在用户名和密码上的过滤问题,提交:用户名为:‘or’‘=’用户密码为:‘or’‘=’从程序出发,数据库在执行以下操作Sql=“SELECT*FROMlUsersWHEREUsername=”or“=”andPassword=“or”=“”时,SQL服务器将返回lUsers表格中的所有记录,而ASP脚本将会因此而误认为攻击者的输入符lUsers表格中的第一条记录,从而允许攻击者以该用户的名义登入网站。对此类注入的防范可以利用以下代码就可以实现strUsername=Replace(Request.Form(“Username”),“‘’”,“‘’‘”)

strPassword=Replace(Request.Form(“Password”),“’‘”,“’‘’‘”)

3.防止ASP木马

防止ASP木马被上传到服务器的方法很简单,如果你的论坛支持文件上传,请设定好你要上传的文件格式,我不赞成使用可更改的文件格式,直接从程序上锁定,只有图象文件格式和压缩文件就完全可以,因为多给自己留点方便也就多给攻击者留点方便。怎么判断格式,如下面代码所示:

判断文件类型是否合格

PrivateFunctionCheckFileExt(fileEXT)

dimForumupload

Forumupload=”gif,jpg,bmp,jpeg“

Forumupload=split(Forumupload,”,“)

fori=0toubound(Forumupload)

iflcase(fileEXT)=lcase(trim(Forumupload(i)))then

CheckFileExt=true

exitFunction

else

CheckFileExt=false

endif

next

EndFunction

上述介绍的一些安全防范的方法在编写网页代码时被常用到,这些代码还是较为基本的一些代码,但能有效的防止一些黑客的攻击,当然加入了这些代码可能会降低程序的使用效率。做为一名网站的管理人员或网页制作人员在进行网页制作和网站维护时应加强安全防范的意识,确保在网络上进行数据传输的可靠性。

篇4

考核方式

因此不能像其他课程一样采取传统的笔试方式进行考核,笔试比较适用于一些理工科课程,如高等数学、计算机原理等,该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成:课堂表现(10%),上机练习作业(20%),最后作品(70%)。这样可以较全面地考核学生对该门课程的掌握与实践情况,其中作品指的是老师制定的项目要求,一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式,由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题,然后教师给予评定和答疑,这门课程的最后一个环节,授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。

实践效果

篇5

中图分类号:G643文献标识码:A文章编号:1009-5349(2017)13-0023-01

本科毕业论文写作是我国普通高等本科院校人才培养方案中的一个重要的实践教学环节。我国教育部颁发的《高等学校本科英语专业教学大纲》中强调本科毕业论文是检验学生大学四年对所学专业知识掌握情况的有效措施,是毕业生综合成绩测评的重要手段。

一、基于知网的翻译研究方向毕业论文写作理论基础

上世纪末,知网信息平台迅速崛起,为我国期刊、论文及相关文献的检索和收藏提供了充实而广泛的空间,在网络、文献和资料大量涌现的时代,给我国高校英语专业翻译研究方向的毕业论文写作提供了宝贵的支持。在目的论指导下,基于知网翻译研究方向毕业论文写作的过程趋向于以论文写作的预期功能和论证目的以及作者的期待为核心,在不改变论文写作初衷的前提下,对所研究内容做出适当的调整和修改,以更好地突出翻译研究方向毕业论文写作的价值为目的。从目的论视角审视基于知网的翻译研究方向毕业论文写作,一方面从微观角度规范翻译研究方向毕业论文写作,以最大限度地实现翻译研究方向毕业论文写作的目的。另一方面,对翻译研究方向毕业论文写作、修改提供借鉴和参考,以更好地完成毕业论文写作。

二、基于知网的翻译研究方向毕业论文写作的三种方式

1.基于知网资源的翻译研究方向毕业论文写作

翻译研究方向毕业论文写作必须充分运用知网信息共享这一优势。知网对于毕业生来说是一个十分重要的信息宝库,通过知网可以检索到非常有价值的英汉翻译方面的专业术语和专业资料,其中关于英汉语言学、英美文学、英汉教学方法和跨文化交际等与翻译研究方向紧密相关的资料数不胜数,并且这些资料具有丰富性、廉价性和方便性等特点。论文作者不再是单纯而被动的论文撰写者,同时也可将自己的资源上传共享到知网,成为信息的构建者和者,做到以写促学,形成以交流促共享的新的毕业论文写作局面。

2.基于知网工具的翻译研究方向毕业论文写作

翻译研究方向毕业论文写作需要一个科学合理的研究过程,也是每一个毕业生通过知网技术和平_,并根据所学专业知识进行自主研究和创作的过程。强大的知网信息平台为广大毕业生提供了一个以毕业生论文写作者为主体,强调互动和创新的论文写作过程。为广大毕业生提供服务的知网信息平台工具主要包括在线导航、在线搜索和引擎等几大特殊功能,优质的在线服务具有良好的资源环境,这不仅为广大毕业生提供简明的信息平台,而且还为毕业生提供了可靠的资源与写作素材,使毕业生更好地深入到毕业论文写作中,对所研究论题有更充分的了解和掌握,以便于更深入地研究。

三、翻译研究方向毕业论文写作理论与实践的整合

1.坚持以论文作者为中心

论文写作活动的发生和发展是论文作者积极自觉地构建主观写作意图的过程,是写作的主体。因此,翻译研究方向毕业论文写作理论与实践整合的基本原则应是一切都要为促进论文作者实现有效写用为核心目标,充分考虑论文作者的认知心理和认知特点、写作动机、自身素养等诸多方面的因素。

2.坚持论文写作实践植根于理论层面

坚持理论与实践的完美结合与统一是翻译研究方向毕业论文写作的另一重要原则。这就要求论文作者需要选择一个恰当的理论作为写作指导,而不是用惯性的思维选择一个从众的不适合的理论。当然,翻译研究方向毕业论文写作在知网的使用过程中切不可局限于某一种单一的理论。在具体写作过程中,对待知网的运用方面应采取应题而异的资料搜索方式和论文写作方法,根据不同的论题和论点,从知网选取不同的理论。

本科毕业论文写作是我国高校本科毕业生专业知识综合运用的体现,是我国现阶段本科院校人才培养目标的重要任务之一,也是我国高校本科教学改革的重要客体,本科毕业论文写作质量直接反映出我国高校本科教学的质量。将知网信息平台与毕业论文写作相结合,极大地提升了我国高校本科毕业论文的质量。

参考文献:

[1]于泓.谈新世纪高校图书馆的文献信息服务[J].情报科学,2002(5).

[2]朱凡.数据库利用教育史文献检索课的核心[J].情报杂志,2002(6)

篇6

随着信息技术的迅猛发展和互联网的广泛应用,网络及其技术正在迅速成为拓展教育时空、提升教育效率的重要途径,通过网络开展就业指导和毕业生就业服务也成为高校指导就业工作的重要渠道。基于网络技术的固有优势和就业指导的本质要求以及高校就业信息网络化的不断完善,高校毕业生逐渐将网络求职作为择业的重要手段之一。与此同时,用网络为大学生开展就业指导也在迅速发展,但在这发展过程中存在着若干薄弱环节,如何实施和发展网络就业指导,突破时空限制,为学生提供全程、全面、全方位的就业指导服务已成为高校网络化就业指导工作中迫切需要解决的问题。

一、网络就业指导工作中所存在的问题及形成原因

1.高校就业指导人员的专业素养有待提高

目前,我国高校基本上都设置了就业指导机构,多数开有就业指导课。但由于师资力量投入不足,就业指导机构的工作大多是以相关就业信息以及学生就业手续办理为主。作为学校就业工作实施的主管部门,其工作方式没有突破传统模式。部分学校没有专职就业指导老师,缺少一支结构合理、业务水平高的教学队伍。上课的主要是学校就业处的老师和工作人员,且没有对这些老师进行专业的培训教育;在教学安排时,由于师资和课时问题、扩招人数的增多、学校多方面资源紧缺等原因,使得就业指导教师队伍不稳定,特别是网络化就业指导整体处于较低水平。因此,改变现状,提高就业指导人员专业水平是各高校就业指导机构首先要解决的问题。

2.大学生就业指导网的建设有待进一步完善

(1)就业网站的指导、服务功能需要加强

目前,多数就业指导网站提供的内容基本上都是大同小异,除了各种政策法规、用人单位招聘信息、毕业生求职信息等内容外,就是简单的文章罗列,毕业生需要和想要的内容很少。要想了解更多的内容,多数毕业生们还是选择网络引擎搜索。另外,就业指导网站的有些栏目设置缺少吸引力,内容过时,互动性、联通性比较差,使用不方便,没能真正充分发挥其应有的功能。专门针对学生进行职业生涯规划、职业生涯测评、个性化设置、就业心理疏导等方面的相关辅导内容涉及不多。

(2)对网站信息的监控有待改进

就业信息网上毕业生或用人单位自己填写并相关信息,对毕业生而言,部分毕业生任意更改对自己就业不利的相关资料,如改表现、提高成绩等,一些不确实的信息;对用人单位而言,也“善意”夸大自身实力。这些不良行为的后果直接引发就业矛盾以及人们对网上招聘信息信任度的降低。可见,如何有效合理利用网络开展就业指导,还有广阔的开发空间。

(3)网络化就业指导工作的信息整合效力不够

目前,许多就业网站由于没有网络化实施的有效方案,不能实现与教育管理部门、各级高校的信息共享和整合,就业信息的、就业数据的统计和学生就业管理等工作还未摆脱传统方式。高校与社会机构对于就业指导的网络资源整合效力不够,高校、政府相关各职能部门各摆各的谱,各唱各的调。由于信息不联通,常常出现“有人无业就,有业无人就”和“求职者找不到合适的职位,求人者找不到有用的人才”的两难局面。

二、就业指导工作网络化的建议和对策

1.提高就业指导人员信息素养

就业指导人员应具备较敏锐的信息意识,具有较强的信息敏感度,能够根据实际情况主动快速地提取、利用就业信息资料。在高校毕业生就业过程中,毕业生人数比较集中,受时间、专业、场地、生源地限制,如果没有大量的准确的人才需求信息,就业工作势必受到影响。

就业指导人员要掌握信息知识,积极学习各类新信息知识和熟练使用各种信息工具,对信息的发展具有适应性,能够跟上社会发展的脚步。

就业指导人员要具有运用信息的能力,应对收集到的各类信息进行整理、分类、归纳和总结,以保证信息的全面、及时和准确,并及时向毕业生和用人单位反馈和。同时能引导学生学会根据求职要求对各类信息进行筛选,学习对学习、生活、就业有用的内容,自觉抵制不健康的内容,不组织和参与非法活动,不利用计算机网络从事危害他人信息系统和网络安全、侵犯他人合法权益的活动。

2.相关就业指导网站的建设

在校级就业网络信息平台的建设过程中,应注意综合毕业生、用人单位的双方需求,设计出结构明朗、内容丰富、便于访问和浏览的网站主页。

(1)增强网站对学生就业的指导功能

大学生就业指导网是否具有指导性,是否具有一定的服务功能,是影响高校利用网络对大学生实施就业指导的又一重要因素,也是决定网上就业指导工作生命力的关键。增强就业指导网站的指导功能,特别要注重网站的互动功能,开设“论坛”、“在线答疑”等栏目,一方面能够及时解答学生提出的问题,了解学生的动态,做好毕业生的就业指导工作;另一方面也促进了毕业生和用人单位之间的沟通和交流,毕业生之间的信息互通,促进了就业指导工作的开展。同时依托网站建立相关的培训与测评机制,为大学生提供满足近期职业发展需求和阶段性职业规划设计的相关服务。

(2)注重网站的就业服务功能

就业指导网站面对的是毕业生与用人单位两方的服务需求,可以通过建立毕业生和用人单位数据库,实现用人单位与毕业生的网上双向选择,同时确保双方信息的可靠性和真实性。健全网络视频面试功能,节约资源,提高毕业生与用人单位的信息交换频率,达到网络就业的效果。同时,就业指导人员还可以利用电子邮件、QQ、飞信等就业信息,实现快捷的就业服务。

(3)就业指导相关各级机构的网络资源整合有待加强

目前,由国家到地方,各级就业网站的建立基本完成。按照教育部要求,高等学校中的本科院校在2007年就要基本完成网站的建设,2008年要求专科学校也要完成学校就业网站的建设。现在,由政府相关部门(教育部、人事部、发改委等)共同发起组建的毕业生就业网络联盟,也于2009年11月20日正式启动。它让毕业生的信息交流更为方便,使毕业生的就业管理工作更为及时高效。

大学生有效就业,是一项多头绪的社会化系统工程,更是关系国家发展稳定的大局。建立网络化就业指导的模式,构建并完善就业信息平台,通过信息交互,为毕业生提供多渠道、多方位的就业信息。高校相互间的就业信息源要实现开放、联合和共享,这样才会使更多的用人单位登录网站,使毕业生就业受益。高校就业指导网站与地方主管部门共建网络化就业指导平台,整合资源,构建开放的就业信息体系,从而使各地区、各行业、各部门与毕业生之间实现立体化的信息交互。高校网络化就业指导是一项系统工程,需要各高校之间、高校与地方毕业生就业工作主管部门之间有序联合,使就业指导工作更好地服务于学生,满足社会的需要。

篇7

中图分类号:G434 文献标识码:A 论文编号:1674-2117(2016)01-0079-02

中职计算机专业“网页制作”课程教学的重要性

作为我国教育体系重要的组成部分,中职院校在人才培养中扮演着重要的角色。在当前时代与社会的发展要求下,中职院校更需要强化发展。[1]计算机专业中的“网页制作”课程其培养方向与中职计算机专业人才培养的目标相一致,即提高学生的专业知识、专业技能以及实践能力。因此,强化中职计算机专业“网页制作”课程的教学有着重要的意义和作用。

中职计算机专业“网页制作”课程利用专题学习网站的实践

当前,计算机被广泛应用到各个行业和领域中,为了提高计算机专业的教学质量,为社会培养更多的实用性人才,中职院校在计算机专业的教学中增加了“网页制作”课程。而在实际教学中,专题学习网站能为学生学习“网页制作”课程提供帮助,从而提高他们的实践能力。[2]

专题学习网站,是在互联网环境下,将各科学习课程或者某些教学课程之间的某一项或者多项学习的知识点有机结合起来的学习专题,是可以让学习者进一步研究和学习的一个资源型学习网站。它可以用来进行资源信息的存储和加工,对学生的学习情况进行在线反馈等。[3]在中职计算机专业“网页制作”课程的教学中,由于其操作性强、专业性强等特点,教师需要让学生在网页制作设计中充分利用各种资源。而专题学习网站能为学生提供丰富的资源,满足学生的设计需求。“网页制作”专题学习网站的结构如图1所示。

在专题学习网站中,基础知识部分为网页制作的基础教学资源,包含了网页制作基础理论、网页制作设计软件操作、网页制作技巧等,是学生学习“网页制作”课程的入门知识。专题学习网站中的实例教学,则是以教学实例为例子,使用任务驱动教学法,为学生提供网页制作所需要的各种资源,以教学实例为网页制作知识学习的主线,循序渐进,使学生掌握网页制作的相关知识,并提高网页制作实践技能。

网站界面的主要功能是为用户提供服务,所以在网页的制作和设计中,一般需要做到以下几点:①保证网页的简洁性。在网页制作的过程中,界面的简洁可以方便用户的操作、使用和了解,从而减少错误操作。②一致性。在网页设计中,需要保证每个网页的一致性,做到结构一致、清晰,风格一致等。③清楚。制作网页需要保证网页的清晰度,因为清楚的视觉效果便于用户的浏览和使用。④安全性。在网页制作中,需要保证网页的安全性,在保证用户可以自主选择的同时,也要给予用户选择错误时必要的系统信息提示等。[4]除此之外,还需要具有灵活性、排列性等。

“网页制作”课程利用专题学习网站,既可以用于课堂教学,也可以用于学生的课外网站学习。例如,“网页设计”专题学习网站的实例教学部分,主要是制作教学案例。案例多以课程教学中的实施为基础和依托,案例的设计不只是一个知识点的应用,还会包含多个知识点,是计算机专业“网页制作”课程知识的综合利用。实例教学的界面如图2所示。

教师指导学生利用专题学习网站进行网页制作的主要步骤为:

第一步,欣赏借鉴。教师让学生上网浏览、欣赏、搜集自己觉得精彩的网页、个人主页等。

第二步,设计网站的基本框架。教师指导学生建站、链接、文本链接、图像链接等,建立与E-mail超链接。

第三步,设计页面布局。学生利用自己所学的知识,进行网页、表格、文字等的布局设置,在网页中输入图像、背景颜色、背景音乐等,设置文件的保存、命名、移动、删除等操作。

第四步,创建动态页面。学生利用所学的计算机知识,设置动态的网站页面,如字幕、悬停按钮、图像、文字等动态的效果画面。

第五步,上传网页。学生完成网页设计之后,可以申请免费的个人网站主页,在网站空间里上传自己设计的网站、网页。

第六步,评价网页设计。教师对学生上传的网页设计实践成果进行评价,并针对其存在的不足和错误进行纠正,以帮助学生认识网页设计的不足,并逐步完善。

结语

中职计算机专业“网页制作”课程教学,充分利用专题学习网站进行实践,既可以培养和锻炼学生的网页制作设计技能,还可以为学生的网页制作、设计,提供丰富的信息资源。因此,在中职计算机专业“网页制作”课程教学中,利用专题学习网站进行教学实践,对培养计算机专业人才具有重要意义。

参考文献:

[1]黄以宝.《网页设计与制作》专题学习网站的设计[J].电脑知识与技术,2009(15):4089-4090.

篇8

【中图分类号】G40-57【文献标识码】A 【论文编号】1009―8097(2008)13―0138―04

众所周知,Dreamweaver 8.0是一款非常优秀的专业网站开发软件,目前的版本已经发展到CS3(即9.0版),由于8.0的普及使用范围很广,本文则以8.0为主来讲解Dreamweaver的使用技巧(下文的Dreamweaver均指8.0版),让网页制作初学者更好的掌握该软件的使用。

一 网站管理方面

一个Web站点内一般有很多网页文件、图片,甚至Flas等,如不进行管理归档,分散在硬盘的各个地方就无法方便地进行网页的。定义本地站点,就是在硬盘上建立一个目录,将所有的网页和相关的文件都放在里面,以便进行网页的制作和管理。

Dreamweaver提供了方便的站点管理工具,具体操作请参考相关教材,此处不再详述。在这里需要注意的两个技巧是:

1 是否使用服务器技术的选择。

有的初学者认为选择“否, 我不想使用服务器技术”(图1-1)和“是,我想使用服务器技术”中的“无”(图1-2)的效果是一样的,这是错误的,两者之间是有区别的,在于是否要通过服务器来调试浏览网页,效果如图1-3和图1-4所示:

2 站点保存地址的准确书写

有很多初学者喜欢自己填写网站保存的位置,如图2-1所示。但由于路径中的“/”“\”的符号使用不当也会造成Dreamweaver中的“资源”面板不可用。

之所以会出现这样的错误,这是因为网址中经常会使用“/”,而且Dreamweaver在此方面没有严格的说明,故有很多初学者会将两者混淆。

如果写反了,即写成了“/”,就会出现图2-2所示的面板中无资源且操作按钮不可用问题,而图2-3所示的为正常的“资源”面板状态。

二 网页布局方面

Dreamweaver给用户提供了表格、布局表格、扩展表格、层和框架布局等几种方法来进行网页设计,其中表格、布局表格是当前工作最为流行的网页布局方法。可惜美中不足的是表格没有框架布局的指定打开链接的功能,如何解决这样的问题呢?我们可以在表格的单元格中插入内框架(iframe)的代码就可以解决。但是对于大部分学习者来说,使用HTML代码来设计网页是件很难的事。

Dreamweaver通过“标签选择器”为我们提供了对内框架代码的可视化编辑,这样就不用害怕给网页添加代码了。

1 使用“标签选择器”插入内框架[1](iframe)

首先,执行菜单命令“插入”/“标签”(快捷键Ctrl+E),就打开图3-1所示的“标签选择器”对话框。

其次在“HTML标签”/“页元素”中选择“iframe”标签,然后单击对话框中的“插入”按钮,便可打开“iframe”标签属性设置的可视对话框,并进行相应的设置,源(src)表示为在该框架中要打开的指定路径的网页文件,这里是一个网站相册,名称(name)则表示框架的名称为photo,宽度(width)和高度(height)表示内框架的显示宽度和高度,如图3-2所示。

网页编辑主要是指文字和图片等的编排,已有很多教材进行了详细阐述,本文将不再赘述。现在主要就网页编辑中的几个技巧来描述,希望可以帮助大家提高学习网页制作的效率。

1“页面属性”设置

大多数情况下,我们可能不太会注意“页面属性”。但如果要想通过复制其他网页中的文本内容并保存网页时,此时就会出现涉及编码的警告对话框,如图4-1所示,这就与“页面属性”的设置中的“标题/编码”(内容如图4-2)编码有关了。

这里之所以讲“页面属性”,就是希望大家能够记住,我们的网页是中文网页,使用的编码是“中文简体(GB2312)”,如果使用了其他编码,很有可能会使网页在显示时会出现乱码。同时还要提醒大家,使用Fireworks绘制导出的网页在设计之前,一定要检查网页编码是否为“中文简体(GB2312)”,这样的做法是为了避免网页在设计中出现乱码而无法恢复。

2 创建网站相册[2]

如何能够快速的创建一个网站相册呢?Dreamweaver为我们提供了更为快捷有效的方法,操作过程如下:

首先,执行菜单命令“命令”/“创建网站相册”,打开“创建网站相册”的对话框,并进行相应设置,结果如图5-1所示。

相关参数设置说明:

“源图像文件夹”:表示提供用于制作相册的图片素材的位置;

“目标文件夹”:表示生成的网站相册保存的位置;

“缩略图大小”:表示首页显示图片的大小;

“列”:表示首页显示缩略图的列数。

其次,单击“确定”按钮后,Dreamweaver会自动打开Fireworks进行图片处理,并生成网站相册。如果没有安装Fireworks的话,那就无法进行网站相册的制作了,由此可见,网页制作三剑客是一个整体。完成的最终效果见图5-2。

3 查找和替换的应用

在网站相册中,我们需要将“01-1.jpg”文字替换成“北京与奥运握手”,这样才能与奥运相册的主题相吻合。Dreamweaver提供了类似Word中“查找和替换”的对话框,功能十分强大,我们就利用这个功能来完成这一操作。

首先执行“编辑”菜单中的“查找和替换”命令,打开图6-1所示的对话框:

相关设置参数说明:

查找范围:主要有“所选文字”、“当前文档”、“打开的文档”、“文件夹…”、“站点中选定的文件”和“整个当前本地站点”。

搜索:“源代码”、“文本”、“文本(高级)”和“指定标签”,不仅可以查找文本,还可以查找特定格式的文本和HTML代码与指定标签。

保存和打开:可以将当前的查找条件设置以.dwr的文件格式来保存和重复打开使用其他参数设置与Word相同,这里就不再详述。

其次,在“查找”后的文本框中输入“01-1.jpg”内容,在“替换”后的文本框中输入“北京与奥运握手”内容。如果只替换当前文档中的内容,则“查找范围”选择“当前文档”;要全部替换的话,则可以选择“整个当前本地站点”。查找结果如图6-2所示,网站相册最终效果见图6-3所示。希望大家能够认真研究该对话框的使用,要学会举一反三。

小结

上述关于网页制作的三个方面6个技巧,是本人在对网页制作工具Dreamweaver的教学中总结出来的,希望能够为正在学习网页制作的人提供有效的帮助,同时希望大家在学习软件时一定要认真细致,学会总结,这样才能更好地掌握软件的使用技巧,使学习事半功倍。

篇9

中图分类号:TP393 文献标识码:A 文章编号:1007-9599 (2012) 21-0000-02

目前用于网页制作的工具很多,常用的包括网页设计软件和高级网页编辑语言。因为网页中使用的语言基本上都是标记语言,不需要进行编译,所以可以直接用各种文本编辑工具进行制作,但是这样编写网页效率较低,要进行大型或复杂的网页制作及进行网站建设,必须使用网页制作工具。DreamweaverCS5是一种最便捷和最简单的工具,它是目前最流行的网页制作工具,是集网页制作和管理网站于一身的所见即所得的网页编辑器,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

1 DreamweaverCS5的发展

1985年,Macromind公司在美国芝加哥成立,公司致力于高品质的音频、视频和动画在艺术领域的软件开发。产品包括Macromind3D、Action和Director。1992年,Micromind、Paracomp和Authorware三家公司合并成为Macromedia。1997年Macromedia推出了一款“所见即所得”可视化网站开发工具——Dreamweaver1.0,受到广大网站开发设计人员的青睐仅一年就销售出10万套。2002年5月推出DreamweaverMX,目的是支持现代网页专业人员兼负的多重角色。DreamweaverMX将UltraDev最佳的开发功能以及HomeSite的主要程序代码编辑功能整合为一个核心的Dreamweaver环境,为建立单一开发环境的第一步,以期让使用者能在此环境中,依其偏好的方式(例如以手动编码、可视化设计或结合两者的方式)来建立不同的网站和应用程序。2005年Macromedia公司合并入Adobe公司,2010年5月Adobe公司了Dremweaver的最新版本——DreamweaverCS5,新增了对以CSS为基础的设计与开发提供支持的革命,将网页设计提升到新的层次。透过将CSS结合在所有使用者的工作流程中,促进了网页专业人员对CSS的普遍采用。它拥有操作便捷高效,可视化开发界面,丰富的站点管理功能等优点。在保持原有特点的同时,更符合Web建设工作流程,增强了产品的功能和易用性。DreamweaverCS5也支持所有主要的服务器技术,包括ColdFusion、PHP、ASP、和JSP,让各种能力程度的开发人员,无论是新手或老手,都能实现其设计。

2 DreamweaverCS5的新增功能

利用AdobeDreamweaverCS6软件中改善的FTP性能,更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码,使您能检查自己的工作。

2.1 自适应网格,可响应的自适应网格版面

使用响应迅速的CSS3自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建复杂网页设计和页面版面,无需忙于编写代码。

2.2 改善的FTP性能

利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件,缩短制作时间。

2.3 Catalyst集成

AdobeBusinessCatalyst集成

使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑您利用AdobeBusinessCatalyst(需另外购买)建立的网站。利用托管解决方案建立电子商务网站。

2.4 增强型jQuery移动支持

使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序,同时简化您的移动开发工作流程。

2.5 更新的PhoneGap支持

更新的AdobePhoneGap支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。

3 系统配置要求

3.1 在Windows系统中运行DreamweaverCS5的软、硬件配置要求如下:

(1)IntelPentium4或AMDAthlon64处理器

(2)MicrosoftWindowsXP(带有ServicePack2,推荐ServicePack3);WindowsVistaHomePremium、Business、Ultimate或Enterprise(带有ServicePack1);或Windows7

(3)512MB内存

(4)1GB可用硬盘空间用于安装;安装过程中需要额外的可用空间(无法安装在基于闪存的可移动存储设备上)

(5)1280x800屏幕,16位显卡

(6)DVD-ROM驱动器

(7)在线服务需要宽带Internet连接

3.2 在MacOS系统中的配置如下:

(1)Intel多核处理器

(2)MacOSX10.5.8或10.6版

(3)512MB内存

(4)1.8GB可用硬盘空间用于安装;安装过程中需要额外的可用空间(无法安装在使用区分大小写的文件系统的卷或可移动闪存设备上)

(5)1280x800屏幕,16位显卡DVD-ROM驱动器

(6)在线服务需要宽带Internet连接并不断验证订阅版本(如果适用)

4 DreamweaverCS5在网页设计中的制作方法

服务器端可以使用ASP(ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的格式是。asp,现在常用于各种动态网站中。)、JSP(是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准)、PHP(独特的语法混合了C、Java、Perl以及PHP自创新的语法。PHP安装它可以比CGI或者Perl更快速的执行动态网页),ASP程序可以使用VisualInerdev\UltraDEV等编辑。客户端可以使用所见即所得的网页制作工具来设计网站的整体框架,然后再用JavaScript等脚本语言来对网站进行修饰。

5 结束语

总之,DreamweaverCS5是一款优秀的所见即所得的网页设计工具,通过它可以高效的对客户端站点进行编辑和制作,并可以实现网站的上传功能。本文从网页设计与制作的实际需要出发,全面、系统地介绍DreamweaverCS5的相关内容,力求满足网页设计应用软件的现实需求。

参考文献:

[1]杨尚森.网页设计与制作[M].北京:电子工业出版社,2010.

篇10

中图分类号:G632 文献标识码:A 文章编号:1673-8454(2012)10-0030-03

一、背景

作为一名中职计算机教师,常发现学生过于依赖教师通过媒体演示教学过程来获取知识,形成了一种教师讲演、学生练习的被动学习局面。学生自主学习的积极性不高,合作能力不强。如在“网页制作”课堂教学中,按照传统的教学模式,以《教学大纲》为基准,依据教材内容,通过多媒体技术进行教学,从站点的建立到文字的编辑,从图片的插入到网页的布局,最后讲解几个综合应用的实例。由于学生的知识起点水平不同,有的学生基础好、悟性高,能顺利完成教师布置的作业,有的学生基础差,很难独立完成作业,而且更突出学生自主解决问题能力较差的主要问题。因此,这种方法无法实现学生自主学习能力、合作能力的培养,影响学生职业能力的形成,对此,笔者尝试运用项目教学理论,在“网页制作”教学中进行实践研究。

二、项目教学理论的研究

(一)概述

对于项目教学,不同的学者有着不同的理解,从而有着不同的定义,国内学者定义一:项目教学是以学习研究的概念和原理为中心,通过学生参与一个活动项目的调查和研究来解决问题,以建构起他们自己的知识体系,并能运用到现实社会当中去。[1] 国内学者定义二:学生通过亲自调研,查阅文献,收集资料,分析研究,撰写论文等,将学到的理论知识和现实生活中的实际问题紧密结合,得到综合训练和提高。最后,学生还要在课堂上介绍自己的研究情况,互相交流,并训练表达能力等。这种教学方法称为项目教学法,或称为基于项目的学习。[2]

综合两位学者的定义,可以得出项目教学的理论是强调学生掌握相关的理论知识后,通过动手操作去解决实际问题,从而培养学生解决问题的能力。

(二)构成要素

项目教学理论主要由内容、活动、情境和结果四大要素组成。[3]内容是指学习的主题和目标,是现实生活中的问题,是学生值得深度探究并且学生有能力进行探究的知识。活动是指学生在学习中依靠计算机和所掌握的知识解决相应的问题,主要强调学生的合作能力和解决实际问题的能力。情境是支持学生进行学习的环境,它可以是物质实体的学习环境,也可以是借助信息技术形成的虚拟学习环境。结果是学生在学习过程中或学习结束后所掌握的知识和技能,包括自主学习的技能、与人交往的技能等。

三、项目教学理论在“网页制作”教学中的实践研究

在“网页制作”课程教学中,笔者尝试应用项目教学理论,以“将在淘宝上开花店而需要制作一个花店网站‘芯依花店’”为总项目,根据项目教学的四要素进行教学设计,将此教学理论贯穿整个教学过程。

(一)教学设计与分析

1. 教学情境的设计

(1)多媒体网络平台。学生可通过教室网、校园网及因特网提供的网络资源、QQ、Email及论坛等网络通讯工具,实现资源的搜集,同类网站的调查,生生间、师生间的对话、交流、协商和讨论等活动。

(2)教师提供数字化学习资源。资源包括: a.教学项目的目标和要求;b.网页制作教学的课件和教案;c.网站制作素材资源库;d.网页制作学习资源库。资源库为学生的自主学习提供了有效的依据、方法和资源,有助于学生形成完整的知识体系。

(3)虚拟实验环境。由于本“网页制作”需实现浏览商品库及提交订单等动态数据库功能,笔者设计了局域网内的动态数据库链接及提交功能等虚拟网络实验环境。

2.教学过程的设计

笔者根据项目教学理论中的内容要素以建立“芯依花店”网站项目为中心进行内容设计。项目分为四个子项目:①站点规划及素材准备;②网页制作;③站点的测试(IIS的安装和站点的管理及测试)与;④网站的评价。具体的学习内容、活动与评价如下:

(1)子项目一:站点规划及素材准备(4课时)。

工作任务:a.分组(全班分成8个组)、分派任务书;b.小组讨论规划站点;c.建立站点;d.准备素材。

学习活动:a.以小组为单位对此网站进行需求分析,查阅资料并综合同类网站的结构及内容等分析,确定本网站的结构,确定不同栏目,建立站点,并初步进行规划;b.收集网站所需展示的素材,能使用相应的软件对所需的素材进行分类整理及编辑。

(2)子项目二:网页制作(8课时)。

工作任务:小组合作完成网站,要求网页风格一致,小组各人分别承担一个以上栏目的网站制作,包括:“公司简介”、“产品展示”和“在线订单”。

学习活动:a. 学生通过自主学习与探究、讨论、互助,学习数字化资源库中的网页制作知识,最终完成页面站点制作,掌握网页制作方法与技巧;b.学生进行网页制作,并完成各网页间的链接。

(3)子项目三:站点的测试与(4课时)

工作任务:各组对本组的站点进行测试及。

学习活动:a.完成IIS安装;b.尝试站点的;c.测试网站内各链接是否有效,提交功能等能否实现;d.对未实现的功能继续调试至成功。

(4)子项目四:网站的评价(2课时)

工作任务:通过学生自评,生生互评,小组互评及教师评价等形式对“网页制作”的学习内容及过程进行评价。

学习活动:a.学生个人对本人所制作的部分进行展示,并谈谈主要学习收获;b.小组内对各成员的学习态度及各自完成的页面内容等进行评价;c.小组间进行网站的展示与评价;d.教师对学生的学习过程及作品进行评价。

(二)教学实践

1.教学内容、活动及情境的实施

(1)创设情境

教师演示一般购物网站为学习情境,通过观摩学习,并结合本“芯依花店”网站建立的实际需求,指导学生在学习中应掌握的知识点:a网站风格的一致性;b.网站中各网页的链接;c.“在线订单”页中提交功能的实现。通过对多个网站进行观摩学习,提高学生学习的积极性。

(2)自主探究、合作学习、完成项目

首先,在规划站点阶段,小组学生通过对资源库中的网站结构进行分析,由小组的每位学生制作一个站点规划图,最后在小组内相互讨论并在教师的指导下将制作最完整的站点规划图作为小组的站点规划图。接着,在网站制作阶段,要求小组学生进行明确分工,有负责查资料的,有负责处理图片的,有负责处理文字的,也有负责进行网站布局的。在学习过程中,自然会碰到疑难问题,如:如何在网页中插入视频、添加“弹出信息”、“打开浏览器窗口”等,对于这些问题,教师不是直接去告诉学生答案,而是引导学生到数字化资源库或因特网中寻找答案,通过多次让学生尝试去解决问题,小组学生最后形成自主探究学习的习惯。有些小组的学生在解决问题后,针对相应的问题写出了小组的学习笔记,通过班级QQ群与其它小组的学生进行分享。然后,在站点测试阶段,各小组的每个学生对本小组网站通过“链接检查器”对整个站点的链接进行检查,有些小组的学生为了使本组的网站不出现错误,通过教室网请求其他小组学生进行链接检查,指出错误再进行讨论、修改,直到不出任何差错为止。最后,在站点阶段,学生不理解FTP服务器的设置,教师通过“多媒体广播教学系统”的转播功能,统一解答。在“芯依花店”项目制作过程中,实行分组比赛,组内进行明确分工,责任到人,更好地促使个人自主探究,小组合作交流,共同解决问题,极大地提高学生的学习主动性和合作能力。

2.教学评价与结果

教学评价采取自我评价、同学互评、过程评价和教师评价。教师制订学生作品评价标准:A.作品是否与计划的目标相一致(40%);B.网站的基本要素是否完整,网站是否能被大多数学生认同,意味着点击率的高低(10%);C.作品汇报的展示手段是否有利于交流(10%)。D.小组各成员随机回答问题的质量及次数(10%);E.各小组的学习笔记,学习笔记中应体现在学习过程中通过什么方法解决了网页制作中哪些疑难问题(10%);F过程评价(20%)。

(1)自我评价:各组成员根据评价标准进行组内讨论,进行自我评价,提出需要改进意见并进行改进。

(2)同学互评:各组成员根据评价标准进行组内讨论、组间讨论,对其它组的项目进行评价,提出需要改进意见。

(3)过程评价:主要反映小组成员是否积极参与项目,成员之间是否具有良好的沟通、交流;小组成员之间是否互相帮助,具有较好的集体荣誉感;在学习过程中,小组成员是否严格遵守上课和机房纪律。

(4)教师评价:教师根据评价标准对作品进行评价,最后由教师对每组的作品进行点评,结合其它评价成绩完成教学评价。

通过项目教学,学生完成了功能完备、界面友好的“芯依花店”网站,学生的自主学习能力和合作能力得到提升。

(三)教学反思

笔者在实践中发现以下问题,需在组织教学过程中重点关注:

(1)小组学习者相互依赖关系的形成

正相互依赖关系是指在小组成员之间形成一种积极的相互关系,使每个成员意识到自己是小组的一员,要与其他同伴荣辱与共,要对其他同伴的学习负责。[4] 在创建“芯依花店网站”的教学中通过两个方面确定学习者之间的相互依赖。一是正目标相互依赖,每小组要求每个学习者必须要负责项目的一个子项目;二是学习项目之间的相互依赖,各个项目之间相互依赖,只有发挥各小组成员的特长,各小组员共同出谋划策才能制作出具有本组特色的网站。

(2)明确各小组成员的责任