网页制作论文篇（1）

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

考核与评价方式

网页制作论文篇（2）

一、引言

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

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

网页制作论文篇（3）

基于建构主义的教学模式设计

网页制作论文篇（4）

二、信息技术课堂教学应用模式

1.情境探究模式是信息技术与课程整合的一种基本模式

现在我校在网页制作课中的应用确定为以下几个步骤。

2.自主学习模式

现在教育的出发点是培养学生终身学习的意识，这是贯穿于人的一生的自主学习，所以就要通过运用现代信息技术，培养学生良好的自主学习习惯，全面提高学生综合素质和应变能力。在网站建设课堂中我们将自主学习的研究重点基本流程初步确定为以下几个步骤：

3.协作学习模式

网页制作这门课程，要培养学生的协作学习模式，因为多数优秀的网站都不是一个人完成的，都是团队共同努力的结果，所以在课程中的协作学习模式具体应用过程如下：

4.研究性学习模式把学生作为主体

充分尊重学生的个性、自主性和差异性，使学生在求异、探索的环境氛围中进行学习与实践。

三、教学评价

传统的教学评价以单一的纸笔测试为评价形式；以老师为单一的评价主体；在评价的技术上，强调量化而忽视质的分析；在评价角度上，重视终结性评价，轻视形成性评价。在信息化教学模式引入课堂之后，教学评价也应强调实时、动态或基于作品的评价。要注重综合评价，关注个体差异，实性评价指标的多元化。在网页制作课程中，在以上的几种教学模式中，通过强调参与互动、小组自评与互评相结合的方式实现评价主体由单一的教师向多主体的多元化转变；同时，评价方式多元化，从网页设计规划到网页的设计与制作，最终到实习报告的总结，都进行评价，考虑到学生的差异，注重整个学习过程，使终结性评价和形成性评价相结合，而在各个方面对学生进行鼓励与评价。

四、信息技术与学科整合应注意的几个问题

信息技术的优势显而易见，它为教育教学活动注入了无限的生机与活力，给课堂教学效果带来了实质性的变化，在现代教育中越来越离不开信息技术这个工具，下面结合在网页制作教学中的实际情况，谈一下信息技术与学科整合时应注意的几个问题。

1.教学设计的重要性

通过在课堂中引入信息技术，课堂气氛非常活跃，教学内容丰富多彩，学生也很活跃，但是如果没有详细计划和教学设计，学生们反而会杂乱无章，不去思考，只是看热闹。所以在信息技术与专业学科进行整合时，教师的主导地位不是降低了，而是更重要了，这体现在课前的设计上，每一个提出的问题，学生要解决的任务，可能出现的状况都要好好的进行设计，课堂中让学生成为主体，但是真正的导演还是教师，让学生按照教师设计好的脚本表演，但这脚本要是隐形的。这样一节课下来，从教师到学生都会有很大的收获，所以信息技术与专业学科的整合不是在短时间内就可以实现的，这对于教师来说是更艰难的挑战。

2.信息技术在教学中要应用的恰到好处

信息技术固然好，但它与专业学科的整合重在“实用价值”，没有必要在原本传统手法就能解决很好的内容上把信息技术强加上去，比如在计算机软件的讲授课程中，没有什么比直接演示操作更好的效果了，如果在这时非要去做课件去完成，那就有些画蛇添足了，那就会偏离了信息技术辅助教学的初衷。

网页制作论文篇（5）

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检测结果的统计分析

网页制作论文篇（6）

中图分类号：D923.41 文献标识码：A 文章编号：1008—4428（2012）08—75 —02

随着以互联网为代表的信息技术的发展，传统的生活、工作和学习方式正在被逐步改变，网络在融入大众生活的同时逐渐成为人们获取信息的主要渠道。在以互联网为媒介的虚拟世界中，作为最基本元素的网页是信息传播的载体，任何网络上传播的信息最终都要通过网页呈现在网民面前。互联网给人类带来巨大便利的同时，侵权行为也悄无声息地在网络世界开辟着另一块战场，这其中不乏对网页作品的侵权。

