网页制作论文精选(九篇)

第1篇：网页制作论文范文

论文摘要：项目教学法是师生为共同实施一个完整项目而进行的教学活动。文章介绍了将项目教学法应用到《网页制作技术》课程中的经验及收获。在整个教学过程中，着重培养学生的“四种能力”，以实现培养网站构建人才的课程教学目标。

项目教学法简介

项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。

项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：

确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。

实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。

评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。

归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。

《网页制作技术》课引入项目教学法

《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。

将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。

项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。

《网页制作技术》课实施项目教学法的过程

笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。（一）网站项目的确定

确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。

（二）网站项目计划

网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。

（三）网站项目实施

项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。

第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。

第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。

第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。

（四）网站项目展示与评价

项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。

（五）网站项目的总结和应用

项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。超级秘书网

项目教学法的成果

《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。

实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。

参考文献：

王栋松．在计算机课程教学中开展项目教学法的研究[J]．职业教育研究，2005，（11）.

第2篇：网页制作论文范文

>> 网页制作中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插件非常多,实现的功能也非常丰富。作为网页设计者只要用心去研读代码,进而巧妙构思,就可以设计出更好的网页效果来。当然你也可以将你做好的特效网页制作成插件,供他人使用,这样就更好了。

参考文献

第3篇：网页制作论文范文

关键词：“模块化教学法”，职业教育，网页设计与制作，教学设计

 

1引言

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

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

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

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

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

图1 课程知识体系结构图

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

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

表1 学习模块分解表

第4篇：网页制作论文范文

项目教学法实施过程是教师创设项目活动情境，在教师的引导下，从学生已有的知识技能和生活经验出发，讨论完成本项目活动的方法和过程，学生以小组为单位运用学过的知识和技能解决新情境下的问题，在项目活动过程中，增强学生的知识和技能，提高分析和解决问题的能力，在情感、态度的价值观多方面对学生进行培养。整个过程活动都是真实的，是现实生产生活的一种反映，从而使学生的学习更有针对性和实用性，学到了今后就业所必须的技能，包括实践能力、分析能力、综合能力、应变能力、交流能力、合作能力和解决实际问题的能力。在计算机教学中采用项目教学法，可以将教师的主动性、学生的积极性调动起来，还可以增强同学间的团队协作精神，这将对知识的传授与更新产生更重大的影响，实现教、学、做融为一体。

二、《网页设计与制作》课程牵引项目的选择及相应整合的理论知识

就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。

三、课程整合后项目教学法的实施过程

第5篇：网页制作论文范文

关键词：网页制作；HTML；DIV ；CSS；能力培养

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2013）18-4271-02

随着互联网的迅速发展和应用日益广泛，网页制作技术成了当今非常流行的实用技术，《网页制作》课程也成为各个高校广泛开设的热门课程。无论是对计算机相关专业还是非计算机专业的学生来说，网页制作都成为了一门重要的计算机基础技术课程。在大学生求职的过程中，许多用人单位也都把大学生能否掌握网页制作的能力作为一项重要的基本技能来考核。但许多高校在教学过程中，还是采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也很弱。为了使学生能够快速地掌握网页的设计与制作技术，许多学者做了相关方面的教学研究工作，提出了一些新的教学方法，如：任务驱动方式教学法[1]， 将以往以传授知识为主的传统教学理念，转变为以解决问题、完成任务为主的多维、互动式的教学理念；案例教学法[2]，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件情境中进行案例分析；由点到面—分层次教学法[3]，根据学生的个性差异及获取知识能力的不同特点，对学生进行分层次教学等。这些新的教学方法调动了学生的学习积极性，提高了课堂教学的效果。但由于《网页制作》是一门实践性非常强的学科，学生的思维创新能力和实际动手操作能力仍然需要进一步的培养。根据我校多年的实验教学经验总结，我认为应从以下几个主要的方面进行学生能力的培养。

1 HTML代码编写能力的培养

HTML（超文本标记语言）是一种专门为WWW网页显示及浏览而设计的标记语言，HTML通过标记符号来标记要显示的网页中的各个部分。HTML是网页制作的基础语言[4]，用任何网页制作工具制作的网页，最后生成的网页代码都是以HTML为基础的，因此学会使用HTML编写代码文件是学习制作网页的基础。 虽然HTML代码的编写在网页制作中的作用非常重要，但是由于HTML标记内容繁多，不易记忆，很多学生都不愿意用编写HTML代码的方式来制作网页，现在有许多操作很方便的网页制作工具如Dreamweaver CS5和以前的FrontPage等，这些软件在制作网页时非常直观，所见即所得，使用方便。但是如果掌握了HTML代码的编写会更有利于网页制作工具的学习，也能精确地控制页面的排版，从而实现更多的网页制作功能。

