网页设计报告精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页设计报告主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页设计报告范文

实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。

一.网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置 (横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件：

HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver;

图像处理软件：常用的有Photoshop、flash、Fireworks 等;

文件上传软件：常用的有Cuteftp、WSftp等。

三.网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

四.网页的调试

之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

第2篇：网页设计报告范文

副标题：

潘江文，实习校内部分小组组长。

报告内容：

各位老师，同学：大家下午好，很高兴能够作为校内组的代表向大家汇报我们的实习工作。

本学期一开始，经过院领导老师的精心准备策划，我们有幸进行了为期四周的实习 ，我组作为校内组，共六人，被统一安排在中国海洋大学网络中心，协助网络中心搞好网络建设和维护。学院指导教 师陈欢 老师，实习单位负责人姜鹏，赵有星主任。总的来说，此次实习是一次成功的顺利的实习。通过我们的努力，我们已最大可能的完成了实纲的要求，既充分巩固了大学前期两年的专业知识，又对今后两年的专业科目学习有了新的理解，这次专业认识实习增强了我们的职业意识，并激发我们在今后两年的学习中根据实习的经验识时务的调整自己的学习方向和知识结构，以更好的适应社会在新闻传播领域，尤其是网络传播发展方向的人才需求。

下面我就我所在的单位作一下简单介绍：

中国海洋大学网络中心成立于 1994 年 5 月，其前身是信息管理研究所，中心按照中国教育科研计算机网络组织结构和管理模式，成立了校园网络管理领导小组和校园网络专家领导小组，在分管校长直接领导下，承担中国教育和科研计算机 网青岛主节点以及中国海洋大学校园网的建设、规划、运行管理、维护和数字化校园的工作

网络中心下设 网络运行部 、 网络信息部 、 综合部 。

在此不在作详细介绍， 下面着重汇报一下我在此次实习中的具体实习内容以及我个人的实习体会。

在网络中心老师的安排下，实习期间，我共参与或个人承担了以下工作：电脑硬件组装，系统安装调试，专业网络布 线、 ftp 信息服务器日常维护、 www 服务器日常安全检测、局部网络故障检测与排除、校内单位硬件更新等。

在做完这些工作后我总结了一下有这么几点比较深刻的体会：

第一点：真诚

你可以伪装你的面孔你的心，但绝不可以忽略真诚的力量。

第一天去网络中心实习，心里不可避免的有些疑惑：不知道老师怎么样，应该去怎么做啊，要去干些什么呢等等吧！

踏进办公室，只见几个陌生的脸孔。我微笑着和他们打招呼。从那天起，我养成了一个习惯，每天早上见到他们都要微笑的说声：“老师早”，那是我心底真诚的问候。我总觉得，经常有一些细微的东西容易被我们忽略，比如轻轻的一声问候，但它却表达了对老师同事对朋友的尊重关心，也让他人感觉到被重视与被关心。仅仅几天的时间，我就 和 老师们打成一片，很好的跟他们交流沟通学习，我想，应该是我的真诚，换得了老师的信任。他们把我当朋友也愿意指导我，愿意分配给我任务。

第二点：沟通

要想在短暂的实习时间内，尽可能能多的学一些东西，这就需要跟老师有很好的沟通，加深彼此的了解，刚到网络中心，老师并不了解你的工作学习能力，不清楚你会做那些工作，不清楚你想了解的知识，所以跟老师很好的沟通是很必要的。同时我觉得这也是我们将来走上社会的一把不可缺少的钥匙。通过沟通了解，老师我我有了大体了解，边有针对性的教我一些知识，我对网络部线，电脑硬件安装，网络故障排除，工作原理应用比叫感兴趣，所以老师就让我协同他们或独立的 成校内大小单位的网络安装与检修工作。如档案馆网络故障检修、胜利楼若干办公室的网络故障检修等，直接或间接保证了校园网的正常运行和使用，在这方面的工作中，真正学到了计算机教科书上所没有或者真正用到了课本上的知识，巩固了旧知识，掌握了新知识，甚至在实践中了书本上旧有的不合实际的知识，这才真正体现了知识的真正价值，学以致用。此外呢，老师还特地带我们去参加了三次正规的讲座，分别是校园网使用网络计费、校园网电子政务、和网络安全三个主题。此次报告一并带来了该公司的最新产品，报告中我懂得了网络计费的原理和方式以及从硬件上是如何实现的，从侧面也看到了学校引进新产品即建设投标的过程。

第三点：激情与耐心

激情与耐心，就像火与冰，看似两种完全不同的东西，却能碰撞出最美丽的火花。

在中心时，老师就跟我说，想做电脑网络这一块，激情与耐心必不可少，在产品更新方面，这一行业就像做新闻工作，补断的更新，这就需要你有激情，耐心的去不断的学习，提高自己的专业水平。在一些具体的工作当中也是这样的： 记得前两天老师安排我整理一下仓库并且要求我在这堆报废机器中组装好两台能够正常运行的机器，说实话，当时我心里就有些不太情愿，太麻烦了，尽管这样，我还是一脸轻松的接了下来，接下来我就 耐心 的，按步就班的开始找有用的零件，把一个机箱拆的不能在拆，所有的零件我又对照书本一一的认了一遍，真正的弄清了各个零件之间的组合结构关系，最后拼凑出了两台机箱，仅这一项就用了整整两天的时间， 通过 老师的指导，自己的捉摸，调试，自此，我算是真正的搞明白的计算机的硬件安装，维护和更新，接着我又进行了各种计算机操作系统的反复安转调试，一遍又一遍的调试安装，自然有些烦，但我用我的热情耐心克服这些困难，问老师，查资料，一个个问题迎刃而解，自己在这方面的知识得到了充实。这些在平常的书本上仅仅是获得感性的认识在这里真的实践了，才算是真正的掌握了，也让我认识到了自己的不足，告诫自己，不管做什么，切忌眼高手低，要 善于钻研 。还有我感触比较深的就是 查看 log 日志记录，因为服务器的维护使复杂又艰辛的，既要保障物理安全又要保证系统安全，这就需要通过查询 log 日志记录，每一分钟的服务器状况都有 log 日志记录，而且它一是数据量大、二是有大量无用信息，所以查看 log 使非常“痛苦”的事情。像这些工作我熬深深地感觉到每有激情与耐心是做不好的。

第四点：细心负责和基本的专业素养

细心负责是做好每一件事情所必备的基本素质，基本的专业素养是前提。

实习期间，我承担了 ftp 服务器的管理工作和 www 校内信息服务的日常检测工作，这同专业的发展方向是极其吻合的。 ftp 服务带有自身的特殊性，用户可以在其中各种文档包括文本、声音、视频、多媒体等，对 ftp 的管理就要有极好的电脑知识尤其要对文件路径十分了解，还要有信息归纳的能力，将校内用户上传的文档分门别类的放在不同的文件夹中，这也是作为我门专业学生应当具有的基本能力之一，在 ftp 管理的过程中，我深刻的感受到了作为信息管理者和者是非辨别和政治敏感的重要，用户上传的文档是未经许可和身份认证的，所以在 ftp 服务权限中对上传文件夹（ up ）做了只能上传而不能随意下载的处理，而管理员的职责是将 up 文件夹中的文档作初步审查，审查包括文档中是否包含反政府的信息、是否包含黄色等不健康信息、是否倡导了不健康不科学的生活方式和态度等各个方面。

所以说要做好这些事情，不细心负责，没有基本的专业素养，是很容易出现漏洞的。

第五点：“主动出击”

当你可以选择的时候，把主动权握在自己手中。

在中心的时候，我会主动的打扫卫生，主动地帮老师做一些力所能及的事情，并会积极地寻找合适的时间， 向 老师请教问题，跟老师像朋友那样交流，谈生活学习以及未来的工作，通过这些我就 和 老师走的更近，在实习当中，，老师就会更愿意更多的指导我。获得更大的收获。 记得当时经济学院反映网络不同，我就自高奋勇，去进行检修，等网络接通的时候，我心里感觉很高兴，因为我的主动，我巩固了我所学的知识，并且得到了老师的认可。

第六点： 讲究条理 

如果你不想让自己在紧急的时候手忙脚乱，就要养成讲究条理性的好习惯。

“做什么事情都要有条理，”这是老师给我的忠告

在网络中心有一个部门是综合部，日常的文件材料很多，这就需要很有条理的去整理好，以免用的时候翻箱倒柜的去找，耽搁时间，浪费精力，误了事情。所以主任的桌子上总是收拾得井井有条。这一点对我感触很深，同时让我联想到在一本书上看到这么一个故事，一位在美国电视领域颇有成就的美籍华人当部门经理时，总裁惊讶于他每天都能把如山的信件处理完毕，而其他经理桌上总是乱糟糟堆满信件。他说，“虽然每天信件很多，但我都按紧急性和重要性排序，再逐一处理。”总裁于是把这种做法推广到全公司，整个公司的运作变得有序，效率也提高了。所以说：养成讲究条理的好习惯，能让我们在工作中受益匪浅。

第3篇：网页设计报告范文

关键词:网页制作;教学改革;能力培养;项目教学

1教学改革思想

高等职业教育作为高等教育发展中的一个类型,肩负着为国家培养面向生产、建设、服务和管理第一线需要的高技能人才的使命。如何提高教学质量,从而提高学生的专业技能,以适应新时代企业对高职人才的要求,这是每个高职高专院校摆在首位的问题。传统大学课程教学以学科为导向、以知识为目标、以教师为主体、以应试为基础、以逻辑为载体,但职业教育必须以职业活动为导向、以能力为目标、以学生为主体、以素质为基础、以项目为载体,开展的课程必须做到教、学、做一体化,切实提高教学质量[1]。本文对基于工作过程的网页制作技术课程改革进行了探讨。网页制作技术是一门实际操作、技能要求都较明显的课程,学生的学习兴趣也较高。怎么把学生的兴趣培养成网页设计师需要的专业技能,使学生上岗后的能力能适应工作岗位的要求,这是教学的总体目标及教师工作切入点[2]。

2课程改革实践

2.1职业岗位群定位

面向工作过程的职业岗位群分析,如图1所示。本课程面向岗位群是网页设计师:具备规划、设计、制作网站的能力;网站维护管理人员:具备网站维护与更新的能力。

2.2面向工作过程的能力分析

1) 网页设计师所需要的专业能力,如图2所示。

