网页制作论文精品(七篇)

时间：2023-03-21 17:11:20

网页制作论文

网页制作论文篇(1)

建构主义理论指导下的课堂教学

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

考核与评价方式

采用课程设计与上机考试结合的考核方式，上机考试从题库中按出题方案组出若干数量试卷，每位学生随机抽取其中一套进行考试。“网页设计与制作”这门课程对于制作网页的基础理论和实际操作能力都有比较全面的要求，所以考试当中应当兼顾这两个方面，理论部分注重学生对网页制作基本知识、基本理论的掌握，采用选择、判断等客观题的方式进行，为学生进一步的学习夯实基础。实践部分要求学生利用给定素材，包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等，完成规定技术要求的网站创意设计与制作。一个好的考核方式不仅有利于全面真实地反映学生的学习水平，而且有利于反映教学中的问题，以便教师能够及时作出相应调整［6］。

网页制作论文篇(2)

现在利用网络信息手段增加了教学内容的生动性和丰富性。在网页制作课程中，课内项目通过课件展示和真实网站的欣赏，把书本上的内容活灵活现的展示在同学们面前，让学生获得真切的感受，即在头脑中再现画面，如临其境、如见其人、如闻其声，从而激发学生学习的兴趣，引起学生的关注和思考。在动态网页原理模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，教师应将录好的教学视频发到教学平台上，以视频的形式展现出来，使学生方便参照与模仿。

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

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

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

2.自主学习模式

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

3.协作学习模式

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

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

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

三、教学评价

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

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

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

1.教学设计的重要性

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

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

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

五、结束语

网页制作论文篇(3)

在网页设计课程的教学过程中，学生在课程学习中用到另一类课程知识时往往不能得心应手，教学效果不理想。为此，通过重新调整教学安排，增加艺术设计基础知识，转变教学模式，激发学生的学习兴趣，提高教师素质，将艺术设计课程与网页设计课程进行整合，以提高整体教学质量。

关键词：

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

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

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结语

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

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

参考文献

[1]赵爱涛,刘迎春,张明虎.艺术设计软件课程与网页设计课程的整合[J].石家庄职业技术学院学报,2010(8).

网页制作论文篇(4)

关键词：网页制作；教学设计

中图分类号：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.