为了更好地培养学生HTML代码编写能力，我们在实验教学中采取了以下一些较好的方法：首先对HTML标记进行分类，按标记的作用范围可分为：文本标记；图片标记；表格标记；超级链接标记；音乐及视频、动画标记；网页框架标记等。按标记的单双特性可分为：成对的标记：{...}var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-22575914-1']);_gaq.push(['_setDomainName', '']);_gaq.push(['_trackPageview']);(function () {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'ssl' : 'www') + '/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();var _userid = '';var _siteid =691;var _istoken = 1;var _model = 'Model03'; WebPageSpeed =234; UrchinTrack();，{...}，{...}

3 网站制作综合应用能力的培养

在学生掌握了《网页制作》的各章知识以后，网站制作综合应用能力的培养就变得非常重要了。因为学习了网页制作技术不一定能做出好的网站。而本课程的教学目标之一是，要求学生能熟练地制作出一个可以的静态网站，因此我们要对学生在网站制作综合应用能力方面进行培养。

为了培养学生在网站制作综合应用方面的能力，我们学校在实验教学上花了很大的功夫，首先，所有的理论教学和实验教学都是安排在计算机机房完成的，这就给学生提供了理论学习后立即实践的机会。其次，为了给学生提供更好的实践机会，我们学校建立了计算机基础教学网，本课程的每个任课老师都建立了自己的教学网站，同时也给每个学生分配了网站空间，要求每个学生都把自己实验作业上传到自己的网站空间，并且要求每个学生都要建立自己的个人主页，其主题和风格不限，主页的内容不作统一的要求，鼓励学生根据自己的兴趣爱好，应用所学的网页制作技术，发扬自己的创新精神，做好自己的个人网站，并将其作为期末考核的内容之一。

在网站制作综合应用的实验教学上，我们特地收集了一些有创意、非常有特色的优秀网站和好的网页制作素材，拿到课堂上跟学生分享，同时跟学生一起研究讨论这些素材，并将学生中做得好的网页也拿来进行比较，提高学生的创新能力。我们还将网站的实际开发项目引入到实验教学中，结合我们老师为其他公司开发网站的实际经验来进行实验教学，将真实的网站建设和网页设计项目呈现在学生面前，从网站开发的需求分析到最后交付使用等各个环节，让学生自己去发现问题、分析问题和解决问题，并鼓励学生尝试采用不同的网页制作方法来完成项目开发，培养了学生自主学习的习惯和不断创新的能力。

4 结束语

《网页制作》是一门实践性非常强的课程，实验教学对于本课程来说非常重要。通过对实验教学方式和内容的合理安排，进而对学生进行正确的引导，提高学生实际动手能力是非常关键的.本文通过实验教学对学生在HTML代码编写能力、DIV+CSS网页布局能力和网站制作综合应用能力等方面的培养，使学生熟练掌握网页制作的相关技术、开发和维护网站的知识与技能。通过实验教学，完善了学生的专业知识结构，提高了学生学习的主动性和今后从事实际工作的综合素质。也培养了学生科学的思维方法、独立研究问题的能力和创新思维能力，取得了很好的实验教学效果，为学生将来走向工作岗位奠定了一个良好的基础。

参考文献：

[1] 李建慧.网页制作课程的教学研究与实践[J].科学教育研究，2007（4）：124.

[2] 韩敏，李云帆.高职网页制作课程教学探索[J].电脑知识与技术，2009，5（18）：4654-4655.

[3] 郭文龙，黄建琼.计算机教学方法探究[J].电脑知识与技术， 2009，5（12）： 3158-3164.

[4] 陈建孝，陆锡聪，余晓春，江玉珍.网页制作案例教程[M].北京：人民邮电出版社，2012.

第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制作的文件很小，这样便于在互联网上传输，它还采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放，这些优点使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分辨率制成，网页访问采用首页、导航页和新闻页三级页面形式。

 首页

首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底,最下面是网站的一些基本信息,联系方式,版权声明等。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。

 导航页

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

 新闻页

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

 页头

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

 页脚

本站页脚如下：

 

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)驱动并指定数据源为网站的数据库文件。

 测试

打开浏览器，直接在地址栏中输入：http://localhost/test/index.asp或者http://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篇：网页制作论文范文

【关键词】中职 项目教学法 网页制作课程 应用

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2016）12B-0109-02