(1) 网站规划能力:能够准确分析、理解项目要求;对项目进行合理规划、评价;并撰写网站建设方案[3]。

(2) 素材收集能力:能够通过有效渠道获取资源,并对资源进行处理,成为需要的素材;熟悉使用并积累网页设计师常用的网页设计第三方工具。

(3) 网页设计与实现能力:教学重点,解决问题能力重点体现。需要熟悉主要工具工作环境,能应用编程语言实现设计方案,熟悉网页布局和设计,熟悉网页元素使用。

(4) 网站维护和更新处理能力:能按照专业规范操作,作品规范可维护。

2) 网页设计师所需要的职业核心能力,如图3所示。

(1) 与人沟通能力。

网页设计项目属于技术服务性项目,能否和客户顺畅沟通,准确把握客户需求,至关重要。大学生在校期间需要培养与人沟通能力,畅通的沟通渠道既有利于形成良好的教学效果,也是学生锻炼自己沟通能力的重要途径。课程在计算机公共机房开设,存在三方关系,学生与学生,学生与教师,学生与机房管理人员,鼓励学生积极地互动、沟通,及时解决问题,着力培养学生的沟通能力。

(2) 团队合作能力。

网页设计项目属于团队合作性质,需要各方良好的沟通及团队合作精神。课程通过学生组队合作开发项目,培养学生与他人合作的精神,培养学生的团队合作荣誉感。

(3) 信息处理能力。

网页设计是一个有活力的领域,新颖性强,需要有强大的信息处理能力。通过有效渠道获得所需要的信息,并对信息进行处理,这是解决问题的前提。通过收集课程项目所需要的信息,网页设计课程逐渐引领学生熟悉网页设计常用的方法和工具,使学生能够高效地获得有用的信息资源。

(4) 解决问题能力。

使用所掌握的技术,并结合获得的信息,解决客户的问题,这是网页设计师职业能力的重点。需要有良好的沟通能力和团队精神作为基本素质,能够获取并处理信息,具备扎实的专业技能,满足客户的需求,了解客户消费心理学,设计出合理有效的解决方案,并加以实施,这是能力培养的核心所在。

(5) 自学能力。

自学能力是一种再生资源,是网页设计师职业生涯中最宝贵的财富。作为高职学生,在学习过程中,能掌握学习方法,养成良好的学习规律和熟悉学习渠道,能利用获得有用的信息解决问题,那么毕业后,就能从容面对职业中所遇到的问题。面对问题,要充满好奇、好学,能主动求知,这是课程需要引导学生的。适当鼓励和引导,培养学生自我解决问题的能力,这个过程就是自学能力的培养。

(6) 创新能力。

创新是科技发展的灵魂。作为一个新颖性的职业,网页设计师同样需要具有创新精神。了解创新,关注创新,尝试创新!引导学生做有用的创新,培养学生的创新意识,关注国内行业内的创新新闻,如李开复先生所创立的创新梦工厂等。培养创新精神,这是网页设计师未来职业发展的重要条件。

2.3面向工作过程的教学总体目标

总体能力目标:规划、设计和制作B2C网趣电子商务网站。能够规划、设计和制作门户网站或电子商务等网站;能够对网站项目理解、分析、规划、评价;能够按照专业规范进行操作,作品规范可维护;熟悉网页制作和网站建设工作环境及主要工具;具备文本、图片、动画素材处理能力;熟悉使用并积累网页设计师开发常用第三方工具;具备网站维护和更新处理能力。教学以B2C网趣电子商务网站项目作为主要能力训练载体,以“先授人以鱼再授人以渔”为教学方法,以鼓励学生参加网页设计大赛为促进方法,全面开展教学工作,培养学生敏锐观察能力、清晰逻辑思维、良好团队合作精神,使其具备自我学习能力和持续发展潜力。

2.4面向工作过程的教学内容设置

网页制作技术课程面向工作过程的教学内容设置,如表1所示。

2.5面向工作过程的能力训练项目及认知设计

项目教学的关键在于项目的选取。一个项目的选取好坏直接影响到项目教学法实施后是否能取得较好的结果。好的项目不但锻炼了学生的学习和动手能力,还可以激发学生的学习兴趣,让学生在完成任务之后能获得成就感[4]。因此,要选择切实可行并且学生感兴趣的项目。

本课程以实际项目――B2C网趣电子商务网站作为驱动,项目贯穿整个学期教学工作,每次课程完成其中部分小项目,最后整合成一个大项目;并以学生参加网页设计大赛为促进,使学生系统、完整掌握网页制作技术。教学开展思路为:初级阶段以逆向开发分析、模仿为主,学生具备一定基础后走向正向开发过程。授课以基础能力训练为主,将制作网趣商城电子商务网站项目所需要能力进行分析,详细设置能力训练项目,让学生跟随教师模仿完成,及时考核,完成该部分内容,考核为及格或中等。提高篇:对学生进行创作引导,抛砖引玉,培养学生成就感、信心,鼓励学生创新,积极参与网页设计大赛,进行正向开发。辅导学生参与比赛,给予项目实际支持。至此,学生可以参与学院精品课程网站建设,并以此作为课程后续学习。

认知过程设计[5]:

1) 课程基于真实产品的任务驱动型教学方式,符合职业技能的形成规律。

2) 课程结构“模块化”、课程实践“项目化”、课程资源“系列化”、技能训练“层次化”,符合信息技术时代“生物学习模式”认知规律。

3) 构建了以“网站开发工作过程”为导向的“模块式”课程结构,课程分为9个教学模块、16个教学单元。课程模块根据岗位需求变化、教学实际情况灵活组合、动态调整。课程内容根据网页制作技术发展持续更新。

2.6面向工作过程的教学实施

课程教学改革实施具体方式:根据能力培养要求,结合认知规律,充分利用多种沟通工具,形成特色教学过程。教学开展分三步走,分别为课前、课中、课后,如图4所示。

教学方法――学中做,做中学。

模式一:初级阶段,逆向开发,如图5所示。

模式二:中级阶段,逆向开发。如图6所示。

模式三:高级阶段,正向开发。如图7所示。

2.7面向工作过程的教学考核方式探讨

考核方式是课程的指挥棒,应注重过程考核。

1) 基本思路。

本课程实操性强,学习效果即时可测。考核由平时成绩、课程设计、最终报告,具体比例如下。