对于网页作品，作为一代新生事物，现行著作权法体系的完善相对滞后，导致对其无法进行充分保护，由此带来的版权问题甚多，尽管如此，到目前为止学界对此类问题的讨论凸显匮乏。本文通过对网页的剖析，研究了若干网页作品版权保护的困境及现存的一些观点，提出了解决此类问题的方案。

一、网页是否属于著作权法所保护的作品

我国《著作权法》第2条就著作权法中作品的概念进行了如下阐述：“著作权法所称的作品，是指文学、艺术和科学领域内具有独创性并能以某种有形形式复制的智力成果，”网页的概念是否与作品概念相符呢？不妨先考察一下网页的制作流程，网页是网站的基本元素，网页制作贯穿于整个网站的构建过程中，主要制作流程应该包括：（1）网站策划；（2）美工制作；（3）网页的界面框架制作（4）后台程序制作；（5）网站测试。从网页的制作流程可以看出，这一系列创造性的智力活动恰恰是独创性的体现。网页可以通过多种途径保存，亦可以打印在纸上，网页具备有形复制的属性。因此，网页可以是著作权法所保护的作品。我们不能排除一些特例，在探究网页的版权保护上，要将不具备作品属性的网页排除在外。

二、网页作品的法律适用问题

（一）现阶段有关网页版权保护的思路

当遇到版权问题时，直接将网页归入某一类作品，以便对号入座是惯常思维，如何归类自然成为讨论的焦点。部分学者提出将其视为汇编作品保护，当然这也是当今的主流观点。除此以外，还有将网页作品当作视听作品的主张。争议的产生源自于网页自身的特殊性，不难发现：无论将网页作品归为哪一类，著作权法对其都无法达到理想的保护力度。

为了更有针对性地保护网页，也有为网页作品创设新类型的主张。在信息技术高速发展的过程中，在网络环境下会产生诸多信息产物，它们与网页一样无不有自己的鲜明特征，皆难以归入著作权法中已有的种类。因此，将要为每一种信息产物都量身定做一个新类型予以保护，然而法律中对于应受著作权法保护的作品采取了概括性的标准与肯定性列举相结合，这足以囊括所有保护对象，不断创设新类型，扩充肯定性列举的范围没有必要。

（二）网页作品保护模式的思考

讨论一个网页该如何适用法律加以保护的前提不容忽视，即：该网页本身是否具有作品的性质。我国《著作权法》中汇编作品的定义是将已有的文学艺术作品、科学作品或其他材料等作为素材汇集起来，经过选择、取舍、设计、组合编排形成的作品。世界知识产权组织《版权条约》第5条沿用了TRIPS第10条第2款的用语，规定：“数据库或其他资料的汇编，无论采用何种形式，只要由于其内容的选择或编排构成智力创作，其本身即受到保护。”结合上述法律规范及汇编作品的定义，不难得出网页作品具备了汇编作品的性质，因而将具有独创性的网页归入汇编作品加以保护是合理的。

有观点认为，将网页的各个组成部分（如文字，图片）分别保护，也能达到保护网页作品的目的。笔者认为，将对网页部分内容的侵权归入对网页作品的侵权体系来讨论并不妥当，分项保护的观点会导致网页作品保护体系的混乱。理论上，对于网页内容的侵权最终都会归结为对单个作品本身的侵权，但是将对组成网页的某作品的侵权联系到对网页这一整体的侵害，并试图纳入网页保护的范畴内加以保护着实牵强，我们所不能忽视的是对网页组成部分的侵害本身有其救济方式。当网页部分内容被侵权时，网页的版权人往往就会因为其对该内容不享有版权而难以追究侵权人的责任。但这并不意味着对网页内容的保护会捉襟见肘，对网页组成部分的侵权，可由相应作品的版权人来追究侵权者的责任。