网页制作课程是计算机专业的重要课程，为了调动学生学习网页制作的积极性，教师必须在了解学生学习习惯、学习心理的基础上逐步调整与改进教学方法。将项目教学法应用到网页制作教学中，可以改变以往教学课堂枯燥的局面，使学生在项目的带动下专心致志地完成项目赋予的各项任务，从项目中得到锻炼，从而掌握网页制作的各项技能，提高自身的能力。

一、项目教学法的内涵与优势

项目教学法是指教师根据学生所学课程、所学知识等来制定独立项目，学生在教师的引导下通过收集信息、设计方案、项目实施等完成该项目。在完成项目的过程中，学生既要从项目整体出发来积极把握项目，又要按照特定的程序、步骤和顺序深入项目细节。项目教学法要求教师必须围绕项目开展教学，起引导、辅助作用，学生的主体地位不容动摇。

项目教学法具有明确的目标指向，培训时间短，强调理论知识与实践实训之间的有效配合，是一种理论与实践相结合的教学法。它打破了传统的学生孤立学习的模式，增进了学生之间、师生之间的合作，深化了学生之间的思想交流，增进了学生之间的情感，也极大地培养了学生参与项目的积极性，学生从中收获了知识与经验。

二、中职网页制作课程实施项目教学法的适用性

网页制作是一门技术性、技能型的课程，实际教学中不能局限于理论知识的灌输，而是要将其同实践技能训练结合起来，重点培养学生网页制作的操作能力，实现理论与实践相结合，培养学生的职业能力。

基于网页制作课程实践性、技能性的特征，学生需要在特定理论指导下亲自动手实践操作，才能通过实际练习、实践操作，逐步掌握网页制作的流程、顺序，学会熟练运用相关的控件、程序语言等。这种高度实践性的课程通过设定项目，组织学生在项目规程引导下自主操作、各程序间协调配合，往往会取得更好的实训效果。因为一个项目的设置与实施，会分成若干个环节，各个环节中会有不同的任务布置，各个任务需要配置不同的学生，学生不仅需要完成项目所布置的任务，而且需要立足于项目整体来统筹协调，学生并非孤立地实践，涉及彼此间的沟通与协作。项目实践的过程不仅是专业知识训练的过程，也是培养学生协作的过程，这种训练培养模式符合网页制作课程的特点，是对该课程理论性学习与实践技能训练的双重训练。项目教学法不仅是对传统教学模式的改进与创新，也能为网页制作课程注入新鲜的活力，培养中职学生学习的兴趣和热情。因此，项目教学法适用于网页制作课程教学。

三、项目教学法在中职网页制作课程教学中的应用

（一）明确教学内容，编制项目任务。项目教学法的运用与实施，最关键是确定实用的项目，要将项目与学生所学内容、课程内容等联系起来。教师应该根据网页制作课程的特点来编制项目任务。对于网页制作课程来说，最关键是首页的制作，因为首页是最先走进用户眼睛的页面，应该精心设计，这其中 index设计至关重要。应设计出风格独特、独树一帜的 index 页面，其页面设计包含多方面内容，如色彩运用、风格色剂、结构布局等，都需要协调、妥善地配合。总的来看，网页制作具有一定的难度和挑战，属于高度综合性、全面性的知识与能力考验。学生既要能够灵活运用网页制作软件，又要具备 Photoshop 的相关操作与运用技能，而且还要有一定的艺术色剂、色彩搭配运用的天赋，同时，也应该具备 Flash 动画设计的技巧。

对此，教师可以设定一个 index 网页设计的项目任务，在此任务引导下，学生之间分组讨论，针对此项目来进行任务分工。分组讨论是学生思想碰撞的过程，能够促进学生想象力与创造力的发挥，这其中教师要科学地引导，调动学生的项目参与积极性。

（二）明确教学目标，制订项目计划。明确项目任务后，接下来则要编制项目计划，其中伴随着对各项问题的分析、研讨等，最终来形成操作流程和顺序，编制项目执行步骤与流程：第一，组建小组研讨项目主题。第二，依托于网络信息资源来广泛搜集各方材料和素材。第三，设计架构图，对网站的结构、布局等进行合理化构思、设计。第四，采用软件来对应绘出 index 页面，科学选配色彩，并将绘制成功的页面加工成切片。第五，创建站点，导出切片，做好相关保存工作。对图片进行美化、加工，以此来制作网页，同时，对所制作的网页进行测试、保存与提交。

（三）明确教学过程，抓实项目落实。项目落实是项目教学法的核心环节，也是网页制作教学过程的最关键环节，大体可以按照以下流程进行操作：