(1) 平时成绩40%:包括考勤(10%)、课堂表现(10%)、实践报告(10%)、每阶段上交作品质量(10%)。

(2) 课程设计占60%:包括课程中制作的页面(30%)、后期完善及丰富的页面或自主项目(20%)、最终报告(10%)。

2) 课程设计的评分标准(共100分)。

课程设计贯穿整个学期,每次课完成部分页面,最终完成一个网站,如表2所示。

3) 最终报告的评分标准(共100分),如表3所示。

3课程改革效果

 课程出勤率较高,课堂上学生自觉专注于项目训练,讨论热烈,学习精神状态饱满,兴趣较高,氛围浓郁。

 课程项目完成效果良好,学生有一定成就感。

 课程按行业规范操作,培养学生良好操作习惯。

 通过佛山电子协会友情链接,部分学生已在关注佛山地区电子产品公司网站平台。

 得到学生和同行专家肯定,学生评价教学优秀,并获得学院年度教学质量优秀奖。

 学生参加学院网页设计大赛兴趣浓郁,并有11位同学获奖,产生一批优秀作品。

4结语

我院实施的课程改革面向以职业活动为导向,面向工作过程,经调查确定职业岗位群,分析该岗位工作过程中所需要的专业能力和职业核心能力,确定课程整体目标,具体分解能力目标。以项目为驱动,合理设计课程内容;设置能力训练项目表,进行认知过程探讨,符合生物认知模型。教学开展思路为逆向开发分析、模仿、正向开发过程,灵活采用3种教学模式。重视考核方案设计,强调过程考核。实践证明课程改革效果良好。

参考文献:

[1] 戴士弘. 职业教育课程教学改革[M]. 北京:清华大学出版社,2007:8-15.

[2] 戴士弘. 高职教改课程教学设计案例集[M]. 北京:清华大学出版社,2007:57-65.

[3] 杨晓明. “网页制作”课程教学改革的探索与研究[J]. 甘肃联合大学学报,2008(22):1012-1013.

[4] 于晓霞. 基于“工作过程”面向“职业岗位定位”的教学模式在网页设计课程中的应用[J]. 科技信息,2009(6):212-213.

[5] 史瑞芳. 网页设计与制作课程中项目教学法的引用[J]. 山西经济管理干部学院学报,2008(4):115-117.

参考文献:

[1] 钟柏昌. 任务驱动教学的反思与重塑[D]. 南京师范大学,2004:13-15.

[2] 郭绍青. 任务驱动教学法的内涵[J]. 中国电化教育,2006,234(7):57-59.

[3] 吴海花,王连山. 计算机软件项目教学改革的实践与探索―基于“任务驱动”的小组协作教学模式[J],考试周刊,2009,23:11-12.

[4] 李振娥,刘旭源. 基于任务的小组协作学习教学结构构成要素及关系[J]. 中国教育技术装备,2009,30(11):74-75.

Research on Java Teaching Pattern Based on Task Driven and Group Collaboration

LIU Wen-jie, WU Ting-ting, ZHENG Yu

(School of Computer and Software, Nanjing University of Information Science & Technology, Nanjing 210044, China)

第4篇：网页设计报告范文

关键词：网页设计；课程设计；教学方法

中图分类号：G4 文献标识码：A 文章编号：16723198（2012）16014701

网页设计是高职计算机应用专业一门操作性极强的必修专业课程，具有很强的岗位针对性，而现今传统的计算机应用专业毕业生的社会需求趋于饱和，单项专业性精通的人才却明显短缺。现今，各个高等院校纷纷开设了网页设计的课程，培养网页设计的专门人员，网页设计课程的教学显得尤为重要。为此，为了提高网页设计课程的教学质量，笔者从课程设置特点、课程设计、教学内容、教学方法、实验环节等多方面对本课程进行了积极的探索，并总结如下。

1 明确课程地位，彰显课程的特点

高职院校计算机应用专业开设的网页设计课程不是仅作为一门孤立课程存在的，它是要靠多门学科的知识给予支撑，并且它们之间相互渗透和依赖，而构成的一个科学的、完整的课程体系。网页设计课程的主要目的，是通过对本课程的学习，培养学生对该软件的实际动手使用和综合应用能力，使学生能够运用所学的知识进行网页设计，制作出专业的、精美的网页页面和网站站点，包括站点构建、页面设计、数据库和网站后期维护和管理等。其中还重点体现在它的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生动手能力，培养学生的专业兴趣。教师在教学中也一定要注意理论与实践相结合，实践操作内容是教学的基础，应该给予学生充足的动手实践机会，使学生在学中练、练中学。

2 了解社会需求，调整课程设计

在信息迅速膨胀、网络飞速发展的今天，国际互联网也正以其惊人的速度空前发展，我国互联网的用户正在持续递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此，针对社会市场岗位需求，课程设计也应紧跟市场步伐，在课程设计中，应突出对企业网站和电子商务网站建设方面技术的掌握，如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时，还必须有其他相关知识点的穿插，在动态网页设计和数据库方面有待加强，这样才能更符合社会市场的人才需求和对课程设计更具针对性。

3 及时更新知识，重组教学内容

当前计算机科学技术的日新月异，网页设计技术不断的更新，网页设计软件也层出不穷，学生对新知识的渴望也十分迫切，这就要求教师本身也要不断的加强学习和专业技能培训，更新和强化新知识新技术，同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前，网页设计课程教学内容是以Dreamweaver作为主要工具，其中以静态网页设计作为学习的重点，主要培养设计人才，但在培养方面，也需要配以Flash、Photoshop等软件的介绍，使学生在熟练掌握静态网页设计技术的基础上，还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容，为学生今后更进一步的学习打下坚实的基础。

4 注重因材施教，改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念，学生在学习过程中，由于学生智能及动手能力各有差异的，因此，在网页设计教学过程中，教师更应该注重因材施教，教师可对本班学生情况进行分类，根据学生实际水平的差异，对不同水平的学生给予不同的要求，设计基本要求和提高要求两类题型，对能力较强的同学要求完成相应提高部分的题目。为此，不同的学生、不同的要求，对教学方法提出了更高的要求，传统的教学方法肯定不能适应学生的需求，改革教学方法就显得极为关键，网页设计实际操作性很强，相比那些理论性的课程，学生更容易产生兴趣，教师应利用这个特点，注重培养学生的动手能力，让学生在实际操作的过程中发现问题并解决问题。同时，在教学过程中，教学方法还应不断摸索和创新，采用多种教学方法并重的方式，除常规的教学方法外，还可以采用案例教学法，任务驱动教学法，讲练结合等教学方法，整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练，最后再进行综合案例的应用，这样既让学生对案例有了实质性的接触和学习，又能充分的去完成对知识的自我构建和强化实训。

5 加强实训环节，变革考核方式

网页设计是一门操作性和实用性很强的实训课程，实训至关重要，要提高学生实践动手能力，必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训，每次课都经过精心设计做成实训单元，每2节课为一个实训环节，并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工，全班进行分小组完成各自实训模块，并且实训完成后要求写出完整的实训报告。同时，在对学生的考核方面，传统的考试模式主要是以理论考试为主，而这种考试模式对该课程很不适应，因此笔者将课程的考核分为三个部分：平时成绩（20%）+理论成绩（20%）+实训成绩（60%），其中平时成绩按每堂课的作业完成情况和学生考勤进行打分；理论考试注重学生对网页设计基础知识、基本理论的掌握，采用选择题判断题等客观题的方式进行，为学生进一步的学习夯实基础；实训考试则考查学生实际动手能力，以便学生学完本课程后能有一技之长，真正做到学以致用。

参考文献

第5篇：网页设计报告范文

【关键词】：数据库的连接；动态数据绑定；动态交互式网页

随着科技的快速发展，互联网的发展也越来越多样性，互联网技术的大量使用和推广，使得WEB网页技术变得越来越成熟。现在，访问者对于单纯的静态网页早已经厌倦，即便是设计精美的静态页面也已司空见惯，对于网站中所释放的大量的信息，访问者更加倾向于具有一定交互功能的动态网页设计。所以，现实中的互联网网页技术的发展方向主要集中在互动式的动态网页设计。交互式的动态网页设计的特点主要集中在人机的互动性和动态性，交互性可提高人机交互的灵活性，动态性可实现信息的趣味性和可读性。

一、动态交互网页的基本概念