虽然我国《反不正当竞争法》对于不正当行为的构成要件没有明确规定，但已有学者对其要件做了概述，即构成不正当竞争行为须有如下构成要件：（1）不正当竞争行为的主体是各类市场交易活动的经营者。（2）不正当竞争行为在客观方面表现为行为人实施了与诚实信用原则或其他公认的商业道德相悖的行为。（3）不正当竞争的行为人主观上具有过错。（4）不正当竞争行为所侵害的客体是经营者利益、消费者利益和社会公共利益。

现实中，在审理反不正当竞争的案件时，对于一系列“无法可依”的不正当竞争行为，法官只能根据学理上的通说，凭借自己的理性来行使其裁判权。解决克隆网页的不正当竞争行为，最彻底的措施就是日后在修正《反不正当竞争法》时，补充认定不正当竞争行为构成要件的条文，指导司法人员认定何种行为属于不正当竞争行为。唯有法律规范的明确指引，方能保证网络侵权者难逃法律的制裁。

三、结语

网页制作论文篇（7）

关键词：

网页设计；艺术设计；整合

随着互联网技术的迅速发展，网页设计、网站开发等职业应运而生。伴随着网站设计与开发技术的发展，相应的工作流程也在不断变化和完善。网页设计与开发已经成为一项综合性、技术性都很强的专业工作，要求学生对网络基础知识、网页制作及编辑技术、平面设计以及动画设计制作等相关内容都要有一定的基础，是技术与艺术的结合。信息时代的网页应具有良好的界面设计与视觉效果。因此，学生在网页设计的课程学习中，适当增加平面设计类的相关知识和技能，才能满足职业岗位需求，顺应时代的发展。

1课程认识不足

通常，网站开发有以下几个流程：需求分析，包括项目立项和客户的需求说明书；系统设计，包括网站总体设计和网站详细设计；素材的收集和整理；网页版式设计；网站制作；申请域名和申请空间；网站测试和网站；网站维护和网站推广。网页设计课程的教材种类比较多，但内容集中在介绍网页制作工具软件的学习上，比如：Dreamweaver、FrontPage等网页制作工具软件。对网页中的基本布局方法、图片处理，页面配色，文字排版等方面的知识较少。同时，学生对待本课程的学习在认识上也有偏差，希望一开始就能学会制作网页。

2教学内容有待调整

经过几年的教学实践，网页设计课程的教学内容应增加艺术设计的一些基本理论与知识,以及艺术设计类软件的学习。理论知识具体包括：网页版式和色彩理论。艺术设计类软件主要包括两大类：图形图像处理类软件，常用的有Photoshop、Fireworks、Coreldraw等；二维动画设计类软件，如Flash等，在教学安排中，可以考虑只讲授Photoshop、Flash。教学内容按模块进行设计，对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，从实际需要出发，需要哪些内容就重点讲解哪些内容，而不是大而全地讲授所有相关理论知识。在教学设计中采用项目教学法方式进行授课，通过在项目和任务中将艺术设计与网页设计有效地结合在一起，融会贯通，学以致用，达到最佳的教学效果。

2.1网页版式设计

网页版面是指在浏览器上看到的一个完整页面，不同种类、不同版本的浏览器浏览同一个网页，效果有可能不同。因此，应定好网页版式尺寸。网页版式的构成要素主要有：网页标志、网页标题、导航条、图片、多媒体、色彩、文字等。如何将各种网页元素进行合理组织在有限的版面中，达到设计出赏心悦目的网页作品，非常重要。一个优秀的网页，是从网页版式设计开始的。采取何种版式结构布局页面并不是一件随意的事，首先要明确建立网站的目的，网站要表现的主题，网站所面对的受众的特点，客户的需求等等，通过前期的了解调查和分析，才能确定网页版式结构，将网页主题内容与设计者的设计思想结合在一起，找到一个较完美的表现方式，才能真正突出网站别具风格的特点。

2.2色彩的基本理论及视觉效果