1.科学分组。为了推动项目教学工作的高效开展，必须对学生进行科学分组，按照学生的入学成绩、课堂表现以及组织领导能力等来科学搭配学生、合理分组，组内选举组长，组长负责组织小组成员讨论，每个小组就是一个小集体，每名学生都以集体荣誉感为重，竭尽全力来策划项目主题。经过小组讨论与筹划，最终形成以下项目设计主题：小组 A，设计读书网；小组 B，设计厨艺网；小组 C，设计旅游网；小组 D，设计体育网。各个小组有了项目主题就有了网页制作方向和目标。

2.搜集资料，明确网页内容。各小组围绕自身的主题，在组织的组织、调动下，小组成员积极参与到网页设计与制作中，科学协调地进行分工，提高组员的工作效率。例如：一部分组员收集材料，另一部分则负责网页结构的规划、设计，其他人则负责栏目规划等。教师要根据学生工作的进展情况提供必要的指导。例如，对于旅游网来说，应该设置多个分支栏目，根据地域、距离以及旅游形式等可以划分为省内游、境外游、自助游、组团游等。

3.网页制作。网页制作是最为核心、关键的阶段。第一步，确定首页的结构性要素，如标题栏、导航栏等，以此为基础来科学布设网页版面，这其中必须掌握好顺序、层次，其中通常将标题栏设计在网页顶端，彰显出该网页醒目的主题，体现出网页的设计风格。第二步，设计导航专栏，该栏目是对游客的指В游客凭借在导航中输入信息就能去自己想要抵达的游览目的地，其结构、形态等都决定着网站设计质量。

实际的网页设计中学生要尽量地发挥想象，大胆创新，形成一个独具特色的导航专栏，相关主体部分的设计也要体现出层次感，要确保图文穿插，能够彰显出一些关键内容，还要注意不同模块颜色的选择与搭配。在网页的结构与颜色初步明确的基础上，则要借助 Photoshop 来绘制网页，再将该网页逐渐做出切片，创建全新的站点，导出切片，并做好相关的保存、测试等工作。

（四）明确教学任务，展示项目成果。各小组完成网页制作任务后，要积极展示自身的作品，教师此时应对学生的劳动成果给予评价。要高度重视和评价学生网页制作成果的优秀之处，同时，也提出一些改进建议，这样学生才能有所收获，产生积极的学习兴趣。项目教学法驱动着学生不断地改善自我，调整自我，提高自身的学习动力和热情，为深层次学习打好基础。

总之，项目教学法作为网页制作中较为重要且关键的教学法，能够改善学生的学习状态，适合应用在中职网页制作中，能够提高学生课堂参与积极性，提高学生的学习效率，达到预期的教学目标。

【参考文献】

[1]周利民.项目教学法在计算机课程教学中的实践[J].电脑知识与技术，2008（9）

[2]哈力旦古丽・卡哈尔.项目式教学在网页设计与制作中运用的方式创新[J].通讯世界，2016（21）

第8篇：网页制作论文范文

关键词：高职；电商；网页设计；教学实践

电子商务专业的静态网页设计是一门操作性很强的学科。随着阿里巴巴、天猫网的普及，使得电子商务专业有了飞速发展，同时也使网页设计课程成为电商专业的一个重要门类。培养学生掌握网页设计的基本知识和基本技能是电商教学的一项重要任务。

一、电商网页设计的意义

当下，网上购物、12306购票、朋友圈已成为人们生活的一部分，而所有的网络消费都离不开网页，网页是人民接受各种信息的最主要的载体。网页设计通过数字技术，用文字、图片、声音或视频等形式承载信息，进而将具体的信息通过页面展示给浏览者。网页设计具有很强的视觉效果，漂亮新颖的网页一定会吸引人们的眼球；另外，网页的互动性、互操作性也很强，浏览者可以通过注册表单与网页进行交互，给用户带来极大的方便。所以，如何制作一个精美的网页，成为电商网页设计与制作课程的首要任务。

二、电商网页设计的内容与要求

在网络高度普及和互联网飞速发展的今天，对网页设计也提出了许多新的要求，其网页设计内容也呈现出多元化的趋势。网页设计的软件也越来越多，在电子商务网页设计中，常用的软件有DreamWeaver的各种版本，Fireworks页面设计和Flas设计等。由于电商网页设计涵盖各种行业，要满足不同用户的需求，网页设计必须要发挥数字化制作的优势，并结合Photoshop等软件对页面色彩的优化处理美化页面，要求作到“三创”，即主题创新、网页创真、页面创美。