相比于传统的静态网页，交互式的动态网页有着数据传输灵活，可进行人机交互的特点。传统的静态网页常常是指网页的脚本语句，并不会出现在服务器上进行有效的运行。当访问该网页的访问者进行访问时，服务器并不会对该网页进行改动，而是直接将该网页的全部数据进行有效的传输，传输到访问者的浏览器上。简而言之就是，在网页的设计者在网页的程序设计时，就已经把所有的东西都固定了下来，静态网页一旦制作完成，就不会再改变了，而动态的交互式网页则完全不同。

交互式的动态网页相比静态网页，它所拥有的最大区别就是对于动态性和交互性的改变，动态性是网页会根据用户的不同要求，进而选择相应的动态响应来进行人机交互。也就是说，动态网页并不是单纯的HTML文档，而是具有了一定的动态性能，可以进行一定的连接使用，连接后台的数据库等等。这样就可以使本来的网页含有更多的信息量，甚至是按照用户的要求在已有的处理器上进行一定的信息处理，对后台的大量资源进行有效的处理。

在当今信息时代的大背景下，各种程序语言的出现，大量的资源得到较高效的使用。每一个网页的设计也不再局限于简单的静态性，越来越多的动态性网页充斥着人们的眼球，大量的动态效果既可以抓住人们的眼球，也可以增加趣味性，进而实现人机的交互，交互式的动态网页也正是在这样的背景之下，才被逐渐的发展而来的。

二、动态交互式网页的分类

交互式的动态网页作为静态网页的升级版，它的分类较之静态网页也更加的严谨、细致，对于交互式的动态网页的分类，在经过一定的总结汇总之后，现进行以下的分类：

（一）信息可以向上层进行反馈的页面

信息可以向上层进行反馈的页面，指的是能对用户的信息和反馈意见进行分析和收集的页面。在一定的条件下，还能够对用户所提交的部分信息进行一定有效的统计和分析。此类最常见的动态交互式的网页大多使用在购物、注册系统、考试系统等的网页制作中。

（二）信息可以向下层进行反馈的页面

信息可以向下层进行反馈的页面，指的是能对有关数据进行搜索的功能，主要是指在网站后台的数据库中进行一定的搜索和检查，在获取到想要的信息之后，能够在用户的页面进行显示，能够对用户的需求进行反馈。此类交互式的动态网页主要使用在页面查询、管理者留言，以及远程的教学功用等的页面。

（三）对信息进行管理的页面

对信息进行一定管理，是指管理者能够通过网页进行一地你给的数据管理，主要功用是指管理者能够在后台的数据库记录中进行一定的编辑、删除、总结和整理等功能。此类的交互式动态网页主要是使用在管理者的后台操作中，这对于管理者的人机交互有着更加有效的使用效率。

三、动态交互式网页的制作步骤

（一）建立数据库、创建ODBC数据源

交互式的动态网页最重要的一部分就是对于后台程序的设计，而数据库对于后台程序而言，则是用来存放大量数据和程序的重要场所。在设计交互式的动态网页时，数据库的重要性就变得越来越重要。ODBC数据源是一套能够读取各种不同数据库的完整解决方案，它可以将全部的底层操作隐藏在内核中。

（二）制作静态页面

一般而言，交互式动态网页的设计都是从静态网页开始，所以静态网页的设计也是动态网页设计的基础。静态网页的设计需要将所需要的基本网页信息全部放置到网页上，然后再将静态网页中的部分对象进行与数据库的连接。

（三）创建数据库的连接

数据库的连接主要是指对于后台数据库内部的基本设置进行一定的参数设置，如果部队内部数据库的一些主要参数进行基本的设置，那么在最基本的WEB应用程序中就不会和数据库进行最基本的链接和调用，基本的创建方法可以在其他资料内查到。

（四）定义记录集

由于交互式的动态网页需要从后台的数据库中进行一定的数据调用和查找，所以需要定义记录集。记录集的主要作用是将数据库返回的数据组成进行临时的储存，以便在以后的应用程序中可以进行快速的调用。

四、总结

交互式的动态网页的大量使用和发展，使得交互式的动态网页技术得到了很大的发展，相比于静态网页，交互式的动态网页有着巨大的优势，它在人机互动方面有着更加明显且清晰的效果，而且在网页的动态性上也有着明显的优势，这对于网页的识别效果、人机交互的效果都有着重要的帮助。

参考文献

[1] 成蹊，IDC-新型信息服务基础设施，世界电信-2001年3期.

[2] 互联网周刊.中国网络经济发展月度报告：中国IDC市场分析报告互联网周刊-2001年4期.

[3] 孙印杰，马子彦，郭利周.新世纪网页设计师培训教程[M].北京：电子工业出版社，2004.

第6篇：网页设计报告范文

关键词:高职院校;网页设计与制作;教学改革;项目驱动

中图分类号:G642文献标识码:A文章编号:1009-3044(2009)26-7562-02

Some Improvements about Homepage Design and Manufacture Course in Vocational Colleges

ZHOU Juan

(Hunan Vocational Institute of Safetyand Technology, Changsha 410151, China)

Abstract: Homepage Design and Manufacture is a highly practical course. According to the actual situation of vocational college students and the practical teaching experience I have, this article describes the teaching improvements from the aspects of the teaching objectives, teaching objects, teaching content and teaching methods and discusses how to cultivate the practical ability of students.

key words: vocational college; homepage design and manufacture; transformation in education; project-driven

《网页设计与制作》课程是近几年高职院校普遍开设的一门课程,它的实践性非常强,包含内容非常丰富,随时展不断变化,且极具创造性,受到学生的欢迎。怎样在有限的课堂教学中让学生掌握网页设计与制作的技巧,培养他们的实际动手能力,是教师们一直关注的。笔者在实际教学中一直在积极探索,就此结合自己教学经验谈谈几点体会。

1 确定教学目标

1.1 确定《网页设计与制作》课程在整个专业课程体系中的位置

该门课程在高职院校中属于职业素质拓展课程,以计算机应用专业为例,本课程在该专业课程体系中位于一个非常重要的位置,如图1。

《计算机应用基础》、《C语言程序设计》作为它的先导课程,为它提供了必要的知识准备,比如熟悉设计平台,了解文字基本操作等等,同时《网页设计与制作》又为它的后续课程《动态网页设计》、《javascript脚本语言》打下坚实基础。本课程的学习有助于学生学习本专业相关其它知识,提高学生的动手能力,提高学生将来从事实际工作的综合素质。

1.2 课程教育任务

通过调研,分析该课程今后面向的职业岗位群。学生将来主要面向企业、公司、事业单位和政府机关从事管理互联网信息,网页制作、网站设计、建设和维护工作。根据从事这些岗位要具备的知识、能力和素质及专业人才培养目标,定制了本课程的教育任务。通过本课程的学习,逐渐提高学生的审美能力,培养学生的动手能力、创新能力、一定的沟通技巧和团队合作技巧。通过学习本课程,学生具备:1)网站规划、创建及测试的能力;2)美化网页能力;3)考取相关行业证书的能力。

2 区分教学对象

网页设计与制作这门课程在我院电子商务、计算机相关专业都有开设。本课程包含的知识面非常广:网页基础知识、CSS样式表、Dreamweaver、flash 、Fireworks及HTML语言、 Javascript语言等。该课程对学生的动手能力要求也较高,要求学生学完本课程后能以团队协作的方式进行小型网站的开发。考虑到教学对象来自不同的专业,在课程设计时应根据不同专业的人才培养目标、各专业的特点、学生知识结构的差异,在教学内容的选取上要有区别,真正做到因材施教。比如计算机专业学生逻辑思维能力较强,有一定的编程基础,教学侧重网站开发,通过课程学习学生能熟练运用CSS样式表及HTML语言,且能利用Javascript编写一些网页特效。而文科类学生对颜色、布局及构图较敏感,有一定图像处理基础,对他们则侧重网页设计方面,通过本课程的学习学生能够设计较美观的页面,能利用动画软件创造生动、活泼的页面。

3 选取教学内容

教学内容应能适应行业技术的发展,选取以专项职业能力为导向,突出“学以致用”。在教学时应 “理论够用,重在实践”,不可过多的强调理论或使用过时的版本,否则学生容易产生厌学的情绪。

将网页设计和制作中必须的知识和技能分为两类:必修和选修,教学内容按模块设计,将知识和技能分为四大模块:网页设计基础模块、网页设计技术模块、网页美工模块、产品开发模块,每个模块都有相应的知识目标和能力目标,可以根据不同专业的学时及学生水平灵活选取教学内容。