网页设计离不开色彩。网页中的基本元素比如背景、文字、Logo、导航、图片等应该采用什么样的标准色彩，如何将色彩组织搭配才能更好地表达出网站的设计思想，体现网站主题与风格，是网页设计者所关注的问题。色彩的基本理论，色彩的心理感觉，色彩的冷暖，色彩的软硬，色彩的进退，色彩的大小等等都知识都必须涉及到。比如在网页中通过填充不同的色彩背景来区分网页中的不同区域；通过色彩的明暗及面积大小的不同，让浏览者浏览页面时主次分明，条理清晰。在教学中，让学生学习了解网页配色原理：色彩的适合性、鲜明性和独特性，掌握网页配色技巧：比如使用一种色彩配色，使用邻近色配色，使用对比色配色和非彩色搭配（黑白搭配）。通过欣赏与总结不同主题网站的版式设计及配色,掌握网页风格确定方法，熟悉网站色彩搭配技巧。

2.3网页图片的处理

网页中离不开图片处理。Photoshoop是一个功能强大的图像处理软件。了解常用图像文件类型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同类型文件的特征，在网页设计中灵活运用。在学习Photoshoop软件中重点教授网页Logo标志的制作、导航栏、按钮的制作、网页素材图片的处理、网页页面的规划与制作、图片切割导出成网页格式。

2.4网页动画的制作

在网页的制作上，Flash发挥了重要的作用。通过动态的显示文字和图片，丰富了页面。Flash软件中重点学习掌握广告条动画的制作，联系地图动画的制作，公告栏动画的制作，商品宣传广告动画的制作，这些都是网页页面中经常使用的表现形式。对于以上增加的艺术设计类理论和软件类的教学内容并不是孤立地放在某一个教学期间。教师在进行教学设计中，通过项目和任务作为载体，掌握够用的原则，以项目带动学习，进行实践操作。

3转变教学模式，激发学生学习兴趣

无论是网页设计软件还是艺术设计类软件，此类课程的应用性和实践性非常强，它强调学生的操作能力。因此在教学中，教师应以学生为主体充分发挥学生的主观能动性，教师主导任务的实施，激发学生的参与热情，在“做”的过程中融入“学”和“教”。目前我们学院的教学环境得到了改善，网页设计课程的教学场所都安排在实训机房，教师可以采取边授课边操作的方式，学生同步操作，非常直观。学生既可以模仿，也可以思考多做一些调试和修改，在遇到问题时，可以立即咨询教师，得到及时解决，以加深对知识点的掌握程度，从而提高了教学效果。这种教学方式改变了理论课和实训课相互独立的局面，将课程的“教、学、做”融于一体，学生在完成具体项目任务的过程中学习新的知识和技能，具有成就感，充分发挥学生的学习主动性和积极性，提高了学生处理和解决实际问题的能力。同时，教师要精心设计教学内容，挑选典型项目案例。例如，从制作网页标志开始、导航条制作、网页素材处理、网页页面规划与制作、图片切割、广告条动画制作，到网页站点规划、网页布局与实现、网页美化、网页交互制作，让学生对网页制作的流程和各软件的结合使用有一个完整的了解，从而提高学生的学习兴趣，保持持久的学习动力。

4提高教师素质

网页设计课程的教学通常是由计算机相关专业的教师授课，这些教师对艺术设计的基本理论知识比较缺乏。因此对于授课教师来说，不仅要熟练掌握网页设计与制作的专业技术，对艺术设计以及网页美工的理论基础也要有一定的学习和研究，具有较好的审美素养，努力丰富和拓展平面设计方面的经验，提高网页设计综合能力，在教学活动中引导学生能灵活掌握、应用这些艺术设计类软件，运用一些平面设计中的美的基本形式到网页中去，制作出赏心悦目的网页页面。

5结语

通过网页设计与艺术设计这两类课程的整合，采用“教、学、做”一体化的课程教学模式，学生在项目及任务中学习美工的基础理论知识，掌握网页设计技术，将两类课程的知识融会贯通，灵活运用。同时，加强技能培训，学会举一反三，增强学生探究和创新意识，提升学生自主学习能力，学习科学探究的方法，发展综合运用知识的能力，增进学校与社会的密切联系，培养学生的职业素养。