（一）主题创新：主题创新就是网页设计理念要有创新性，要求网页主题独特新颖，具有特色，网页版面设计新颖，吸引用户。现在的各大门户网站更新快，特色突出，精彩纷呈。因此在教学中，不仅要通过理论教学，使学生熟悉网页设计的基本知识，让学生设计网页时有理论知识作为支撑，同时要通过实践教学，让学生发散思维，自己创新设计网页，让学生具备网页设计的基本技能。在教学实践中，随着网页基础知识的渗透，先采取模仿的形式，让学生对网页设计有基本的感知能力。在教学过程中，找出天猫网、各大电商企业网站等经典网页让学生模仿设计，从页面布局到具体的页面实施，每次模仿都让学生对网页设计有更新的认识，即完成了教学过程中的技能目标，又培养了学生的创新和审美意识。学生在模仿制作网页时，总是会有很多新想法，比如：在天猫网站中添加网络试衣界面，设计“虚拟网页体验”等，学生不仅能清楚的描述网页的主题，功能，并且对于网站的后期运营都有自己独特的见解。

（二）网页创真：网页创真就是讲求科学性，要求网页独立创作，不得抄袭。即不要重复、抄袭、剽窃他人的设计作品。态度决定一切，意识重于形态，要时刻提醒学生，要求学生，培养学生严谨认真的学习态度，弘扬求真务实的学术作风。

（三）页面创美：页面创美就是讲求美感性，要求网页使人愉悦，百看不厌。电商网页设计要创美，必须教育学生重视色彩设计，不仅要使文字、图像制作精美，而且要注意文字、图像与背景色的搭配，做到色彩搭配和谐协调，令人赏心悦目。

三、电商网页设计的教学实践

电商网页设计是一门实践性很强的课程，可采用三步法进行教学，即认知——模仿——创作。具体教法可分四步，即一讲授，二示范，三作业，四实习。学生的学法也有相应的四步，即一听讲，二观看，三模仿，四创新。讲授与示范即认知过程，学生通知听讲与观看示教可获得一些基本的理论知识与技能；再通过作业，学生可模仿设计网页；最后通过毕业实习，学生可独立进行网页的创新设计。为了获得较好的实践教学效果，应作好下面几点。

（一）启发教学：启发是教学方法中最好的教学方式，通过问题是不断深入，启发学生如何独创设计电商页面，在电商网页设计教学实践中，采用启发教学可以达到很好的教学效果。例如：在电子商务的新生教学实践中，首先让学生们剖析各大门户网站的受欢迎原因，启发学生从不同角度创新网站主题，再让有创新思想的同学向大家阐述自创网站的用户人群，创新亮点以及如何使网站持续受到关注等观点。不仅鼓励了有创新思想的同学，同时也使其他同学受到了启发，有了继续学习，创新的意识，使得课程有了很好的教学效果。

（二）优选教法：教学有法，教无定法。教学的手段和方法很多，为了追求最佳的教学效果，我们应当优选教法。可以采用的方法有项目教学法、多媒体教学法等。项目教学可使单调抽象、枯燥乏味的课堂教学变得丰富、具有挑战性。多媒体教学涵盖大量内容、具有直观性、形象性。在电商网页设计教学中，应根据学生学习的特点和程度，选用不同的教学方法，吸引学生持续不断的跟进学习，使得学生热爱电商网页设计课程。

（三）重点突出：在网页设计的实践教学中，要突出“重点”教学，在培养学生必需的理论知识，较强的实践技能基础上，更要注重职业素质的培养，特别要突出培养网页设计操作能力，掌握网页设计的基本技能，使学生毕业后有较强的独立设计和创新设计的能力。

（四）团队意识：在网页设计中，团队意识非常重要。大型网站的设计制作从构思、设计框图、具体模块划分以及最终分工，都是团队协作共同完成的。所以在网页设计实践教学中，培养学生的团队意识非常重要。在实践教学中，教师可以将学生以小组为单位，设立虚拟的网页设计公司，并按团队分工具体设置公司各成员，吸引学生学习兴趣，培养团队协作精神。另外，在教学过程中，应多布置一些需要团队协作完成的命题，让学生以小组为单位进行分组讨论，确立分工，培养学生独立思考、团队协作的能力。学生在具体团队实施中，会通过求同存异，确定最终方案，设计出团队共同赞成的网页设计作品。

参考文献:

[1].杨选辉.网页设计与制作教程[M].北京:清华大学,2009.

第9篇：网页制作论文范文

本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)