4 改进教学方法

4.1 项目驱动教学

传统的案例教学法通过一些零散的案例让学生了解和掌握网页设计技术,这样的方式学生学习的比较被动,他们通常过于专注某个案例制作步骤或网页制作工具的操作,而忽视完整的网站开发与制作。而如果采用项目驱动的专题教学模式则能较好解决这些问题。

“项目驱动”是在研究教学大纲、课程内容、教学对象的基础上,选择难度适中,知识覆盖较广的项目。项目应作为一条主线贯穿整个课程,相关的学习活动都围绕这根主线进行。项目驱动教学突出特点是目标明确、操作性强、生动直观,易于能力的培养。

针对本课程,先设计一个总项目 ,再根据循序渐进的原则,分小项目进行教学 。把总项目分成若干小项目,再把小项目分成不同的子项目,子项目再分解成步骤。 通常以子项目为教学单位,划分层次如下:总项目小项目子项目步骤。例如,设计一个“畅想未来”的网站,这个总项目可以分解成多个小项目,单个页面可作为一个小项目,而该小项目又可分为版面布局、导航条制作、图片处理、动画效果等几个子项目。对于子项目教学过程,可按图2进行:

在具体教学实践中,可以让学生组成项目小组,根据具体项目的开发流程细化的制定出项目进度表,学生以小组为单位,分工合作完成。

以子项目为教学单位,教师可结合教学大纲,收集与设计符合开发进度的教学专题。专题应尽可能将课程大部分知识点覆盖,由若干个教学案例组成,先易后难;专题与专题之间要有联系,前后连贯,为完成一个完整的网站项目服务。例如,在项目进度到网页的排版与布局时,笔者收集了大量的排版与布局的案例,以专题的形式讲授如何利用表格、层、框架来制作流行的排版和布局模式,学生对于网页的排版和布局有了更全面、深刻的认识,改变以往教师单纯用知识点讲解,学生学得比较零散的缺点,有较好教学效果。

4.2 分层次教学

网页设计与制作是一门实践性很强的课程,学生的水平参差不齐。有些学生接受能力很强,能快速掌握并理解教师所授知识,并能在理解基础上有所突破,而有的学生接受较慢,要通过不断重复才能掌握,因此,要根据学生掌握水平及学生学习的兴趣、智力水平、恒心等这因素些来区分学生层次,给不同层次的学生提出不同的目标和要求,保持各个层次的学生学习网页设计与制作的积极性。

分层次教学时,需要注意几点:第一 不同层次的学生应该有不同的教学目标,不能按同一目标要求;第二 教学目标要充分发挥学生的主体地位。对基础比较差的学生,目标重点在于克服他们由于畏惧困难而引起的厌学情绪,利用有限时间让他们掌握最基本的操作;对一般学生,目标重点在于调动他们的学习积极性,使他们有新的发现和提高;对掌握较好学生,目标重点是使他们零散的知识更加系统性,在原有的基础上更好掌握这门课程;第三 对不同层次学生教学目标不是机械不可变动的。

分层次教学具体如何实施呢?

网页设计与制作每周在机房上机实践,分层次教学体现在对不同层次的学生安排不同的试验任务,让每个学生都有明确的任务,在给定时间内完成某些子项目。在具体教学过程中,可将这些子项目按由易到难分成不同的级别,不同层次的学生选择不同难度级别的子项目,鼓励学生在完成所选任务后尝试去完成更高层次级别的任务。如何鼓励学生能在完成自己能力范围内的子项目后向更高层次任务挑战呢?教师可在上机指导过程中,做到前后联系,对于学生每次的进步,给予及时的鼓励;教师可将每次上机试验学生做出来的作品拷贝,建立文件夹分门别类存放,对于不同层次的学生的作品给予评定,并对优秀学生和进步学生给予一定的奖励。

在课堂教学中,分层次教学体现在对学生的提问与交流上。由于课堂是在多媒体教室中进行,教师可从学生试验作品中选择不同难度层次的有代表性的作品,将这些作品展示在大屏幕上。由于作品均出自同学之手,大家会有很强的好奇心和兴趣,教师可根据这些作品激发学生的求知欲,由易到难,由浅入深,让学生在紧凑又轻松愉快的氛围中掌握网页制作知识,让大家体会到知识变能力的无穷乐趣,树立大家学习的信心。

4.3 专题讨论

虽然教师在设计项目进行专题教学时力求涵盖大多数知识点,但由于网页设计与制作技术发展迅速及教师个人知识结构和艺术修养的局限,总有些遗漏和不足的地方。因此,教师应最大程度的利用网络资源,弥补课堂教学的不足。比如给学生提供一些视频,介绍一些优秀的网站,开阔学生视野,增加他们的感性认识。可以组织学生按专题讨论分析这些优秀网站的创意、特点及使用的技术,在讨论中提高他们分析问题和解决问题的能力。

5 改革考核方式

网页设计与制作传统的考核方式是笔试+机试或上交作品的方式,这两种考核方式各有利弊。笔试+机试的考核方式可以了解学生对网页设计与制作理论知识掌握程度和对工具使用的熟练程度,但不能反应学生的综合应用能力;上交作品的考核方式能反映学生的动手能力,但反映不了理论水平且过程无法监控。笔者采用平时成绩(20%)+作品(20%)+分阶段考核(60%)方式,尽量使考试做到公平、可控,能全面真实的反映学生的水平。平时成绩主要是学生的到课情况、试验报告填写情况、实训设备保存完好情况等组成;分阶段考核方式主要是根据不同阶段学生子项目完成情况及最后期末机试组成,学生每次上机实践的作品均可用“极域电子教室”软件提交保存,这样每次学生子项目的完成情况教师均可查看,且能根据完成情况给定相应的成绩,这样各个阶段均可考核,弥补了只有最后一次上机考试不能全面反映学生真实水平的不足;学生最后上交的作品除了有作品外,还要有相应的日志,在什么阶段完成什么工作,用到哪些技术,如何实现某些效果等,而最后成绩的评定,主要通过专业教师与行业专家共同完成。

6 结束语

在网页设计与制作的教学过程中,依据教学目标,针对不同的教学对象,选择相应的教学内容,采用适当的教学模式和考核方法,注重课堂的互动,激发学生的求知欲、调动学生学习的主动性,从而提高学生分析问题解决问题能力及动手能力,能取得较好的教学效果。

参考文献

[1] 安颖莲.网页设计与制作课程教学设计与实践[J].中国教育信息化,2007(9).

第7篇：网页设计报告范文

1．1知识点孤立，教学效果较差

传统的网页设计课程是按照教材的内容，讲解HTML语言和DreamWeaver工具的使用。学生往往不能将所学知识联系起来。学期结束后，学生对整个网站的构建缺乏清晰的概念，提交的作品质量较差。在对学生进行期中课程质量问卷调查中，80％的学生都认为课程所学内容可以理解，但是当教师要求学生动手完成网站时，90％的学生都不能很好完成。这正是因为在传统教学中一般采用讲授法和实验法，一周2学时的理论讲解，2学时的实验课。教师按照教材章节进行教学并布置实验内容，这样就造成了学生只对单一章节知识的理解，难以将所学内容联系在一起。

1．2教材过时，影响教学效果

网页设计课程是一门应用极强的课程，技术和工具的更新换代较快。而与之矛盾的却是教材的出版周期较长，往往跟不上技术发展的脚步。例如，当前，DreamweaverCS6已经成为主流网页设计的软件，但是一些教材还停留在讲解Dreamweav－erCS3上，导致学生的兴趣不高，不利于学生创造能力的培养，违背了教学目标的要求。同时，按照教材的内容讲解也限制了教师的教学，目前高校中使用的网页设计教材分为两种，一种是基于理论性质的，单纯讲解HTML，一种是介绍Dreamweaver网页开发的。前一种不适合非计算机专业学生学习，内容比较枯燥，学生在没有计算机程序语言的基础上很难理解。一般高校对非计算机专业学生都选择使用第二种介绍Dreamweaver的教材，而该教材则会造成学生的开发水平较低，过度依赖工具，无法解决实际问题。

1．3教学方法单一，学生学习兴趣不高