作者：吕玉梅 单位：江西环境工程职业学院

参考文献

网页制作论文篇（8）

 

1引言

随着计算机、网络与通讯技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要，经常性上网冲浪的生活已经成为现代人生活的一个重要特征。通过属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。因此精通网页的设计与制作等内容已经成为现代人必备的一种技能。对此，本文基于网页设计与制作课程本身固有的特点，采用模块化的教学方法，更好地加强了教学实践性，极大地提高了学生的实践能力。

2 “模块项目化”教学法在网页设计与制作课程中的应用

网页设计与制作模块项目化教学法是根据网页设计与制作教学大纲的要求，把教材划分为若干个模块，并将这些模块项目化，同时以学生为主，教师为主导作用，以教、学、练相结合，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。

2．1网页设计与制作课程模块化任务的设计

以项目开发为出发点，将该课程分成网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护等六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。论文大全。每个任务根据教学的实际情况可以再细化。课程知识体系结构图如图1所示。

图1 课程知识体系结构图

2.2网页设计与制作课程模块项目化设计

模块项目化教学法的关键在于项目的选取。教师所设计的项目，应将培养学生的职业能力作为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确立课程的知识体系，使知识体系结构中的各个知识模块包含学生应掌握的能力素质。表1是“模块项目化”教学法的学习模块分解表。论文大全。

网页制作论文篇（9）

中图分类号：TP393.092-4

准备建设的专题学习网站是基于网络资源的数字化学习平台，利用网络技术，创设主动学习情境，让学生在开放、互动的平台上去寻求《网页制作》专题资源，激发学生学习兴趣，让学生主动思考、主动探索、主动学习，实现高效课堂。让学生在建设网站的过程中，学习掌握提高《网页制作》的技能，体现“学中做，做中学”的教学理念。

《网页制作》是开设一学期的课程，主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JavaScript脚本语言、Dreamweaver软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理。还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程。

在实际的教学过程中，往往需要使用大量的素材和学习视频教程。这些学习资源怎样能够方便快捷的分发到学生的计算机上，成为需要解决的问题。如果机房的计算机是通过网线连成小型局域网的，就可以先把工作页、资料包等学习资源先存储到一台学生机上，再利用windows自带的文件夹共享功能，将其共享，便于其他学生从这台计算机上下载资源。文件夹共享实现过程如下：

鼠标右击文件夹，在弹出的快捷菜单中，选“共享和安全”，选中在网络上共享这个文件夹。这时，其他用户就可以通过网络访问这个文件夹，下载其中的学习资源。

这样利用文件夹共享的方法实现资源下载，优点是操作简便。缺点是机房的计算机一般都带有C盘还原功能，往往一次共享完成后，下一次重新启动计算机后，还需要再次设置文件夹共享，十分麻烦。专题学习网站就可以实现简单的文件夹共享达不到的效果，可以使素材和教学资源分类存储在服务器上，以清晰明了的操作界面，便于学生在线学习和下载相应的网页制作素材。

1 《网页制作》专题学习网站的作用

专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源，为学生提供制作网页所需的丰富资源，搭建展示学生作品成果的平台。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

（1）研究中职学生特点，动手实践能力相对于理论知识学习能力强。

（2）分析《网页制作》课程，涉及内容广、技术多，实践性和技能性强。

（3）设计开发专题学习网站，探索基于专题学习网站的《网页制作》课程的教学模式。

给《网页制作》课程的教学提供教学资源，辅助学生进行自主学习。在课外时间里，对于学生的学习给予支持，帮助学生学习在课堂上没有完全掌握的知识。提供学生展示作品的平台，学生和老师在这里可以对学生的作品进行一系列的评价。提供一个在课外进行师生交流或生生交流的平台，学生可以在这里提问、交流学习心得等。

2 《网页制作》专题学习网站的设计

