学生被动接受，然后去机房实践，等到去机房实践时，由于时间隔得太久，学生把上次课堂所讲内容都忘得差不多了，上机时老师还需要再重复讲一遍，这样效率低下。还有，多媒体上课有时一次安排就是四节课，老师一次讲的知识点太多学生根本记不住，时间太长，最后学生听课的热情也不高，严重影响教学的质量和效果。因此，我们尝试改革教学模式，授课地点用多媒体机房代替传统的多媒体教室，在多媒体机房安装投影仪或电子教室软件，学生每人使用操作一台计算机，教师使用一台教师机。授课方法如下：如果是理论性比较强的部分，启用电子教室软件，对学生机进行控制，不允许学生操作电脑，教师一边讲解一边操作教师机，让学生看着显示器听老师讲解；如果是比较难掌握复杂的内容，教师就通过投影仪来讲解演示，学生可以跟着老师示范步骤一步步操作学习，从而实时掌握授课内容。每次控制好讲解时间及内容，一次讲解三四个知识点，精讲多练，每次讲完后预留合适的时间并布置小练习让学生来完成，并把所讲课程课件等一些相关资料服务器共享。完成作业后教师采用逐个点评作业的方式进行学习交流，使学生对所学的知识点更加巩固，同时大家相互交流也可以拓展思路并激发学习的热情和积极性。分析并临摹优秀网站。学习完第二个层次内容之后就可以让学生开始独立完成网站制作了，在临摹网站之前，要先让学生大量分析不同风格不同主题的优秀网站，并提交分析报告，学会审美网页，然后再临摹一些优秀的网页，在临摹的过程中，学习体会各种不同主题网站的不同的风格、配色以及界面设计。采用案例教学和项目教学。选用一些有代表性的案例，比如一些为人熟知的网站如新浪、搜狐等，通过对案例的分析讲解其相关的功能及制作方法，这样可让学生更有兴趣从而提高积极性。其次，也可采用项目教学法，通过项目驱动促进课程改革。可以把开发一个小型网站或大型网站的一个栏目作为项目，比如重新开发一学校或公司网站，从网页设计实际流程出发，让学生分组完成网站的前期策划、设计、制作、测试和，进而完成整个项目。通过项目教学，让学生掌握网页设计与制作的相关技术，培养独立开发及制作网站的能力。积极探索网络教学新模式。利用网络教学平台，我们将课件和相关学习资料放在教学网站上，供学生学习参考；还可开通网页爱好者交流群，学生对学习过程中遇到的各种问题进行讨论，有好的设计方法和经验大家相互交流学习；还可通过开展网页设计大赛，可展示评比学生的优秀作品，这样可提高学生的积极性。同时也可以相互学习分享。
考核方式
因此不能像其他课程一样采取传统的笔试方式进行考核，笔试比较适用于一些理工科课程，如高等数学、计算机原理等，该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成：课堂表现（10%），上机练习作业（20%），最后作品（70%）。这样可以较全面地考核学生对该门课程的掌握与实践情况，其中作品指的是老师制定的项目要求，一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式，由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题，然后教师给予评定和答疑，这门课程的最后一个环节，授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。
实践效果
笔者长期从事河南工程学院、中原工学院的《网页设计与制作》基层教学工作，通过对近三年物理学、会计学、广告学、网络工程、艺术设计、纺织工程等六个专业近400名学生的必修和公选的《网页设计与制作》教学效果进行了分类对比，通过调查问卷、学生评教、学生成绩分布情况等方式，主要从学生学历层次、授课地点、授课形式、是否采用案例教学、学习气氛培养等方面对培养方案进行了设计，则根据预定的授课方案对授课效果进行了跟踪和汇总。从教师授课效果来看，虽然在个别专业学生的日常上课非常配合，学习态度较为认真，但是从考试的成绩来看还是不如教学改革后的效果好，使用了新的教学手段学生成绩均有不同程度的提高，从不同的年级学生评教分数来看，大部分学生认为传统的《网页设计与制作》教学模式的评价分数并不理想。
[关键词]网站安全脚本数据库交互
一、引言
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
上述介绍的一些安全防范的方法在编写网页代码时被常用到，这些代码还是较为基本的一些代码，但能有效的防止一些黑客的攻击，当然加入了这些代码可能会降低程序的使用效率。做为一名网站的管理人员或网页制作人员在进行网页制作和网站维护时应加强安全防范的意识，确保在网络上进行数据传输的可靠性。
总之，随着网页制作的技术不断的发展和提高，对电子商务的发展有着不可估量的推进作用，对于网站的安全防范已经成为目前发展电子商务最需考虑的一个问题之一，在开发网站中应注意在网络安全方面的考虑。目前如JSP、ASP、PHP、XML等一些网站新技术融入网页制作中，进一步提高了网页的性能。随着新的技术的推出，我相信网页制作的发展会把我们带入一崭新的信息世界。
论文摘要：项目教学法是师生为共同实施一个完整项目而进行的教学活动。文章介绍了将项目教学法应用到《网页制作技术》课程中的经验及收获。在整个教学过程中，着重培养学生的“四种能力”，以实现培养网站构建人才的课程教学目标。
项目教学法简介
项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。
项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：
确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。
实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。
评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。
归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。
《网页制作技术》课引入项目教学法
《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。
将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。
项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。
《网页制作技术》课实施项目教学法的过程
笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。（一）网站项目的确定
确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。
（二）网站项目计划
网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。
（三）网站项目实施
项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。
第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。
第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。
第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。
（四）网站项目展示与评价
项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。
（五）网站项目的总结和应用
项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。超级秘书网
项目教学法的成果
《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。
参考文献：
王栋松．在计算机课程教学中开展项目教学法的研究[J]．职业教育研究，2005，（11）.
1.1教学现状分析
后续课程《网络信息系统开发与利用》要求学生能读懂HTML代码并能修改或编写，也会影响此课程的学习。早期页面布局方法一般为表格布局，现在这种技术已经落后被淘汰，取而代之的是DIV+CSS技术，此方法使页面内容和显示效果完全分开，页面元素的布局更加灵活，网站在制作过程中风格的统一、后期网站风格的改变及网站的维护更新将会变得更加方便。
1.2确立课程教学目标“网页设计与制作”实践培训课程主要面向网页设计人员必备的一些基本技能，使学生能够具备以下四方面的能力，基于以上表格的内容“，网页设计与制作”这门课程采取了以“教师为主导地位，学生作为主体”的模式进行教学的，这种模式符合我校的教学和管理模式的要求，让老师根据学生的特点来指导《网页设计与制作课程》的探索、分析、研究以及改善学生的实践操作动手能力。采用任务驱动的教学模式方法，在课堂上以案例为主进行实践教学环节。在教学过程中可使用网页模型为例，根据教学内容的安排和要求，教师引导学生并为学生创造环境，让学生快速发现、探索和解决网页中的问题，来激发学生的好奇心和欲望，带动学生兴趣，促进学生的创新能力。
2课程教学体系的基本思路
在“网页设计与制作”课上协调好教学课程，努力使学生变被动学习为主动学习，树立以学生为中心，师生关系和教学岗位、教师与学生之间，通过师生关系和互动创造了良好的教学氛围，这是教学改革进程的一个重要组成部分。有效的学生交流机制是建立学生互动的良好基础。
3课程教学体系构建
3.1课程内容结构
“网页设计与制作”作为计算机类专业课程实践环节，可以作为其他相关专业的实践课程或选修课，这是一个操作性和实用性并重的课程。因此，在这个过程以系统建设，网页设计人员培训为目标，培养应用型人才为主线，来从构建课程知识，能力及素质建设，并注重实用技能。如下图1所示：
3.2教学内容的组织和安排
教学内容是教学中的重要组成环节，在教学内容上，要重视理论知识联系并应用到实际中的这一过程的安排，以更好地将传播知识、培养能力、素质教育的要求恰当的整合起来，进而达到更好的教学目的。
（1）理论与实践相结合。强调知识和技能的结合，突出实际生产现场，将实际操作技能作为重点，加大实践教学。抓住课程内容的基本要求，妥善处理相关课程和教学内容。在整个课程后，每个系列都配备了完整的课程专题，最后安排一个星期的课程设计。
（2）理论与实际相结合结合学生实际情况的要求，安排公司的网页设计工作，开展顶岗实习培训，提高解决实际问题的能力，更好地让学生有机地学习各部分掌握的内容。
3.3实践教学方法
由于传统的时间和空间的有限性的课堂，使教师不能充分利用教学资源，以达到最佳的教学效果;而网上教学是无限的空间，考虑信息容量等因素的影响，可最大限度地利用教学资源。对于学生在房间里探索互联网，学生在BBS平台上讨论，举行每学期的网页设计大赛，根据学生对教学网站的工作，让学生选择入围的优秀作品，再由老师评出学生奖项。
4课程教学体系建构
这个课题的意义是实现理论和实践的融合，实现学生的思维、行为和态度的整合，要求学生全面发展。
4.1运用多层次的教学方式
教学改进一直是教学改革的重点。怎么样能更好地体现教学特色，怎么样能实现教学目标，解决这一问题的教学方式就是采用多层次的教学方法，如：教师进行案例分析，教师和学生共同模拟和角色扮演的场景以及其他创新教学方法，而这种多样化的教学手段体现三个注意层面，分别为：老师讲课实践指导，开放自我的做法，引导和探索性实践相结合“，进而实现教学中的多层次的教学方式。
4.2开展多元化的教学活动
基于多种教学方法，我们可以开展各种教育活动，主要是在“知识交流和自学相结合、综合教学实践与研究相结合、课堂培训和课外活动相结合”原则下进行的多样教学活动，如使用任务驱动教学。任务驱动教学法让学生从一个典型的任务开始，从网络的实际工作流程设计出发推动教学活动，抓住设计问题的重要而艰巨任务。教学应遵循两个原则：第一，循序渐进的原则，根据学生接受不同的能力，目前的水平和兴趣，从简单到复杂，从外到内;二是要提高的思想能力，注重教学生一种思想，解决问题的方法，引导学生运用多种方法来解决同样的问题。在这个过程中，学生可以继续获得成就感，更能激发他们的求知欲望，培养独立探索的自主学习能力和开拓精神。
4.3进行多重性的能力培养
这就要求我们的学生应具备基本课程知识，基本技能，操作课外协作，从中调动学生学习积极性网页教学活动,促进学生在实际应用中的能力的展，同时沟通，心理学专业素质，这样才能真正的得到业务综合能力。实现这一目标，既满足标准和市场需求，有使得我们在培养理论知识，基本技能外，还巩固和着力加强对学生动手能力的训练.培养多重性能力，是学生的学习知识、学习技能以及培养学生的网页素养、能力通过中建立教学平台，利用课堂教学的各个电子内容，让便于自学的学生放学，提高学习水平，可以丰富学生的学习资源。
5小结
1网页标记语言正确性检测
1.1研究工具。目前，网页检测工具较多，提供的检测功能也有所不同，能够进行各种浏览器的兼容性测试、负载测试，以及网页标记语言检测等。比较知名的网页检测工具有Googlewebpagetester、BrowserShots、IETester、Feedvalidator等。网页正确性检测是W3CWebQualityTools中的功能，主要包括：（1）标记检测（MarkUpValidator），可用于检测网页上的各种常用的标记语言的规范性和正确性，如HTML、CSS、XHTML、XML、WML等；（2）Web内容的数据交换规范（FeedValidator），用于检测Atom或RSSfeed语法的规范性和正确性；（3）层叠样式表检测（CSSValidator），用于检测内嵌在HTML、XHTML中的CSS样式的规范性和正确性；（4）超链接检测（LinkChecker），用于检测网页中超链接（Link）和锚点（anchor）的规范性和正确性。本研究主要使用W3C提供的网页标记语言检测工具（MarkUpValidator），检测论文投稿网站上网页的各种常用的标记语言的规范性和正确性。通过该工具可以检测出受测网页的错误数（W3C网页标记规范性）、服务器种类、网页大小、网页格式、网页编码（GB-2312或其他）、文件类型等，并会列出错误之处及建议改进的方式。检测的方式除了可以直接输入网址外，也可以上传该网页的源代码进行检测。图1为网页标记语言检测的主界面，本研究主要采用输入统一资源定位符（URL）的方式进行网页检测。检测结果分成两部分；一部分是结果摘要，叙述错误数、警告数、编码（Encoding）及网页格式（Doctype）是什么版本等，如图2所示。另一部分则为检测出的错误或警告详细结果，并列出改正建议如图3所示。1.2研究样本。由于我国学术期刊的投稿网站较多，难以对所有的论文投稿网站的所有网页标记语言的正确性进行检测，因此本研究需要选择一定数量的样本进行检测工作。参考北京大学图书馆公布的2014版《中文核心期刊要目总览》，本研究选择其中列出的出版事业类12种期刊，以及图书馆事业、信息事业类的18种期刊进行研究（总计30种期刊），选择这些期刊作为研究样本的原因一方面是这些期刊均属于中文核心期刊，在网络上得到的关注度比普通的期刊高[12]，一方面是出版类、图书情报类的期刊属于专门研究期刊编辑出版等问题的专业期刊，研究这些学术期刊建立的论文投稿网站网页标记语言的正确性和规范性具有一定的示范作用。由于选取的30种期刊中有部分期刊没有建立论文投稿网站系统，部分仅有Email投稿方式，因此在研究中需要将这些期刊忽略，最终所选取的期刊如表1所示，有效样本为21个，取样日期为2016年4月5日。由于考虑首页为论文投稿作者首先打开的界面，其网页标记语法的正确性将首先影响到用户的操作，因此本研究将检测目标锁定在论文投稿系统网站的首页（MainPage），在网页标记语言检测的主界面中输入首页的统一资源定位符（URL）进行检测，并记录其检测结果。
2检测结果的统计分析
本研究主要基于W3C的网页标记语言检测工具，从网页格式定义种类（Doctype）、网页错误数及网页错误类型进行分析，从中了解学术期刊论文投稿网站在网页标记语言上的问题，以及提出建设参考意见。在对有效选取的21个期刊论文投稿网站首页进行检测的过程中，19个期刊的论文投稿网站能够正常进行检测，但有两个期刊论文投稿网站（大学图书馆学报、现代情报）的首页无法检测，其中大学图书馆学报的网站对检测进行了禁止设置（Forbidden），现代情报网站在检测中无法找到（NotFound）。2.1网页格式定义种类及网页错误数。网页格式如果没有定义，除了在内容呈现上可能出现错误，在数据交换及传输时可能也会出现问题，除了会造成数据的流失，有时还会导致错误信息的传递。对于论文投稿网站的网页格式定义类型，除了两个无法检测的期刊网站之外，其余19个期刊的论文投稿网站均对网页的格式进行了定义，包括两种W3C定义标准，HTML4.01Transitional和XHTML1.0Transitional，具体的定义类型可见表2。由表2可以看出，有6个学术期刊的论文投稿网站采用的是XHTML1.0Transitional的格式。相对于HTML4.01Transitional而言，XHTML标记语言，通过结合XML和HTML的功能，使得网页内容更容易被手持移动设备以及电视媒体等访问。对于网页错误数，被检测的19个期刊论文投稿网站首页的网页标记语言都出现了错误，出现错误数最少的是中国科技期刊研究和中国图书馆学报，部分期刊的网页标记语言错误数较多，如出版科学、情报科学、图书馆理论与实践。2.2网页错误类型。国际万维网联盟网页标记检测服务（W3CMarkupValidationService）给出定义的错误类型总共有447种（详见#noverbose），本研究检测的19个期刊论文投稿网站的网页错误类型经过统计有121种错误类型，主要的错误原因在于标记属性使用错误或者未加定义。期刊论文投稿网站首页的前几项错误项目分别是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。属性定义有误在信息的显示上可能不会出现问题，网页内容能够正常呈现，但对于数据的交换及传递会有一定程度地影响。在统计的121种错误类型中，属于标签（Html-Tag）的错误数最多，说明期刊论文投稿网站的网页大多数为Html标签的定义或使用错误，因此在撰写Html语法时应注意标签的使用正确性。另外，由于网页制作软件的可视化和方便性，使得网页设计人员更容易的设计制作动态化的脚本语言，导致脚本（Script/Script-Tag）出错的数量也偏高。由于19个期刊论文投稿网站网页的错误类型和数量较多，无法用表格的形式一一列出，图4为中国图书馆学报的检测结果，可以看出中国图书馆学报的论文投稿网站的网页没有出现标记使用属性方面的错误，仅有两条格式定义类型的错误。
>> 网页制作中Photoshop的应用技巧 网页制作中嵌入式框架的应用初探 浅谈协商讨论在《网页制作》中的应用 浅谈CSS+DIV在网页制作中的应用 Photoshop在网页制作中图像处理的应用 网页制作课堂中教学评价的应用 DreamweaverCS5在网页制作中的应用 Flas在网页制作中的应用探析 MOODLE在中职《网页制作》课程教学中的应用 浅谈Photoshop在网页制作中的应用 图像处理技术在网页制作中的应用分析 浅谈Dreamweaver在中职网页制作教学中的应用 色彩在网页界面设计制作中的应用 翻转课堂在中职网页制作课程中的应用 Photoshop在网页制作中的应用研究 论电脑音乐插件在音乐制作中的使用 《网页制作》教学中的“任务设计” 基于CSS+DIV的float技术在网页制作中的应用 基于翻转课堂的项目导向教学在网页设计与制作课程中的应用 网页制作的研究 常见问题解答 当前所在位置：l的网页并打开,在这个网页中安装此插件,参数设置为其他需要切换的图片,保存并退出,所需效果就出现了。
在此基础上如要实现两组图片切换效果各自不同,修改代码,将代码“theTimer=setTimeout("nextAd()",5000);”改为“theTimer=setTimeout("nextAd()",12000);”,将滤镜效果语句“style="filter:revealTrans(duration=2,transition=20)"”中数字稍做改动,就实现了上述特效。
4 两个不同插件合二为一,体现不同凡响的效果
Marquee.mxp插件能够实现一段文字在网页中的走马灯效果,Flashtext.mxp插件能够实现网页中文字的flas效果,将两个插件的效果组合起来,能够为网页效果增色不少。
安装Marquee.mxp插件后,在Dreamweaver软件常用对象工具栏中找到安装后的插件。设置相关参数,网页中出现代码,部分代码如下:
欢迎进入成教院中文系文苑长廊
安装Flashtext.mxp插件并设置参数,网页中自动出现新代码,部分代码如下:
var message="欢迎进入中文系文苑长廊"
var n=0;
if(document.all){
document.write('')
for(m=0;m
document.write(''+message.charAt(m)+'')
document.write('')
var tempref=document.all.neonlight}
else
document.write(message)
function beginneon(){
if(document.all)
flashing=setInterval("neon()",12)}
beginneon()
这时两种效果各自实现,为了实现在走马灯效果中出现文字的flas,将后一段代码剪切、粘贴入前一段代码的和中,去掉相同的文字部分,效果就实现了。
5 结论
目前可用的Dreamweaver插件非常多,实现的功能也非常丰富。作为网页设计者只要用心去研读代码,进而巧妙构思,就可以设计出更好的网页效果来。当然你也可以将你做好的特效网页制作成插件,供他人使用,这样就更好了。
参考文献
关键词：项目教学法 电子商务 网页制作
中图分类号：TP393 文献标识码：A 文章编号：1673-9795（2014）02（b）-0063-02
据中国互联网信息中心统计，全国数千网万网民中37.8%有过网上购物的经历，随着网络和电子商务的快速发展，网页设计制作也成为网络时代重要的技能之一。电子商务网页制作是电子商务专业的核心课程，要想设计制作出精美的电子商务网页，需要学生多思考、多练习，如何选择一种教学方法使学生用专业网页制作工具构建商务网站，是值得我们关注和研究的，学生是教育的主体，要充分考虑技校学生的实际情况，在设计项目时要激发学生对活动的参与，在理论知识和工作任务之间建立联系，让学生掌握整个项目任务的工作过程，从教学实际出发，将项目教学法应用到电子商务网页课程的教学实践中，教学效果显著，学生能够积极探索，自主学习，注重的不是学生的最终学习效果，而是完成项目的过程。学生在项目实施的过程中合理运用知识和技能，体验创新的艰辛与乐趣，从而有效提升学生提出问题、分析问题及解决问题的能力。有针对性给予相关知识与技能的指导使学生对商务网站的制作有一个系统全面的掌握。
1 在电子商务网页制作教学中采用项目教学的理论依据
1.1 项目教学法介绍
项目教学法就是以项目为载体，以任务为中心并融合相关知识和技能，以学生为活动主体实施项目教学方法，也就是将教学内容融入项目实施过程的一种教学方法。项目教学法以项目为中心，有明确的任务，能让学生围绕已学习知识和学习资源，使学生学习的主动性、积极性得以发挥。在运用项目教学进行电子商务网页教学设计时，需要将网页的制作流程分成一个个的任务，每个任务先通过教师来演示所用到的知识要求，具体的任务安排由学生操作来贯穿整个教学，以实际的任务来驱动学生的学习，使学习过程是一个不断成功完成任务的过程。通过学习，一方面使学生能够综合运用已学的课程知识，真正做到理论结合实际，真正掌握电子商务专业的核心能力，并具备一定的原创水平；另一方面，通过实施分段项目培养模式，不仅可以及时发现学生的个性特长，而且对学生综合能力的培养和团队合作精神的训练，从而提高了学生的学习效率。
1.2 电子商务网页制作课程运用项目教学的必要性
电子商务网页制作课程是电子商务专业的主干课程，是理论和实践相结合，借助Dreamweaver软件，进行商务网页的设计与制作，在以往的教学模式中，该课程是以教师讲授理论知识和案例为中心的教学方式，只针对学生能否掌握软件的基本操作，而忽视了培养学生专业知识的培养，从而造成了学生只会按照老师布置的实例操作，联系到具体的电子商务网页制作中就不知道如何操作，不能消化所学的知识，对学生未来适应多变的工作环境对理论知识的需要，而项目中的技能学习也不能给学生提供足够的使技能达到专业的水平。在电子商务网页制作教学中采用项目教学主要是带动专业知识的学习和能力的培养，以创作的商务网站来检验电子商务网页制作课程的教学效果。
2 在电子商务网页制作教学中实施“项目教学法”
运用“项目教学法”进行电子商务网页制作教学时，从“项目确定、项目分组、项目实施、项目检查”四个方面来完成。
2.1 确定项目
通过前期对威客网企业人才需求调查，选择设计一个好的适合电子商务网页制作课程的项目，对项目教学实施效果的好坏有着直接的影响。项目的设定要将教学任务的知识点和实际操作相结合，让学生在项目制作的过程中学习到相应的理论知识点，同时，要考虑到技校学生的认知能力、实践能力和兴趣特点等实际情况，同时还要考虑项目的实现价值，把不同类型的电子商务网站作为项目案例，如淘宝网、京东商城，美团网等，通过对不同商务类网站的制作了解不同的网页制作技巧和网页布局。具体过程如下：在电子商务网页制作这门课程中，选择制作一个主页和若干个辅页的商务网页作品。它涵盖了这门课程需要学习的所有工作任务。在进行电子商务网页课程项目设定时要求将电子商务网页课程划分为七个项目，每个项目里划分为不同的任务，要紧密联系课程设置、课程目标、课程内容、学时和学分等内容，在电子商务网页制作这门课程中，分别设置了网页设计概述、超链接的制作、网页布局、网页修饰、网页特效、动态网页和电子商务网页综合制作这7个项目来进行课程的设置。课程内容从简单到复杂，每个项目都包括电子商务网页制作课程全部任务所构成的完整的工作过程，如网页修饰项目中，我设计了两个任务，第一个是制作精美的网页内容，涵盖的所用的文字、图像与文字的位置关系、图片边框等技能要点，第二个是制作公司的主页，主要内容网页中表格的制作、网页中插入Flash、文字滚动等效果的制作。通过这个项目让电子商务网页制作学习由浅入深，循序渐进。
2.2 项目分组
项目确定下来之后，学生分组是一个重要环节，在练习项目这一教学层次中，一般5～6个人一组，分组时根据学生的知识结构，学习能力，性格特点等形成互补搭配，并选出一名组织能力较强的学生为组长。并选定一位组长，组长负责成员任务的分配，并监督实施各方面的工作。在项目分组阶段提出项目创作的要求和说明，给出项目评价方案，并制定小组的管理制度。按照已确定的工作步骤和程序进行项目的制作。
2.3 项目实施
项目实施过程中主要以学生相互协作为主，教师在指导一些理论知识和给出与企业岗位相关的情境，在学生学习的过程中，如在设计电子商务网页制作的流程项目中通过具体网站的制作，分别设计了整体规划，网页布局、网页制作、网站和网页测试这五个任务，让学生有充足的制作时间和空间，到网上搜集一些知名的电子商务网站，引导学生一步步学习网页设计，并动手进行项目的制作，在制作过程中，如网页整体规划这个任务中，如何设计企业的LOGO、表现商家广告内容的图片（Banner）以及网页色彩的搭配技巧等方面，找一些比较好的文字内容、图片处理效果、好看的主页引导动画效果等处理逐步先完成各个小项目，最终完成整个项目。学生按照电子商务网页制作的流程进行素材的收集、小组成员之间的信息交流、小组讨论、小组合作，合成项目作品并进行完善，选择制作一个项目要尽量来源于实际的工作情境，以更为有效的培养学生的实际工作能力。
2.4 项目检查
项目教学结果的检查是开展项目教学活动不可缺少的一个重要环节，在电子商务网页制作课程中，采取成果展示，小组互评，教师评价相结合的方式，当学生完成了作品，要对各项目小组进行项目成果的展示和作品交流，在展示过程中对每个项目小组遇到的问题、困难及解决办法收获与感受，活动小结等多个方面进行交流。教师应尽量让学生发表自己的意见，从而达到取长补短的效果。之后再由教师对整个项目工作成绩进行评价或评分。评价学生掌握了哪些理论和技能知识，并对存在的问题进行分析，以学生完成项目的情况来评价学生的学习效果。
3 项目教学中在电子商务网页教学中的效果
在应用项目教学法进行电子商务网页制作教学后，学生能真正理解该课程的学习目的和价值，提高了学生对电子商务网页制作流程的深刻理解和应用能力。项目教学法强调以学生为主体，调动学生的积极性，增加学生的参与能力，提高学习的效率，如教网页中的框架项目时，框架对于学生来说是比较难学的，在设计教学任务时，首先由教师来讲解框架的基础知识和演示框架的设计，突破难点，培养学生的学习兴趣，学生通过学习、实践、使所学的知识转变为实际运用能力。
项目教学法吸取了探究教学法，任务驱动教学法与案例教学法优点，以项目作为教学对象，通过协作学习的方式开展学习，只要我们能在电子商务网页制作教学过程中充分合理地运用“项目教学法”，就一定可以为学生找到一种行之有效的学习方法，从而增加学生对电子商务专业学习的兴趣。为今后的工作打下一个坚实的基础。
参考文献
[1] 郑琦，肖红.以能力为本位、项目化的高职课程改革与实践[J].广西教育，2011（9）：49-50，54.
[2] 月商.广东省电子商务技师学院要把“新供销班”办成学校的示范班[N].中华合作时报，2011.
关键词：“模块化教学法”，职业教育，网页设计与制作，教学设计
1引言
随着计算机、网络与通讯技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要，经常性上网冲浪的生活已经成为现代人生活的一个重要特征。通过属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。因此精通网页的设计与制作等内容已经成为现代人必备的一种技能。对此，本文基于网页设计与制作课程本身固有的特点，采用模块化的教学方法，更好地加强了教学实践性，极大地提高了学生的实践能力。
2 “模块项目化”教学法在网页设计与制作课程中的应用
网页设计与制作模块项目化教学法是根据网页设计与制作教学大纲的要求，把教材划分为若干个模块，并将这些模块项目化，同时以学生为主，教师为主导作用，以教、学、练相结合，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。
2．1网页设计与制作课程模块化任务的设计
以项目开发为出发点，将该课程分成网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护等六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。论文大全。每个任务根据教学的实际情况可以再细化。课程知识体系结构图如图1所示。
图1 课程知识体系结构图
2.2网页设计与制作课程模块项目化设计
模块项目化教学法的关键在于项目的选取。教师所设计的项目，应将培养学生的职业能力作为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确立课程的知识体系，使知识体系结构中的各个知识模块包含学生应掌握的能力素质。表1是“模块项目化”教学法的学习模块分解表。论文大全。
表1 学习模块分解表
购物车(0)