对于公共课来说，学习兴趣是学生是否能学好课程的重要因素。对于计算机应用能力较差的非计算机专业学生来说，在学习网页设计这门课程时，如何提高学生的兴趣至关重要。传统的网页设计课程的教学采用2学时理论和2学时实验课的形式进行，学生缺少动手的机会，往往使学生对课程缺乏兴趣，这阻碍了学生的能动性与创造性的发挥。对学生进行调查问卷中，70％的学生都提出课程设置实验时间较少，应将课程都安排在实验室等问题，还有一些学生认为网页设计课程应以提高学生兴趣为出发点。这些都说明了学生对于增加自己实践机会的渴望。

2基于任务驱动的教学改革

任务驱动教学法是指在学习课程中，学生在教师指导下，根据学习内容完成任务的教学方法。任务驱动教学之下，学生具有较强解决问题的动机，对学习资源能够积极主动的应用，能够进行自主的探索与互动协作的学习，最终圆满完成课程指定的任务。它打破以往以传授知识为主的传统教学理念，建立以解决问题、完成任务为主的多维互动式的教学模式；并将再现式的教学变为探究式的学习，学生处于一个积极的学习状态，都能根据自己对当前问题的理解，运用所学知识与自己特有的经验提出方案来解决问题。任务驱动教学法是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中，学生还会不断地获得成就感，可以更大地激发他们的求知欲望，逐步形成一个感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的自学能力。

2．1任务的制定

根据网页设计课程的内容与特点，首先在学期开始时给出课程的总任务以及总的教学目标。课程的总任务是以小组为单位，选择教师给定的任务书中的网站题目，设计实现一个静态网站。总的教学目标是掌握设计网站的方法。（1）第一章是初识网页设计，教师会首先讲解几个静态网站的实例，让学生对所学课程有一定了解，之后讲解相关的概念和设计开发工具DreamweaverCS6；学生的任务是根据小组所选择的题目，在互联网中查找资料，书写开题报告。同时每组出一名学生向大家介绍本组的想法。（2）第二章是学习建立本地站点，教师会讲解建立站点的重要性，讲解相对路径和绝对路径，之后讲解如何建立站点；学生的任务是为自己的网站建立站点，预估网站的规模，添加相应网页并改名。（3）第三章是网页头部信息，教师讲解如何添加网页标题、关键字和说明；学生的任务是为站点中所有网页添加头部信息。（4）第四章是网页布局，教师讲解网页布局技术：表格、DIV、框架以及模板和库；学生的任务是对网站进行前期布局。（5）第五章是超级链接，教师讲解超级链接；学生的任务是制作导航栏。（6）第六章是添加多媒体，教师讲解添加图片、背景音乐、Flash、滚动栏等内容；学生的任务是准备网站中需要的图片、flash等资源，将资源添加至网页。（7）第七章是表单，教师讲解如何添加和设置表单；学生的任务是给网站添加注册页和用户登录。（8）第八章是CSS，教师讲解CSS的应用；学生对网站添加内部样式和外部样式表。（9）第九章是网站，教师讲解使用IIS在局域网中如何站点；学生的任务是相互网站，对其他组内容进行访问。课程内容讲完后，预留两周课程时间，学生对所做的作品进行整理、美化。课程结束后，小组为单位对作品进行展示和提交。

2．2考核方法与评分标准

网页设计课程总成绩由平时成绩和期末成绩两部分组成。其中平时成绩占总成绩的50％，期末成绩占总成绩的50％。平时成绩除了到课情况外，主要依据学生在组内的贡献、每期任务的完成情况以及整个团队的表现。与传统的成绩评定不同，该课程更注重学生的平时表现是否积极、是否有团队合作精神。期末成绩的考核包括提交的作品和学生的答辩情况，评分指标与所占分数如表3所示。提交的作品主要考察界面是否合理、美观，是否与开题所写的需求分析内容一致，网站是否能正常的显示以及配套的网站文档是否完善等。答辩模拟项目经理与客户的角色进行，教师提出问题，学生进行回答，查看学生的现场反应力与问题解决能力。

3总结

第8篇：网页设计报告范文

关键词关键词：计算思维；教学方法；考试方法；考试改革

中图分类号：G434文献标识码：A 文章编号：16727800（2014）002019703

0引言

《网页设计技术与应用》课程是 “数据库技术与网络技术”课程群（计算机基础系列课程）中的一门主干选修课程，主要面向非计算机专业二年级以上本科生。当前，互联网在人们的生活、学习和工作中的位置越来越重要，网页已经成为信息共享和传播的主要载体，该课程因其实用性强，受到了广大学生的欢迎，选课人数逐年增多。

这是一门集知识性、技能性与应用性相结合的课程，为了提高教学质量，培养创新型人才，有必要对课程的教学理念、教学方法，特别是考试方法等课程建设的多个方面进行研究、探索与改革。

1基于计算思维的教学理念

在信息化时代，计算机已成为日常学习、工作和生活不可或缺的工具。1972年图灵奖获得者Edsger Dijkstra（艾思科·迪克斯彻）曾经说过：“我们所使用的工具，影响着我们的思维方式和思维习惯，从而也将深刻地影响着我们的思维能力。”

计算思维就是运用计算机科学的基础概念进行问题求解、系统设计以及人类行为理解等涵盖计算机科学之广度的一系列思维活动，它是一种科学思维，与理论思维、实验思维一起构成了人类的三大思维。这种变化，对人们利用计算机分析问题、解决问题的能力提出了更高的要求，也对计算机基础教学提出了更高的要求。

与“数据库技术与网络技术”课程群建设的宗旨一致，《网页设计技术与应用》在教学中不仅仅是知识点的传授及网页制作技术的应用，更应注重计算思维的培养，在教学的各个环节以计算思维为切入点开展网页设计与应用的教学活动，培养学生的计算思维能力，使计算思维如同逻辑思维、认识思维一样，成为学生必备的能力，使学生学会在计算思维指导下分析问题、解决问题，能够更好地利用计算机这一工具对各种信息进行深层次的加工处理和表达。

1.1教学方法

《网页设计技术与应用》课程内容多，涵盖DreamWeaver网页制作软件、HTML语言、多媒体处理软件、数据库基础知识、ASP技术等多方面的内容，且各有特点。

比如：网页编辑软件的应用属于静态网页制作，而脚本语言的编程属于动态网页的制作，信息量大而教学课时较短，这就决定了不能使用单一的教学方法，应根据教学内容的不同而灵活采用不同的教学方法，以提高教学效率、保证教学效果。

（1）静态网页制作的教学内容侧重于各种应用软件的使用，采用案例教学法，通过优秀网页作品的展示，激发学生的学习兴趣；教师通过引导学生对优秀网页作品的分析、讨论，使得学生对网页制作的流程有整体性的了解，从而为学生对具体应用环节的学习打下良好的基础。

（2）动态网页制作的教学内容包括数据库技术与ASP技术的学习。这部分内容相对于许多非计算机专业的学生而言过于抽象，可采用基于问题驱动的实例教学法，提出与学生认知水平相一致的问题，激发学生解决问题的主观能动性，比如，在数据库技术的教学中，首先提出“如何将学生的个人信息有效地、安全地保存在计算机中”的问题，引导学生对概念模型、数据模型的主动学习。

教学方法的使用是为了实现教学目的——培养学生利用计算思维分析问题、解决问题的能力，因此在整个教学过程中都贯穿着计算思维的教学理念，案例教学法体现了“由整体到局部”的计算思维解决问题的方法，而在将现实世界中的信息转化为计算机世界的数据这一过程中则是“由具体到抽象”的计算思维解决问题方法的应用。在有效地培养了学生网页设计技术的同时，让学生切身感受了计算思维方法的应用，有利于学生对计算思维的领悟。

1.2考试方法

考试不仅检测学生学习成绩、了解学生学习状况、评价学生能力水平，更是通过信息反馈以调整教学内容、改进教学方法进而提高教学质量的重要途径。“网页设计技术与应用”是一门应用性和综合性很强的课程，涉及面广、概念多，对操作应用能力要求高，为了既能真实、有效、全面地反映学生掌握知识的程度，又能提高教学质量，教学过程的有效进行比考试结果更重要，本文特提出“多阶段、多元化”的考试方法。

（1）多阶段。所谓多阶段就是对学生学习情况考核延续在整个教学过程中，而不是仅仅局限在期末考核，多阶段的考核能够更加真实地反映出学生的学习状况。