首先网站需要教学资源模块来进行教学的辅助，教学资源模块既能辅助课堂教学，也可以指导学生进行自主学习。其次作品展示模块，学生需要一个作品展示模块，首先通过展示学生自己的作品能够激发学生自己的兴趣，第二展示作品模块有助于学生进行自评互评。第三，讨论模块，既要有以班级为单位的讨论小组，也要有全校师生都能进行参与的大型讨论平台，使学生在学习中出现问题时，能够自主的进行讨论学习。

在建站之初，为网站以后继续完善（例如：开发手机客户端等），需要考虑给学生划定一块空间，让学生自己上传自己的网站作品。自己维护自己的网站，将网站交给学生自己运营。让学生发出自己的声音。

为了把建立网站的过程和学生的《网页制作》的学习过程相结合。主要是教学资源的共建共享，在课堂使用该网站的教学资源进行辅助教学，结合工作过程系统化的课程开发，结合工作页的素材的使用。通过上传网站网页给学生一个展示自己作品的机会。

可以让每一个班级在校园网上建立自己的班级网页，将校报办到网上去，网页上建立与中职学生相关的栏目，例如：求职、招聘信息等。组织学生自己定期更新常用工具软件的版本，交流专业课的学习体会。利用所学知识解决实际问题，活学活用，学生在使用专题学习网站中遇到了问题，通过小组讨论去寻找答案。将工作过程系统化课程学习情境实施的六个步骤：资讯、计划、决策、实施、检查、评价，充分运用到教学实践当中。达到学生越学越爱学，越学越想学的自主学习状态，真正实现专业课教学是以学生为主体，教师起到陪伴学生自主学习的作用。

3 《网页制作》专题学习网站的实现

网站开发中，数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。常用的数据库有ACCESS、SQL Server、My SQL等。图像处理技术主要用来设计、生成网页背景图片，使网页更加美观，有利于创设“真实”的学习情境。常用的图像处理软件有Photoshop、Fireworks。

运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发，编码实现网站的建设制作过程。《网页制作》专题学习网站的测试、评价和完善，专题学习网站建成完成后，依照专题学习网站各个功能模块的功能，在应用专题学习网站教学的过程中不断纠正和完善，通过问卷调查专题学习网站的应用效果，更全面的了解基于专题学习网站的教学模式的有效性。

通过校园网试运行《网页制作》专题学习网站，邀请网站设计与制作专家和学生使用专题学习网站，根据反馈意见，对网站进行修改和完善。

4 结束语

专题学习网站不仅为学生提供了丰富的专题学习资源，还为学生提供了功能强大的协作平台和专题研讨区，为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台。利用专题学习网站进行课程教学，培养了学生自主学习、协作学习等综合能力，形成了一种崭新的数字化学习方式。

专题学习网站的资源要丰富，提供必要的演示视频录像，能够给学习者以足够的资源进行探究式的学习。教师博客、微博是教学的辅助平台.用以促进教学的交流。通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流。学生可以发表自己的见解和想法。特别是作品创意，供其他同学学习和参考，以达到共同进步的目的。

运用教学设计思想对《网页制作》专题学习网站进行设计，主要包括需求分析与功能定位，中职学生特征分析，专题内容的选择，信息资源的选择与设计，自主学习的设计，学习评价系统的设计，学习情境创设等内容。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

参考文献：

[1]郝中超，金薇.Web3.0环境下运用专题学习网站实现学习资源共享建设的思考――运用专题学习网站实现学习资源共享的应用现状调查分析[J].中国教育信息化，2013（01）.

网页制作论文篇（10）

中图分类号：TP393.09

随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。

1 教材分析与教学对象分析

1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。

1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。

2 《网页制作》课程教学设计的思路

从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体――一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。

课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。

3 教学目标的设定

3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。

3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。

3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。

4 教学重点、难点的设定

教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。

5 设计教学过程

5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局――“国字型”并分析其网页元素；2）万州一家企业网页布局――“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局―――“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。

5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素――文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。

5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。

6 设计考核方式

网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。

7 结束语

网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。

参考文献：

[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.