[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.

网页制作论文篇(5)

关键词：技工院校；网页设计

案例教学在信息时代快速发展的今天，各行各业对技术型人才的要求普遍提高。技术院校捕捉到市场对人才的新要求，也在积极地进行教学改革。将全新的教学方法与网页设计教学结合起来，是促进网页设计教学目标实现的重要手段。案例教学法与网页设计课程的操作性与实践性特点相符，以此来打破传统教学模式对网页设计教学的限制，能够让学生的发展需求得到满足。

一、做好内容选择工作

选择案例教学法内容，是实施案例教学活动的第一步。在选择案例教学内容时，教师要坚持两点原则。第一，教学案例要具有真实性与典型性。教师选择教学案例时，需要查找社会生活中真实存在的网页设计案例，杜绝一切不真实的案例走进课堂。教学所用案例要具有典型性，不仅与生活密切相关，更要能够启发学生的网页设计思维，促进学生找到切入点去讨论。实事求是的教学，才能促进学生网页设计能力的提升。第二，教学案例内容要与教学内容相关。之所以将案例教学法引入技工院校的网页设计课堂中，就是为了促进网页设计教学目标的快速实现，让学生通过网页设计知识的学习，提高自己的实践能力。因此，教师需要在教学目标的引导下选择案例教学的内容，本着提高全体学生网页设计技巧的目的选择有针对性的案例教学内容。

二、出示任务书

出示任务书是利用案例教学法实施教学的重要环节。任务书中包括案例学习的内容以及具体要求，教师要重视任务书的设计工作，将学生要掌握的理论知识与实践技巧明确地整理在任务书中，让学生以任务书为引导实施开展学习。换言之，如果学生掌握了任务书中的知识点，达到了任务书中的目标，就等于完成了课本相关内容的学习。值得注意的是，教师要重视技工院校学生创造力的培养，在任务书中设置的任务要具有启发性，设置任务的难度不宜太大，要给学生完成任务的信心。例如，在讲解制作文本网页知识时，教师可以设计这样一个任务书：掌握网页文本格式的设置技巧，如空格、对齐、项目列表、标题、字体字号的设置等。这部分内容学习难度不大，教师可以选择学生所在城市的一个旅游景点，让学生为这个旅游景点设计一个文本网页。这样让学生参与到真实的案例中，可以锻炼学生的网页设计技巧，有利于提高专业技能。

三、组织学生讨论

让学生在案例学习活动中发挥自己的主观能动性，是提升学生学习效果的重要手段。在案例教学中，教师要组织学生就难以解决的问题进行讨论，让学生在互帮互助中成长起来。讨论活动的实施要有标准，教师要求小组内的每一位成员都表达自己的看法，分析自己的网页设计工作，为小组成员的学习贡献自己的力量。在所有观点都摆上台面上之后，再针对关键问题进行讨论。例如，在旅游景点文本网站的设计中，一些学生对旅游景点的特色列表持有不同见解，教师要鼓励学生分析网页服务对象以及受众，讨论出最佳方案，让学生在自主探究中实现个人能力的提升。

四、总结点拨，提高案例教学成效

学生的学习能力再强，也需要教师的引导。在技工院校的网页设计教学中，教师要积极发挥在课堂教学中的主导作用。教师通过案例教学法实施教学，给学生创造了更加自由与多元化的学习、探究与讨论的空间，也让教学内容更加开放，从而使教师的教学行为更加轻松。在学生的讨论过程中，教师要巡回指导，避免使学生的学习走入歧途，浪费时间。例如，在学习网页设计的知识时，教师引入城市现代化进程网页的案例组织学生讨论。讨论中，一些小组在特效功能上产生了分歧，教师要及时指导，帮助学生明晰每一种特效的视觉作用与情感作用，并引导学生开发特效的设计方法，保证案例学习的质量。

五、小结

综上所述，网页设计知识的应用性与综合性较强，教师要重视专业理论知识的讲解，也要针对企业对人才的需求、学生的个人能力等加强对操作方法的指导。选择科学合理的案例教学内容，突出学生在案例学习中的主体地位，让问题讨论更加深入，鼓励学生说出自己的疑惑。科学应用案例教学法，是推动技工院校教学改革的重要环节。

参考文献：

[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[D].南昌:南昌大学,2012.

[2]盛志燕.案例教学法在中职《网页设计与制作》课程中的应用分析[J].信息与电脑(理论版),2015(16).

网页制作论文篇(6)

政府部门门户网站建设是根据国家对政府信息公开的相关政策要求，实现部门政务信息公开的优先手段和必然选择。论文详细描述了一个基于asp技术和access数据库系统网页的实现过程。网页设计及制作主要围绕政务公开、在线办事和网上交流三大功能进行，前台信息共设置领导讲话、政务公开、工作动态、政策法规等十大功能模块。后台管理采用client/server和browser/server相结合的技术方式，将超文本标记语言（html）和简单的jscript语言相融合开发，使用session对象进行web页之间的数据传递，并跟踪用户登陆，实现了不同权限用户对新闻信息的计算机网络管理和web查询功能。网页新闻访问采用主页+标题面+子页面三级模式，主页面提供了本网页的一个宏观样式，并让各模块与之配合联系，构成一个完整的网页系统。

【关键词】

政府网站

网页制作

asp 技术

access 数据库

【英文对照】

abstract

the portal website of government departments is the best candidate and inevitable choice for government affairs opening. its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. this paper presents the construction of one portal webpage based on asp and access database. the design and implementation of webpage mainly consists of three parts: government affair opening, online government office, and online communication. the front-end consists of ten major modules, including leader's speech, government affair opening, government dynamics, policies and regulations etc. the backend is a hybrid of c/s and b/s technologies, html and jscript are combined together and session object is used for inter-page data communication and traced the status of user logon, web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. the access to webpage news adapts a three-tier scheme which includes main page, title page and sub-page, the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.

【keyword】

government website

webpage making

asp

access database

【目录】

前言 2

正文 3

第一章概述 3

1.1 网页制作背景 3

1.2 网页制作的意义 3

1.3 开发工具简介 4

第二章可行性分析 5

2.1 b/s结构介绍 5

2.2 access 数据库 5

2.3 asp 技术 5

第三章网页需求分析 7

3.1 总体功能需求分析 7

3.1.1. 基本功能需求 7

3.1.2. 功能结构图 7

3.2 网页具体功能模块需求分析 8

3.2.1. 政务公开功能 8

3.2.2. 网站办事功能 8

3.2.3. 网上交流功能 8

3.3 网页结构图 9

3.4 网页版面规划 10

3.5 网站ci形象设计 10

3.6 网页布局技术 11

第四章数据库设计 12

4.1 数据库概念结构设计 12

4.2 数据库逻辑结构设计 14

第五章人机界面设计 17

5.1 后台登录界面设计 17

5.2 用户管理页面设计 18

5.3 信息检索页面设计 18

5.4 后台管理页面设计 19

第六章系统程序设计 20

6.1 程序设计语言 20

6.2 部份源程序实现及文件 20

第七章网页测试 30

7.1 测试网站的建立 30

7.1.1. 测试网站环境 30

7.1.2. web服务器iis5.1简介 30

7.1.3. 网页测试 30

7.2 网页及网站维护 31

第八章结论 32

参考文献 33

致谢 34

【前言】

在我国，继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为电子政务建设的龙头是完善政府公共服务接入渠道的主要手段，它实现了按照用户对象进行信息资源的整合，提供覆盖用户全生命周期的各种信息和服务。同时，网页信息传播的即时性和全面性确保了政府大量重要信息的广泛共享，优化了社会资源配置，让政务信息更便捷、更低成本地进行传递。通过访问政府网页，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情权、参与权和监督权等方面有着显著成效。

政府网站建设的含义就是利用internet/intranet等计算机通信技术，在internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与网上便民服务，是政府和社会互动的重要窗口。论文就巴中市网页的设计和制作作了详细描述，网页主要功能模块设置紧紧围绕部门职能职责，密切结合公众需求，实现了预期设计目标，网页经本地局域网测试运行正常。

【正文】

网页制作

第一章概述

1.1 网页制作背景

在当前这个网络时代，电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国，政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今，全国各地的电子政务建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。

1.2 网页制作的意义

首先，政府网站关系到政府的服务形象，关系到百姓的切身利益。政府部门通过制作网页建立网站，是电子政务的最佳切入点和重要内容，政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府的服务形象，关系到百姓的切身利益。其次，政府网页制作有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息，准确掌握外部环境，大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于提高社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。

1.3 开发工具简介

在众多的网页设计与制作工具软件中，我根据实际需求及对软件的熟悉程度，主要选取了photoshop cs3、fireworks 8.0、flash mx 2004、macromedia dreamweaver8进行网页的开发和制作，这些软件的主要特点分述如下。

 网页图像设计工具——photoshop cs3、fireworks 8.0

在网页制作过程中，首先要使用photoshop或fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。photoshop是平面图像处理业界霸主adobe公司推出的跨越pc和mac两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。fireworks是adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。

 动画制作工具——flash mx 2004

flash mx 2004是macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。用flash制作的文件很小，这样便于在互联网上传输，它还采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。交互性更是flas的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放，这些优点使flash日益成为网络多媒体的主流。

 网页排版工具—— macromedia dreamweaver 8

macromedia dreamweaver 8是由macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 dreamweaver 及所选择的服务器技术来创建功能强大的 internet 应用程序，从而使用户能连接到数据库、web 服务。

第二章可行性分析

2.1 b/s结构介绍

b/s（browser/server，简称b/s）结构，即浏览器/服务器模式，它是web兴起后的一种网络结构模式，从传统的二层c/s结构发展而来，通常采用三层结构：浏览器-web服务器-数据库服务器，web浏览器是客户端最主要的应用软件，浏览器通过web server 同数据库进行数据交互。

在b／s体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由web server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（tco）。

该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。

2.2 access 数据库

access是微软公司推出的基于windows的桌面关系数据库管理系统（rdbms），是office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。由于access数据库的odbc驱动程序支持的sql指令全，执行效率高，所以access后台数据库+asp服务器端程序+客户端ie浏览器，是一个精练、实用、高效的组合模式。

2.3 asp 技术

asp是active server page的缩写，意为“动态服务器页面”。asp是微软公司开发的代替cgi脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。asp的网页文件的格式是.asp，现在常用于各种动态网站中。asp是一种服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。asp网页可以包含html标记、普通文本、脚本命令以及com组件等。利用asp可以向网页中添加交互式内容（如在线表单），也可以创建使用html网页作为用户界面的web应用程序。与html相比，asp网页具有实现动态网页技术；包含在html代码所组成的文件中，易于修改和测试；可以使用服务器端activex组件来执行各种各样的任务；方便连接access与sql数据库等多种优点，其主要缺点是开发人员要有丰富的经验，否则会留出漏洞，让黑客利用进行注入攻击。安装asp时，系统提供了两种脚本语言：vbscript和jscript，而vbscript则被作为系统默认的脚本语言。

第三章网页需求分析

3.1 总体功能需求分析

网页功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么，最终为后面的设计工作打下基础。

该网页作为电子政务的一种服务平台，政务公开、在线办事、网上交流是其基本的三大功能。

3.1.1. 基本功能需求

 政务公开功能

根据2008年5月1日起施行的政府信息公开条例规定，行政机关应当将主动公开的政府信息，通过政府公报、政府网站、新闻会以及报刊、广播、电视等便于公众知晓的方式公开，确保公众享有充分的知情权、监督权。

 网站办事功能

网上办公办事是网页功能服务中非常重要的组成部分，是电子政务建设努力的方向。通过提供一些行政审批等项目的在线办理极大地方便了群众，减少了不必要的人为环节，节省了社会资源。

 网上交流功能

通过搭建政民交流平台，让公众不但能够将自己的建议与意见直接反映给部门领导，实现普通群众参政、议政的夙愿，而且使领导能够通过这一平台，倾听民声、关注民情、体察民意，进而为群众办理更多的实事、好事、贴心事。

3.1.2. 功能结构图

3.2 网页具体功能模块需求分析

根据总体功能需求分析,该部门网页确定政务公开、工作动态、领导讲话等功能模块，具体组成分别如下。

3.2.1. 政务公开功能

 领导讲话模块

功能：即时领导关于三农工作的各种会议、现场讲话。

作用：传达精神，贯彻意图。

 政务公开模块

政务公开模块包含七个子模块：机构职能、领导介绍、内设科室、农口系统、人事信息、规划计划、财政信息。模块根据国家信息公开条例等法规政策要求，针对该政府部门必须公开的七个方面进行设置。

 工作动态模块

工作动态模块，包含六个子模块：综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门各科室（办）所承担的职能职责进行设计，实现了各责任条块当前工作信息的即时公开。

 政策法规模块

模块设置农业法规、政策文件两个子模块，提供近年来国家关于三农工作各种重要法规、政策的浏览和下载，同时对本区、部门关于三农工作制定的各种政策文件进行了公开，使法规政策透明化，接受公众监督。

 专题专栏模块

模块包含科学发展观、调研文章、企业推介、农业前沿四个子模块。科学发展观子模块紧扣时代所需，调研文章子模块是在互联网上开辟的一个崭新的调研舞台，企业推介子模块为本地龙头企业的宣传、推广提供了一个新平台。农业前沿子模块放眼全球，宣传、推介农业领域的最新技术、最新品种。

3.2.2. 网站办事功能

 网上办事模块

模块设置便民服务、服务流程、资料下载、统计报表四个子模块，将该部门能够进行网上办理的相关行政审批事项予以了公开，方便了群众，提高了办事效率，提升了部门形象。

3.2.3. 网上交流功能

 在线交流模块

模块设置三农论坛、领导信箱、咨询留言、网上投诉、网上调查五个子模块。三农论坛子模块为公众之间相互交流提供了平台。领导信箱、在线咨询等四个子模块，为政府部门决策即时提供了群众的意见及建议。

 联系我们模块

该模块主要功能：收集网站的反馈信息。

3.3 网页结构图

3.4 网页版面规划

全部网页采用1024×768分辨率制成，网页访问采用首页、导航页和新闻页三级页面形式。

 首页

 导航页

采用拐角型布局，优点是页面结构清晰,主次分明,缺点是规矩呆板，容易让人“看之无味。

 新闻页

使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构。

 页头

本站页头以900×150的农村风景图为底，左置“巴中市”六字及名称英文“”office of rural affairs,bazhou district,bazhong city，右边放置宣传语（flas）一起构成。

 页脚

本站页脚如下：

3.5 网站ci形象设计

 主色调与色彩

网站采用代表了春天、希望、田野的“绿色”为主色调，与部门的农业、农村、农民三农工作性质相吻合。

 字体

导航栏字体为“黑体”,14px；网站主栏目字体为“宋体”,14 px；正文字体为“宋体”,9 px；

 交互方式

网站设置了专门的在线交流模块，提供了论坛、网上投诉、咨询留言、网上调查等多种交互方式。

3.6 网页布局技术

网页使用表格方式布局，同时用css进行样式控制。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。表格布局的缺点是，当我们用了过多表格时，页面下载速度受到影响。css层叠样式表是w3c组织新近批准的一个辅助html设计的新特性,它使整个html保持统一的外观。过去在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。采用css可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,获得统一的文本外观。

第四章数据库设计

数据库在一个网页系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完整性和安全性。

4.1 数据库概念结构设计

数据库概念设计的任务是根据用户需求设计数据的概念数据模型，简称概念模型。概念模型是按用户的观点对数据和信息进行建模，是从用户的角度看到的数据库，它可以用e-r模型来表示。构成e-r图的基本要素是实体型、属性和关系，其表示方法为：实体型：用矩形表示，矩形框内写明实体名；属性：用椭圆形表示，并用无向边将其与相应的实体连接起来；关系：用菱形表示，菱形框内写明关系名，并用无向边分别将有关实体连接起来，同时在无向边旁标上联系的类型。

根据前面的需求分析，可以得到本网页数据库系统的e-r图，如图4-1所示。

上述e-r图的关系说明如下：管理员可以对所有网上调查、新闻信息、投诉留言、论坛发贴等实体进行增删编辑，它们都是1：n的关系。一个管理员可以对论坛所有注册用户进行监管，一个超级管理员可以对多个后台管理普通用户进行监管,它们的关系也都是1：n。

各实体属性的e-r图如下：

4.2 数据库逻辑结构设计

通过分析系统涉及的相关实体以及要收集、存储和操纵的数据信息，本网页数据库共设置了新闻信息表（news）等6个表，分述如下。

 新闻信息表:用于存储新闻及政务信息。

表4-1 新闻信息表(news)



三农论坛表:用于存储论坛发帖。

表4-2 三农论坛表(bbs)



投诉留言表:用于存储群众来信、投诉、咨询及回复。

表4-3 投诉留言表(message)

 论坛注册用户表:用于存储三农论坛注册用户信息。

表4-4 论坛注册用户表(user)

 后台管理员表:用于存储管理员姓名、密码、权限。

表4-5 后台管理员表(manageuser)



网上调查表:用于存储网站调查项及投票。

表4-6 网上调查表(onlinesurvey)

第五章人机界面设计

5.1 后台登录界面设计

设计思想：登录页面主要实现用户的登录。通过用户名、密码、随机密码、ip、sessionid的组合验证实现未登陆用户的正常登陆和已登陆用户中同一用户名允许在同一ip上重复登陆，拒绝同一用户名在不同ip上重复登陆。

图5-1 登录流程图

图5-2 管理员登录界面

5.2 用户管理页面设计

设计思想：登录页面主要实现用户的登录，用户有超级管理员、普通管理员。超级管理员可以对其进行任何的操作，包括对普通管理员的增删、密码修改。一般用户只可以做权限之内的操作和只能对自身的信息作修改。

图5-3 用户管理流程图

图5-4 用户管理界面

5.3 信息检索页面设计

设计思想：根据输入的关键字实现单字段或多字段组合查询。

图5-5 信息检索流程图

5.4 后台管理页面设计

网站后台管理系统提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项，可以完成新闻信息的在线编辑、咨询留言的在线回复、网上调查项的增减等管理任务。

图5-7 后台功能结构图

第六章系统程序设计

前面着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，本章将就系统中模块功能的具体实现，选取部分源程序进行讨论。

6.1 程序设计语言

网站主要采用asp作为程序设计代码的开发工具。使用asp作为开发工具可以方便地建立动态的、高性能的、安全的、跨平台的先进动态网站，其突出特点有以下几个：

 asp可以将内容的生成和显示进行分离

web页面开发者可以用html或xml 标识进行对最终页面的设计，同时使用asp tag 或java script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行，所以，如果核心逻辑部分被封装在标识中，那么web管理人员或页面设计者将只能编辑asp页面的显示方式，而不会影响其内容的实质。

 对不同浏览器的兼容

由于asp技术采用了将asp tag 和java script 在服务器端解释并执行而只将结果以html或xml的形式送回到客户端的方法，从而保证了对其它基于html的web浏览器的完全兼容。

6.2 部份源程序实现及文件

 数据库访问技术

网页在采用微软iis/pws的网络平台，通过服务器端运行的asp程序来访问后台access数据库。数据库访问采用匿名身份验证方式，使用户无需输入用户名或密码便可以对数据库进行访问。匿名身份验证是指由 iis创建iusr、计算机名称、帐户（计算机名称是正在运行iis 的服务器名称），当匿名用户请求数据库内容时iis 会将该连接分配给 iuser_computername 帐户，其中computername。默认情况下，iuser_computername 帐户为 guests 组的成员。此组具有 ntfs 文件系统权限所规定的安全限制，这些限制指定访问级别以及可提供给公共用户的内容的类型。建立access数据库连接的步骤及参数意义如下：

第一行程序：建立一个ado对象集中的connection对象，也即连接对象。这是建立数据库连接的初始步骤。执行这行程序后，conn成为一个连接对象。

第二行程序：建立一个ado对象集中的recordset对象，以便利用recordset对象操作数据库（当然，这只是对数据库操作的多种方式之一）。执行这行后，rs就成为一个recordset对象。

第三行程序：利用连接对象conn的open方法打开一个指定的数据库。首先利用server对象的mappath函数，取得要打开数据库的完整的文件路径，并存储在变量dbq中。其次，因为我们要打开的是access数据库，所以要指定odbc驱动程序参数，表示要透过access的odbc驱动程序来访问数据库。到这里，就已经打开了数据库名指定的数据库。

第四行程序： sql指令串。

第五行程序：利用rs对象的open方法打开数据库中的数据表。这其中有四个参数，其意义如下：

数据表名或sql指令串：在这个参数里指定要打开的数据库内的数据表名称，或者是用sql的select指令串确定的数据表的指定范围数据

connection对象：指定已经打开的数据库的connection对象。

recordset类型：表示打开数据表的方式，有四种选择。数字0表示只读方式，且当前记录只能下移；数字1表示可读写方式，当前记录可自由上下移动，但不能及时看到别的用户建立的新记录，除非重新启动；数字2表示可读写方式，当前记录可自由移动，而且可以及时看到别的用户增加的新记录；数字3表示只读方式，但当前记录可以自由移动。

锁定类型：这个参数指定数据库的锁定功能。因为网络上的数据库都是多用户的，很可能同时有多个用户在操作数据库。为了避免错误，让同一时间只可能有一个用户修改数据，就要用锁定功能。有四种选择：数字1表示只读方式锁定，用户不能更改数据；数字2表示悲观锁定，当一个用户用rs对象开始修改数据时就锁定数据库，直到用户用rs.update更新记录后，才解除锁定；数字3表示乐观锁定，只有在数据写入数据库中的时候才锁定。数字4表示批次乐观锁定，只有在使用rs.updatebatch成批更新数据时候才锁定数据记录。

 身份验证

本网站身份验证采用服务器端验证代码方式，密码算法采用流行的md5算法，同时附加客户端随机密码验证。md5全称message-digest algorithm 5（信息-摘要算法），是由mit laboratory for computer science和rsa data security inc的ronald l. rivest在90年代初向ieft提交的一种不可逆运算加密算法，经md2、md3和md4发展而来，面向32位的电脑。登陆验证按一个ip可以有多个用户登陆，一个用户只能登陆一个ip的原则进行设计，具体代码及解释如下：

 网上调查功能实现

图6-1 网上调查投票界面

图6-2 网上调查结果界面

网上调查实现代码

第七章网页测试

7.1 测试网站的建立

7.1.1. 测试网站环境

网页测试使用本单位局域网进行，配置如下：

服务器端：操作系统—windows xp

web服务器—iis5.1

浏览器—ie6.0

客户端：internet explorer6.0

7.1.2. web服务器iis5.1简介

iis是internet information services的缩写，是目前使用最广泛的web服务器，可以在unix和windows平台上运行。它与windows nt server完全集成，允许使用windows nt server内置的安全性以及ntfs文件系统建立强大灵活的internet／intranet站点。iis组件主要包括web服务器、ftp服务器、nntp服务器和smtp服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。

7.1.3. 网页测试

 iis配置

当iis被成功安装后，将在计算机c:\inetpub\wwwroot下新建一个默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在d:\wy目录下，首页文件名为index.asp，其具体步骤如下：

第一步：在“默认web站点”上单击右键，选“属性”，以进入名为“默认web站点属性”设置界面。

第二步：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“d:\wy”目录。

第三步：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“index.asp”。

第四步：在“默认web站点”上单击右键，选“新建虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“d:\wy”后再按提示操作。

 数据源（odbc）配置

第一步：选择控制面板中的管理工具打开数据源（odbc）。

第二步：在选项卡系统dns中添加microsoft access driver(*.mdb)驱动并指定数据源为网站的数据库文件。

 测试

打开浏览器，直接在地址栏中输入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。

7.2 网页及网站维护

在测试完成后，网页就可以到互联网上了，接下来要做的就是网站的日常维护了。网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间，制定相关维护规定，将网站维护制度化、规范化，主要包括以下内容：

 即时更新新闻内容

 留言、投诉、咨询、信箱定期回复

 数据库内容定期备份、删减、分类

 更正数据库使用过程中发现的问题

 定期进行综合分析，不断优化数据库中数据结构，提高使用效率

 在系统运行过程中应定期对管理员用户名和密码进行更新，并对iis和nt权限作相应设置

第八章结论

本次利用毕业设计的机会，为自己工作的单位设计了网页。网页使用asp技术开发，具有良好的交互性能，具备强大的后台管理功能。新闻、信息检索、互动交流等主要模块设计做到了与单位职能职责的紧密结合，达到了预期设计目标。网页经单位局域网多次测试，在windowsxp操作系统，iis5.1的服务器环境上正常运行。

此次网页制作，通过大量阅读书籍和求助互联网，使我初步掌握了网页设计制作的一般过程、asp简单设计应用、css和表单布局常识、access数据库设计技能。特别是在asp编程阶段，通过无数次解决测试过程中排查出的问题，我不仅回顾和应用了以前学习过的理念知识，还掌握了许多新的知识和技巧，获益良多。但由于时间仓促，受一些技术和设备所限，网页在美工、需求分析、网页安全等方面存在诸多不足之处，有待后期运行中进一步改进和完善。

【参考文献】

1. 《dreamweaver cs3 入门提高精通》，薛凯，康亚雄编著，机械工业出版社 2008

2. 《photoshop cs3 平面设计标准教程》，李建宏，雷波编著，机械工业出版社 2008

3. 《asp网页数据库短训教程》，刘瑞新,汪远征编著，机械工业出版社 2005

4. 《flash cs3动画制作》，华信卓越编著，电子工业出版社 2008

5. 《网页设计三合一》，甘登岱编著，清华大学出版社 2009

6. 《网页设计与网站建》，邱云飞，温国峰编著，清华大学出版社 2009

7. 《access2007数据库应用与开发》，杨继萍，孙岩，梁文新编著，清华大学出版社 2008

8. 《网页制作从入门到精通》，谭贞军，刘斌编著，清华大学出版社 2008

9. /index.jsp（宁波农村经济综合信息网）

10. /（网页设计师联盟）

11. /（温州市委农办）

12. /（北京市农委）

网页制作论文篇(7)

［关键词］网页设计与制作案例教学任务驱动

在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术。“网页设计与制作”是我院网页设计专业的必修课，作为一门新型学科，与传统的其他学科相比具有鲜明的自身特点：

（1）具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。

（2）极富创造性。学生通过对信息技术、信息科学基本理论和方法的学习，在掌握基本技能的同时，不仅拓展了思维，而且培养了独特的创造力。

（3）集现实性、实效性于一体，具有明显的时展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能，而是通过学习计算机、网络等一系列基本技能，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。

基于以上特点，“网页设计与制作”这门课程设计出了一套从学生实际出发，以“教师为主导，学生为主体”的符合这门学科特点的教学与管理模式，让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生实践动手能力。课堂教学采用案例教学法，实践教学采用任务驱动法。所采用的教学模式在授课过程中，根据教学内容安排及要求，由教师创设环境，师生发现问题，以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识，从而培养学生的创造能力。

一、课堂教学采用案例教学法

所谓案例教学，是为了培养和提高学习者知识能力的一种教学方法，即将已经发生或将来可能发生的问题作为个案形式让学习者去分析和研究，并提出各种解决问题的方案，从而提高学习者解决实际问题的能力。

案例教学的目的是在学生掌握了基本理论知识的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过独立思考和共同写作，进一步提高学生分析、解决实际问题的能力。在教学任务上，要求学生通过对案例的分析研究积累经验，以发展自己的创造能力。在教学活动中，学生在教师引导下分析和解决问题，学生活动在教学中处于主导地位，教师的传授、指导为辅，配合学生进行。在教学过程中，总是从案例开始，然后分析问题，最终解决问题或提出解决问题的捷径。因此，引导学生做好独立分析研究工作是教学的中心环节，而教学的准备、教师的指导都是为学生的分析研究服务的。

在讲授“网页设计与制作”课时，首先向学生讲授Flash，Fireworks软件的使用，再介绍DreamweaverMX网页编辑工具，并将三者结合起来，讲解图片插入网页中和在网页中如何设置字体格式等网页制作的基本知识，然后结合学生的实训课题，将一个有特定主题的网页呈现给学生，引导学生对这张网页进行分析，并提出实现网页的方法和步骤。在教学过程中，针对不同的内容，可采用不同的教学方式。在刚开始介绍DreamweaverMX网页制作工具时，由于学生对DreamweaverMX网页制作工具的使用还比较生疏，可采用以教师为主的案例讲解法，等学生熟练使用DreamweaverMX后，教师则可采用案例讨论教学法。在实施案例教学过程中，必须注意以下问题：

1.选择合适的教学案例。教师要根据教学进度和教学要求设计案例，并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，以提前查阅相关资料应对。选择的案例必须具有典型性、针对性、实践性、系统性的特点，并且与学生的学习、工作紧密相关。我们结合课程内容，制作了近百个精美的案例，每个案例都综合了若干个知识点。课堂上先让学生观看相关案例，引出问题，然后在讲解知识点的同时实现案例的功能。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强高职院校学生的实践动手能力。

2.组织良好的课堂讨论。案例教学法实际上是强迫学生参与到课堂学习中去，要求学生真正从实际工作的角度来思考问题。组织案例讨论旨在分析问题，提出解决问题的途径和方法。教师要引导学生删除案例中次要的细节，发现案例中主要的结构和案例与理论知识之间的内在联系。教师关键要做好启发引导工作，想方设法创造自由宽松的讨论氛围，在宏观上把握和指导好案例讨论，让学生成为案例讨论的真正主角，同时又不至于出现大的方向性的偏差。

3.进行适宜的案例总结。案例经过学生的讨论后，教师应该及时做出讲评，并再次讲授案例分析中所需要用到的理论知识和技能。这样做有利于学生把要求掌握的知识记牢，符合高职院校学生的实际情况。

同时，我们改革课程成绩的评价方式，提高平时成绩的比例，刺激学生上课的积极性。实行一段时间之后，学生变上课被动为主动，课堂气氛日渐活跃。学生课下主动复习预习，课上积极发表自己的见解，取得了很好的效果。

二、实践教学采用任务驱动法

任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。

在做“网页设计与制作”这门课程的第一次实验时，我们会推荐一些富有特色的网站供学生欣赏，将学生带入真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务――建设一个完整网站。然后针对课程中每一部分知识点将总体任务细分为若干大任务，如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等，再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法。而后，通过布置一个学习任务（网站作品），使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。学生可以个人或团队方式对任务进行分析和探索，最终使问题得到解决。该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。

在高职院校网页制作的教学实践中，任务的设计必须考虑到学生的差异。动手能力强的学生可以做一些较复杂的网页，动手能力弱的学生可以先做一些简单的网页，遵循“模仿―提高”这一过程。例如，在学习“表格”的内容时，教师可通过让学生浏览观察几个网站的页面，激发他们的热情，再提出任务。初始任务可以是较为简单页面的制作，其中包含“表格的插入”“表格的修改”“表格属性的设置”等一些知识点。之后，教师可给出较为复杂的设计任务。例如让学生利用“布局视图”“布局表格”“绘制布局单元格”去实现一些较为复杂的页面。最后可以让学生根据页面主题内容进行页面的布局设计，为后面的教学打下基础。这样的教学设计使基础差的学生，在前两个任务完成后，再逐渐过渡到最后的创新设计中；而基础好的学生，从开始就可以完成较复杂的任务，大胆地展示自己的想象力及创造力。

在任务驱动实践教学的过程中，我们要求每个学生务必做到以下几点：首先，要求学生对一个网站进行全面的剖析，分析网站的基本要求和技术要求。基本要求包括整体风格、排版布局、色彩搭配、网站Logo、音乐、网页特效、网站中必有的网页元素等；技术要求包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等。其次，在完成演示案例制作的基础上，对学生提出拔高要求，让他们根据教师提供的素材和要求做出扩充的演示案例网页；也可以给学生一个更高要求，让他们自己收集资料和素材，以教师提供网页案例为模板，制作网页。最后，选择任务时，要仔细推敲每个知识点，统筹兼顾，为学生设计出一系列有典型的操作性和针对性的任务，让学生在完成任务过程中掌握知识、技能和方法，真正体现教学中学生的主体地位和教师的主导地位，充分发挥学生的主观能动性，训练他们的创造性思维，全面提高他们的综合素质。比如最后阶段，要求制作个人求职网站，学生需要结合所学网页设计制作知识，根据设计任务，分析求职素材，独立做出设计，从而提高学习理论知识的兴趣和实践动手能力。

三、总结

在两年的高职院校“网页设计与制作”课程教学中综合运用案例教学法和任务驱动法，有利于学生实践能

力的提高和理论知识的掌握。通过一段时间的运行，取得了很好的效果。学生在走出校园之后，能够很快适应社会发展的需求，赢得了用户单位的好评。我们将进一步采用各种先进的教学方法和手段，提高课堂教学效果和教学质量，培养符合时展要求的新型高素质应用型人才。

［参考文献］

［1］颜谦和，颜珍平.《网页设计与制作》课程运用案例教学法初探［J］.电脑知识与技术（学术交流），2007（9）.

［2］吴安平，王明珠，王继忠.案例教学法研究与实践［J］.长春大学学报，2002（5）.