（2）多元化。即不止一种考核方式，将理论知识考核与实践操作考核相结合，全面、客观地考查学生的知识掌握及应用能力，避免了单一成绩考核方式的片面性。

《数据库技术与网络技术》课程群已对计算机课程教学资源共建共享平台有了成熟的研究成果——开放式的教学平台系统，它突破了以往教学活动只能在课堂进行的限制，构建了开放式的教学网站，教学资源共享，学生不仅可通过计算机网络在线学习，还可参加开放式的无纸化考试，构建了全天候、无障碍的学习环境，“多阶段、多元化”考试改革将在该课程群的框架内有序地展开。

《网页设计技术与应用》内容多、课时少，为了既不减少课堂教学时数，又能在教学过程中顺利完成分阶段考核，将充分利用开放式的教学平台系统的无纸化考试来实施分阶段考核，分3次考核学生各阶段教学内容的掌握情况，通过阶段考试结果的信息反馈以调整教学内容、改进教学方法，确认学生对每个知识点的正确理解，以保证本课程教学工作的顺利进行；期末的网站项目建设则注重对学生在计算思维的指导下综合运用本课程所学知识进行分析问题、解决问题的实践能力考核。如表1所示，学生的最终成绩将按3阶段考核成绩各占20%，期末的网站项目占40%的比例进行合成，全面、客观、有效地反映出学生该课程整个学期的学习水平。

2课程考试改革方案设计

2.1考试改革目标

《网页设计技术与应用》课程考试改革的目的是以计算思维为导向，促进学生掌握网页设计技术理论知识和熟练应用所学知识进行网站开发的实践能力，课程的考试改革以《网页设计技术与应用》课程标准所规定的知识和能力要求作为考试的主要内容，根据本课程特点，以“多阶段、多元化”的考核方式，实现对学生学习全过程的督促与考核，客观完整地评价学生的学习效果，通过各阶段考核结果，教师不断改进教学方法，持续调动学生的学习积极性和主动性，进而达到全面提高教学质量的目的。

2.2改革总体思路及特色

教学过程的有效进行比考试结果更重要。课程考试不仅仅要客观地反映学生的学习水平，而且应该充分发挥其在教学过程中的督促与引导作用。如何让考试对教学过程起到促进作用，一直是教育工作者着力解决的问题。计算思维在面对复杂问题的解决中采用模块化的方法，即将复杂的问题分解为各个较为简单的子问题，每个子问题就是一个模块，各个模块问题的解决即导致所有问题的解决。《网页设计技术与应用》课程的“多阶段、多元化”的考试改革正是这一计算思维方法应用的具体体现，将考核分布在整个教学过程中，实时监控，以求客观、真实地反映学生的学习状况，根据各阶段考核的反馈信息，进行“教”与“学”两方面的调整，以确保教学活动的有效完成，提高教学质量。

《网页设计技术与应用》课程考试改革是以计算思维为指导、以网络技术为依托，对传统的一考定终身的考试方式的改革，它与整个教学环节同步，注重对教学过程的监测，有利于学生在不同阶段对所学内容的查缺补漏，也有利于教师了解学生的学习状况，及时调整教学方法，以保障教学过程的顺利进行。

2.3考试改革具体办法

《网页设计技术与应用》课程的“多阶段、多元化”考试改革建立在开放式的教学平台系统上，这是一个经过多门课程检验过的成熟的教学平台，既可通过教学资源共享进行在线学习，又可实施开放式的无纸化考试，庞大的题库和自动阅卷系统，为本课程的考试改革提供了有力的保障。

依托开放式的教学平台系统，实施课程的考试改革，要实现对教学过程进行监控，要抓好题库的建设以及考试内容的合理构成，应依照以下3方面有步骤、有计划、有序地进行。

（1）题库的建立。题目是教学内容的反映，题库的建立在本课程的考试改革中尤为重要，首先需要收集大量的、各种类型的题目，再对题目进行审核，以确保题目能够客观地反映教学内容，与网页技术的发展同步，同时还必须对题目进行分类，按教学内容的重点、难点和基本知识点进行标识，方便后续的组卷工作。

开放式的无纸化考试要求题量必须巨大，学生平时可在课余通过此教学平台访问试题库进行课堂教学内容的复习，如果题量少，那么阶段考试结果就不能真实地反映学生的学习水平，因此，必须持续地对题库进行维护和更新。

（2）考试内容设计。要实现阶段考试在教学过程中的引导、评价、反馈和激励作用的目的，就必须合理地进行考试内容的设计。《网页设计技术与应用》教学内容多，一张试卷不可能对所有教学内容面面俱到，应该根据教学内容的重点、难点和基本教学点进行取舍，力求能测试出学生真实的学习状况，并能起到督促学习的作用。

一般而言，在阶段考试中，重点、难点和基本知识点在一张试卷中的百分比分别为40%、20%和40%，因为重点和基本知识点构成了教学内容的主体，因此两者所占比例为80%，而最后一次的阶段考试，基本上所有教学内容已经学完，教学重点、难点和基本知识点在一张试卷中的百分比分别调整为40%、10%和50%，之所以前2次的阶段考试中难点题比重较大，意在督促学生重视学习，适当地加重难点的考题比重，提醒学生学习不要松懈。

多元化考试除了网上无纸化考试以外，还有对学生网页设计能力的考核。在该阶段的考核中，要求学生自己选择一个主题，利用所学知识和技术开发一个网站，学生可独立完成，若网站功能过于丰富，可以团队形式完成。无论何种方式均须通过相应的方式将网站上传到Web服务器上，同时完成实践报告。

本实践考核的完成时间并不局限于课堂，学生也可以在课后完成，这就使得学生有足够的时间进行创意设计、寻找素材，同时也可以通过多种渠道完善自己的作品，比如向同学征求意见、在网上咨询等。总之，这个阶段对于学生知识的巩固和技能的提升是大有裨益的，同时也可以充分发挥学生的主动性，锻炼学生动手能力，培养求异思维。本实践考核成绩的评定依据网站使用工具先进性、主题表现的新颖性、界面设计的艺术性、实现功能的完善性和实践报告的完成情况5个方面来评分。

（3）教学过程监测实施。《网页设计技术与应用》课程的“多阶段、多元化”的考试改革重在对教学过程的监测。教学过程的有效进行，说明“教”与“学”双方间的信息传递顺畅，学生只有及时接收并理解了教师所传授的信息，才会愿意继续接收新的信息，这样良好的教学过程就会一直持续，教学质量自然得到了保证。如图1所示，每次阶段考试后，教师需要分析考试结果，一旦在阶段测试中发现学生成绩出现较大波动，说明信息传递不畅，可以立即启动督导模块，所谓督导模块，即检讨教学情况，探明原因，及时调整教学进程，从“教”与“学”两方面加以改进，教师改进教学方法，学生改进学习方法、端正学习态度，保证“教”与“学”间信息的有效传递，这样，在最后阶段的网站建设的实践中，学生自然有能力在规定的时间内完成，学生的学习质量得到了很好地保障。

本课程的考试改革所依托的开放式教学平台是个成熟的开放式教学系统，功能丰富、实用性强，建好题库后，即可按要求组卷，还可以机器阅卷，提高了教师的工作效率，确保教学过程监测的顺利实施。

3结语

教学过程的良好进行才能使教学质量得到保障，《网页设计技术与应用》的“多阶段、多元化”的考试改革注重对教学过程的监测。在今后的教学实践过程中，我们还将进一步完善“多阶段、多元化”考试改革的内容及方法，切实达到“以考促教、以考促学”，全面提升教学质量，培养具有计算思维的创新型人才的目的。

参考文献：

[1]陈国良，董荣胜. 计算思维与大学计算机基础教育[J].中国大学教学，2011（1）.

第9篇：网页设计报告范文

【关键词】翻转课堂；混合式学习；《网页设计与制作》课程；教学模式

近年来，由于信息技术和网络技术的不断发展和普及，涌现出了混合式教学、慕课、微课、翻转课堂等基于信息技术和网络的教学新模式及资源新类型[1]，为传统的教学模式带来了机遇和挑战，如何在“互联网+”时代实现信息化教育与传统教育优势互补是摆在一线教师面前的现实问题。基于翻转课堂的混合式教学是现今教学改革与实践的热门课题，为传统教学模式改革、数字化教学资源建设、创新性教学评价提供了技术支持与资源保障[2]。

一、基于翻转课堂的混合式教学模式简述

基于翻转课堂的混合式教学模式，是将翻转课堂和混合式学习进行有效整合、优势互补的一种新型教学模式。新媒体联盟和美国高校教育信息化协会共同的《地平线报告2016高等教育版》把翻转课堂视为高等教育领域一年内投入使用的技术，也是最常用的混合式教学模式之一[3]。

二、构建基于翻转课堂的《网页设计与制作》课程混合式教学模式的优势

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

《网页设计与制作》课程是计算机专业、电脑美术专业及其他相关专业学生必修的一门应用性和操作性都很强的课程，同时也是一门极富创造性的课程。通过本课程学习，学生要了解网站的类型、、推广的方法；掌握网页素材的获取、网页布局、色彩运用、网页特效的应用原则和技术实现；掌握使用Dreamweaver、Flash、Photoshop、Fireworks等多种工具制作网页的操作过程。教学上存在如下困难：1.传统教学模式效果不佳。传统教学模式犹如“鹦鹉学舌”，以教师为中心，教师讲学生听；讲练结合是最常用的教学方法，教师演示完成什么练习案例，学生“依葫芦画瓢”完成什么案例。学生缺少动脑思考的过程，很容易忘记所学知识，更无法做到将所学知识活学活用、举一反三地解决现实问题。2.学生的个体差异较大。学生的个体差异主要体现在两个方面：一是学习能力问题。有的学生接受知识的能力快，有的学生就会“慢上半拍”；二是学习进度的差距。丰富的网络资源为那些对网页感兴趣的学生提供了便利的学习机会，这就造成了课堂教学时学生之间的学习进度差距。3.网页中使用的软件工具较多。网页制作中涉及的软件有Dreamweaver、Flash、Photoshop、Fireworks，只有相互配合使用这些软件，才能制作出图文并茂、具有吸引力的网站。4.考核方式单一。网页设计需要一个过程，学生要发挥想象力去构思自己的特色网页，要花时间去查找网页中要用到的图像、文字等资源，还要用表格、框架、CSS+DIV等布局方式制作出网页，这些绝不仅仅是一个笔试或是一个90分钟的考试能完成的。

（二)《网页设计与制作》课程采用基于翻转课堂的混合式教学模式的优势

1.有利于提高学生自主学习的能力。翻转课堂要求学生依据教师布置的导学案清单，课前自行观看教学视频等教学资源，完成对新知识点和概念的自主学习，记录自学过程中的难点和疑点，学生的学习更加主动和个性化。2.有利于激发学生的学习兴趣。翻转课堂对学生的学习过程进行了重构，学生在课前就接收了知识，通过短小的视频和言简意赅的语言，将知识碎片化，将抽象的理论通俗化，教师能够提前了解学生的学习困难，并在课堂上给予有效的指导，知识的吸收内化是在课堂上通过师生、生生互动来完成，极大地激发了学生的学习兴趣。3.有利于自由碎片化学习。学生可以在相对自由的时间里，利用碎片化的时间完成翻转课堂的课前学习，学习的自觉性明显增强。4.有利于巩固、强化、内化知识。由于学生的个体差异，不可能所有人都能跟上学习进度，学生可依据自己的实际需求，对于没有消化的知识，可通过师生互动交流和反复学习教学资源，直到达到巩固、强化、内化的目的为止。

三、基于翻转课堂的《网页设计与制作》课程混合式教学模式

（一)实施条件

1.学校方面。学校有良好的数字化校园信息平台，有丰富和优质的微视频等教学资源，为翻转课堂的实施提供了支持和保障。2.学生方面。现在的学生多是互联网的原住民，上网对他们来说就和呼吸、吃饭、睡觉一样重要，网络伴随着他们成长，是他们生活中不可或缺的一部分。他们习惯尝试新鲜事物，习惯碎片化阅读，习惯自由主动地接受信息[4]，学生的这些特点，有利于翻转课堂的顺利实施。3.课程方面。《网页设计与制作》课程具有很强的实践性和创造性，与翻转课堂广泛采用的研讨式、项目任务驱动式学习模式相吻合[5]，适合采用翻转课堂教学模式。

（二)教学模式设计及实施

在良好的数字化校园信息平台的支持下，基于翻转课堂的《网页设计与制作》课程混合式教学模式，主要包括课前、课中和课后三个前后关联的部分，采取线上为主、课堂为辅的混合式教学，如下图所示。以2课时的“CSS+DIV”布局网页为例，介绍课程的实施过程。1.课前。教师依据学生实际，结合教学大纲要求，合理设计导学案清单、制作微视频、搜集相关学习资源并给学生,导学案清单如表1所示。导学案清单中应列出让学生学习的资源、完成的任务，告诉学生学什么、怎样学；做什么，如何做；交什么，怎样交。学生依据教师的导学案清单，浏览相关在线学习网站，完成对视频的观看，初步掌握所要学习的知识点和技能，完成相关任务。自主探究过程中遇到的难点、疑点，可通过QQ、微信、邮箱或校园在线等网络工具与教师或同学进行探讨，也可记录下来，在课堂上请教师答疑。2.课中。此阶段是对课前自学的知识进行高效内化的阶段。教师根据课前学生的提问、任务完成情况等反馈的信息精心设计教学活动，设计合适的任务，引导学生进行自主探究或协作学习。在这个过程中，学生是教学活动的主体，积极主动地接受知识，教师则扮演着组织者、设计者和引导者的角色，教师需要给学生适当的引导，鼓励学生积极思考，并解答学生在探究或协作学习中遇到的问题。过程如下：首先，以小组为单位展示课前完成的任务，进行汇报，汇报过程应重点说明遇到的难题、解决的方法以及任务的完成过程。其次，小组互评和教师点评，相互讨论交流，进而改进课前任务完成的不足，完善作品。然后，教师将重、难点进一步深化，并提出新问题、布置新任务，如表2所示。最后，小组互评和教师点评，相互讨论交流，完善作品。3.课后。根据学生的实际学习情况，合理布置课后作业，特别是能进行动手实践的技能拓展类任务，让学生利用课后复习加强实践来巩固所学知识点，促进知识或技能的固化甚至升华。教师需要在课后对教学资源、教学设计中的问题进行反思，分析学生的学习情况和作业完成情况，并将反思和分析的结果作为后面课程设计的依据。课后作业布置如下：1.使用“一列固定宽度居中，且与两列固定宽度相结合”的方式布局网页，整个页面在浏览器中居中对齐，当光标经过左侧导航栏超链接所在的块时，超链接背景色和超链接文字颜色发生变化。2.使用“一列固定宽度居中，且与两列固定宽度相结合”的方式布局网页，整个页面在浏览器中居中对齐。实践证明，在《网页设计与制作》课程实施基于翻转课堂的混合式教学模式总体上是成功的，主要体现在：学生都能顺利完成课前、课中和课后的学习和考核；教师能比较圆满地完成课堂教学任务和辅导学生线上学习的任务。师生对基于翻转课堂的混合式教学模式总体上是满意的，并积极寻求进一步提高和改进的办法。

四、结语

基于翻转课堂的混合式教学模式充分体现了“以学生为中心”的教学理念[6]。教学过程分为课前、课中和课后，使得教学活动连贯有序、互相配合、互相促进、相得益彰；师生间的互动频繁，使得教师真正了解学生的内心需求，不但有利于教师合理设计教学内容，更有利于培养学生养成自主探究学习的好习惯。不过，教学模式的改革，不仅仅需要个人的实践与探索，更需要所有任课教师的支持与行动。只有全体教师积极行动起来，才能将基于翻转课堂的混合式教学模式切实落实下去，也才能将基于翻转课堂的混合式教学模式的优势发挥出来。

参考文献：

[1]方义桂.混合式翻转教学模式对高职院校外语师资的要求及建设策略[J].职教论坛，2016,(26):17-20.

[2]张欢.基于微课的翻转课堂教学模式研究:以高职英语写作为例[J].商业经济，2016,(9):154-156.

[3]金慧，等.新媒体联盟《地平线报告》(2016高等教育版)解读与启示[J].远程教育杂志，2016,(2):3-10.

[4]杨欣.基于慕课的《思想道德修养愈法律基础》混合式教学改革模式探索[J].产业与科技论坛，2016,(19):127-128.

[5]张爱民，冯冬艳，相景丽.高职“计算机应用基础”翻转课堂教学设计探析[J].网络化与数字化，2016,(10):89-94.