前言:中文期刊网精心挑选了网页优化方案范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。

网页优化方案

网页优化方案范文1

【关键词】网页设计与制作 教学目标 教学内容 教学方法

随着互联网的迅速发展与普及,越来越多的单位、部门以及个人利用网站进行信息的、互动和交流,当我们尽情享受网页的便利时,我们是否会赞叹精彩的网页是如何制作出来的?这是网页设计与制作课程的教学内容,是高职院校中的一门具有较强综合性、实践性的实用课程。通过本课程的学习,使学生掌握网站设计与制作的全过程,学会使用制作网页的软件,具备网站规划与建设的实践操作能力,能独立制作出具有专业水准的网站,达到知识和技能两方面的共同提高。

大部分学生对网络、网站和网页等概念都已有了初步认识,对自己动手设计网页,建立自己的个人网站有浓厚的学习兴趣。因此,借助良好的学习动机,寻求合适的课程优化方案,是帮助学生掌握好该门课程的关键。

一、高职《网页设计与制作》课程教学现状

《网页设计与制作》是我校计算机网络技术专业的一门重要基础课,它对培养学生的网站规划、静态网站设计、网站的与维护等专业能力和方法能力承载着巨大的重任。课程内容繁多,但易于理解、自学,实践性较强。目前,高职《网页设计与制作》课程教学大多仍采用“讲授为主”的教学现状,这种教学模式在实施过程中存在以下不足:

(1)教学内容偏多、零散,重知识、轻应用,导致学生眼高手低,做不出东西。虽然学生能熟练应用Dreamweaver软件,但是不能独立地进行网站的规划与建设。“重知识、轻应用”的模式直接导致“重技术、轻设计”,使得学生眼高手低,无法独立完成网站的设计与制作,与社会需求脱节,从而降低了课程的实用性。

(2)教学方法单一,无法满足不同水平学生的个性化需求。《网页设计与制作》课程一般在我校的大一下学期开设。对于这部分学生,其认知水平、学习风格和学习习惯已初步成形,课堂教学方法面对不同的教育对象都是“一视同仁”,难以满足不同水平学生的需求。

(3)教学模式以讲授为主,阻碍了学生的课堂自主活动。传统的教学模式中,教师是教学活动的主体,是知识的传授者,而学生则处于被动接受老师灌输知识的地位,缺乏自主活动,久而久之则会导致学生思维的依赖性,抑制学生自主学习和批判思维能力的发展。

(4)考核方式机械化,无法准确衡量学生的实际水平。传统的考核方式一律采用闭卷考试,而对这门实践性很强的课程来说,非常不适应,重视了学生对书本知识的记忆,缺忽略了对能力的考核,无法全面体现对课程知识的掌握程度和综合运用能力。

二、课程优化方案浅析

(一)优化教学目标

首先提出总体目标,培养学生的网站的规划、网页效果图的设计与制作、网站的设计、网站的与维护等专业能力和方法能力。使学生掌握商业网站的开发和流程,并能独立进行操作,在就业时能够成为一个合格的人才。然后细化为素质目标、知识目标、能力目标。

(二)优化教学内容

该课程涉及的知识点比较广,目前主要以《网页设计与制作》作为教材,其内容包括网页设计软件Dreamweaver和图片处理软件Fireworks,如果按照教材设置的顺序分别讲解,所需课时远远不够,许多教学内容只能点到为止。

针对上述情况,根据教材特点,以知识点为突破口,以综合的案例为主线,具体内容如下:

Dreamweaver部分包括以下单元:基础知识部分;创建站点、页面编辑和超链接;页面布局;页面美化(CSS样式表设置);

Fireworks部分主要包括Fireworks工具介绍、位图和矢量图形的区别以及利用Fireworks制作网页LOGO。

(三)优化教学方法

为了提高《网页设计与制作》课程的教学效果,我们采用了多媒体计算机教学方式,极大地激发了学生的学习兴趣,通过当堂演示网页效果,将传统教学活动中的被动学习变成有选择性的积极主动的学习,从而大大提高教学效率和教学效果。另外,在多年的教学过程中,摸索出了以下几种比较有效的教学方法。

案例教学法是一种启发性、实践性的教学方法。在整个教学过程中,教师扮演着导演的角色,从案例的挑选,问题的提出、讨论过程的控制到讨论结束的总结,都必须精心地安排。对网页案例的引用要自然.切入要平缓,这需要在筹备时精心构思案例的引入方式和引入时机。

分层次教学法是根据学生掌握水平的发展和学生对网页设计学习的信心、兴趣、智力水平以及内在潜力等一些软指标来区分学生层次,在不同的教学阶段给不同层次的学生在具体学习目标上提出不同的要求,能保持各层次学生学习网页设计的积极性,并在各自的基础上发挥特长,使基础的巩固和个性的发展达到和谐统一。

(四)优化考核方法

传统学生成绩评定主要包括:平时成绩、考试成绩。其中平时成绩已出勤情况、作业、课堂表现和实验为主,但在实际操作中,存在作业抄袭、实验报告拷贝等现象,无法对学生做出客观、公正的评价。为此,我们改变传统的成绩评定模式,加入成果汇报、小组讨论等作为评估项,从而使得对学生的评价更加客观、准确。

三、结束语

上述课程优化方法在实际教学中取得了很好的成绩,培养学生独立分析问题和解决问题的能力,提高学生的项目开发能力,大大改变了《网页设计与制作》课程的教学现状,取得了良好的教学效果。从而达到了使学生的职业能力和通用能力都有了不同程度增长的目的,为他们的就业打下了良好的基础。

参考文献:

[1]程伟.中职《JavaScript网页开发》课程教学研究[J].才智,2010,(16).

[2]郑宇.Java语言成学设计课程教学改革和探索[J].计算机教育,2008,(8):.

网页优化方案范文2

关键词:分页用户体验.net框架mootools库

1 web分页原理

随着web前后台技术的发展,越来越多的分页技术被采用。特别是近几年来afax技术的提出,异步存取理论逐渐被开发人员接受,它给数据分页技术带来了新的思路。本文先对常见的web分页方案的优缺点进行分析,之后借助于.net平台给出一个基于mootools库数据分页的例子。

分页的基本问题及解决方案:从请求发起到返回数据的整个过程。在sol语句处理完毕后.数据库服务器、web服务器和浏览器都能进行分页,在何处分页是一个关键问题。web程序的判断的最重要标准是速度,数据库服务器,web服务器和客户端之产是网络,在网络速度一定的情况下,如果网络传递的数据最越少,则客户端获得响应的速度越快。传统分页模式.数据库服务器和web应用服务器的处理能力一般比客户端要强,基于此点传统分页方式抛弃客户端分页的方案,剩下在web服务器端分页和在数据库端分页两种方式,如果选择在web服务器端分页,大部分的将被过滤掉的数据还是被传输到了web应用服务器端,加重了web应用服务器与数据库服务器之间的负担。所以分页的选择通常是在数据库执行查询选出合适的数据(通常是借助于存储过程),然后进行其他操作。每次页面娃示时只在web服务器中加载指定页数据,占用资源较少,此方案可应用于数据量较大的场合。但由于数据库和web服务器问的通讯及贞面刷新延迟等原因,用户在不同页面间切换时有刷新延迟现象,特别是当数据量报入或页面变复杂时尤为明显。

2 改进的分页原理

本文提出的利用ajax技术实现分页与前文提出分页方案并不矛盾而是一种增强,特别之处是我们并不抛弃客户端的分页方案,先利用存储过程取出指定页的数据到web服务器,然后将其数据序列化为json格式并发送到客户端,客户端脚本程序将数据显示在客户机页面上。这种方案客户机和web服务器间由于不存在相同html代码的重复获取,通讯量很少,客户端实行的局部刷新,所以延迟非常小,成为相对理想的web分页方式。采用这种方式虽然ajax实现较传统方案复杂,但能做到数据库服务器、web服务器以及客户端网络宽带占用量最少。虽然占用了一些浏览器资源,但客户端计算机资源相对闲置资源较多,利用起来可以更好的服务于用户,尽量减少用户的操作延迟时间。

3 本文用到的相关技术

mootools:

mootools是一个简洁、模块化、面向对象的开源jnvascript web应用框架。它为web开发者提供了一个跨浏览器js解决方案。在处理js css html时候。它提供了一个比普通js更面向对象的document api。它有以下优点: 1、灵活,模块化的框架,用户可以选择自己需要的组件。2、mootool s符合00的思想,使代码更强壮,有力,有效。3、高效的组件机制,可以和flash进行完美的交互。(core、c1ass、natives、element、fx、requests、window)4、对于dom的扩展增强,使开发者更好的利用document。基于上述优点,用mootools框架能大大减少ajax思想实现的复杂度。

json数据格式:

json(javascript 0bject notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。js0n采用完全独立于语言的文本格式.但是也使用了类似于c语言家族的习惯。这些特性使js0n成为理想的数据交换语言。它能最大限度地减少ajax通讯的数据量,有利于提高响应速度,所以当前js0n格式在ajax数据传输中被大量的运用。

4、具体实现

本文使用.net 3.5 framework、c#、sqlserver 2005、mootools 1.2.02:具实现一个分页留言板(留言部分略)。分三步实现:web服务器读取数据库生成json格式数据;web服务器处理客户端请求并输出json数据到客户端;ajax客户端的实现。其中第三步为本文的重点。

web服务器读取数据库生成json数据格式

首先利用getpagedate调用存储过程提取数据库中本页需要的信息.之后借助于jsonobject、jsonarray对象实现由dataset到json数据的转化。基于篇幅,文中忽略了读取数据库的代码。

web服务器处理客户端请求并输出json数据到客户端

当浏览器通过js代码请求需要的页面信息时.后台通过调用processrequest方法,把前一步生成的json数据发送到客户端.为ajax客户端程序提供数据。

网页优化方案范文3

对于有16年开办历史的美国国家档案网来说,改变并不是一件稀奇的事情。1996年,美国国家档案网首次公开以WWW.nara.gov的域名开通运行。2001年,美国国家档案与文件管理署成立了专门致力于网站发展工作的网站项目工作组。为增加机构的社会认可度,并推出“美国档案数码宝库体验”及“加入签名者”等服务项目,工作组设计并申请了新的域名,现有域名archives.gov正式取代原有域名并运行至今2002和2005年,美国国家档案网相继进行了历史上的第一次和第二次改版。本次改版是其开通历史上的第三次。每一次改变后,网站的外观风格、内容设置及技术手段都有更贴近时代的耳目一新感和易于操作的方便实用感。改版已经是美国国家档案网站自身发展和与时俱进的一种方式。

外观设计的简单大方

新版美国国家档案网,以上下两栏布局的首页界面,取代2005年第三版左中右三栏布局的首页界面,并一改旧版首页导航入口众多,主次不分、令人眼花缭乱的界面格局。改版后的网站首页界面上方用大图的方式显示包括“档案研究”、“退伍军人服务档案”等5个用户点击率及关注度最高的主要入口页导航。首页界面下方则分门别类地显示其他网站页面导航。这些导航按照其所涉及的内容被分为信息类、出版物类、组织机构类、用户意愿类、资源类、交流类及网站介绍类几大类。同一类下的导航使用竖版布局的方式排列,类与类之间则使用横版布局的方式。为了更经济地使用首页界面,新版美国国家档案网首页在中部空白处和顶部分别设置了近日新闻的滚动条及网站搜索引擎。

在色彩的搭配上,改版后的美国国家档案网各界面以白色、浅天蓝色为背景色。首页五个主要入口导航图片分别使用暗灰、暗蓝、暗绿、暗红、暗棕。通过组合使用这些古典色系打造出一种多彩的视觉冲击,从而隐现一种集现代感和历史感于一体的机构形象。

这种简单大方的首页外观设计,使得美国国家档案机构的门面带给访问者更为现代化的视觉享受。

资源组织的有序

这种有序首先体现在各资源导航的流线型设置上。以新版美国档案网主入口页之一“档案研究”为例,该栏目是专门为研究者服务的资源性栏目。其首页以图文并茂的形式,列出了所有可能对用户有用的关于研究的导航,包括“在线搜索工具”、“个人研究”、“档案研究新手”、“专题研究”、“族谱研究”等。这些导航以板块结合、图文并茂的方式,纵向陈列在“档案研究”栏目的首页。主导航下若有子导航,则自上而下排列于主导航标题下方。如在“检索工具”导航图标右下方,以条款的方式设有“在线研究工具和在线搜索路径介绍”、“档案研究目录”、“档案检索数据库”、“联机公共检索”、“查看联邦文件”几大检索工具导航。在美国国家档案网的其他资源性页面,导航之间的这种流线型设置比比皆是。不管是从结构设置的逻辑关系上还是从布局上看,这种流线型设置均给人以一目了然的清晰感。

页面信息的清晰结构体现了新版美国国家档案网资源组织的另一种有序。以“档案研究”栏目下“档案研究新手”页面的信息内容为例,该页面信息结构被分为“新手研究步骤”、“档案没能全数上网的原因”、“国家档案网上的文件”三个部分。为了用户以最快速度明确各部分的核心内容,过滤不需要的信息,网站编辑人员将每部分的中心思想另起一段,用加黑加粗的字体表现在各部分的顶端。这种内容组织形式广泛存在于新版美国国家档案网的其他信息页面上。

页面资源流线型的导航设置及信息内容更为有序地组织,有利于密切资源之间的有机联系,有效引导网民访问。

人性化的联机公共检索系统

新版美国国家档案网在网站原有检索工具的基础上,全新推出了先进的联机公共检索系统(Online Public Access),此系统表现出三个较为人性化的特征:

(一)一站式搜索

在旧版美国国家档案网中,检索工具包括四大项:站内网页检索、“档案研究目录”检索(ARC),“档案数据库检索”(AAD)及“电子文件档案”(ERA)。访问者需在这些检索工具中分头寻找,才能搜罗全部包含在美国国家档案网数据库中的相关资源。

新版的美国国家档案网联机公共检索系统数据库,囊括了包含在原四大检索工具数据库中的1190万永久电子文件和美国国家档案网的所有网页信息资源。用户登录“联机公共检索系统”界面,在搜索栏中输入想要查找的内容,通过一次搜索的方式,就可以完成对包含在原四大检索数据库中的各种数据资源的即时搜索,不用像往常那样穿梭于各大检索工具中重复劳动。

在搜索结果中,相似的数据元素被汇总起来,并按照类别对号入座。比如,可供浏览和下载的归档文件联机副本出现在首选组“联机馆藏”;最新归档的还未上网的档案副本目录记录被归人“仅有描述”组;来自“NARA”主网页及档案网的网络页面出现在“档案网”组;有关历史和传记类的编研成果则出现在“国家档案与文件署授权档案”组。

这种一站式搜索的方式被美国国家档案网呢称为“流线型的检索体验”,体现了一种高效及用户友好的原则,即节约了网站访问者的精力和时间,又使其对所查资源的类型一目了然。

(二)残障人士可用

按照美国《康复法案》(1998年修订版)第508章“电子信息技术”中,关于“软件和计算机设备的安装和连接需要有易于残障人士访问的配置”等相关规定。全新改版的美国国家档案网联机公共检索系统,针对老年人、残疾人和其他难以正常操作电脑程序的残障人士,设计了一些便利其访问的功能。这些功能包括:

1.―对多关联设置。在联机公共检索系统每个具体页面的左上方添设了“―对多关联”链接,使用者可以通过这些链接很快掌握此页内容和导航结构。这个设置特征有助于使用屏幕放大器(弱视)、语音浏览器(盲人)、小屏幕的残障人士使用。

2.文本大小可调。残障人士可以在装有“Internet Explorer v7.0或v8.0”、“Firefox v3.5,x或v3.6.x”、“Chromev5”等软件的电脑中,通过特定设置,根据需要选择文本大小,来浏览联机公共检索系统所呈现的资源。

3.键盘控制功能。无法正常使用鼠标的残障人士,在装有“Windows MediaPlayer Firefox Plugin”程序的机器上,可以通过按需要自由使用键盘控制功能来操作联机公共检索系统。

4.无障碍网络应用。为了给残障人士提供可访问的用户体验,联机公共检索的界面还使用了无障碍网络应用“WAI―ARIA”万维网联盟的网络标准,来强化支持动态可视内容的可访问性。在安装有Internet Explorer 8及升级版、“Firefox3”及升级版的电脑上,残障人士可以用特定的方式,享受联机公共检索系统提供的动态可视资源。

(三)智能化检索

这种智能化首先表现在优化检索结果上。在旧版美国国家档案网检索系统中,用户在使用搜索功能时如果发生输入内容排序错误或拼写错误,搜索结果往往为零,造成重复劳动的情况。联机公共检索系统在设计上一改之前的这一痼疾,通过置入关联词,以改善检索结果。即使发生键入内容排序错误或拼写错误的情况,检索结果中也会智能化的跳出资源库中与搜索词条相关的词条内容,并用朴实化的语言引导用户“您是这个意思吗”,也许在这些结果中,就有用户想要查找的资源。

优化呈现方式是智能化检索的另一突出表现。在旧版美国国家档案网中,数据展示和摘要都以默认的方式忽略了电子副本,搜索结果中的电子副本往往置于非突出位置。在全新推出的联机公共检索系统中,电子副本被置于正前方中心的突出位置。如果搜索结果中有这些电子副本,用户又想立刻目睹它们,这些电子副本的第一页便会以大图显示的新方式置于展示屏幕的正前方中心。用户可以使用前一页,后一页的按键在分页式浏览器中看到该资源的全部数字副本。

以上三个特征,使美国国家档案网全新推出的联机公共检索系统更友好,更人性化地为网民服务。

现代化的“增值”服务

为了便利用户使用美国国家档案网各项服务,使档案更广泛地发挥其社会作用。改版后的美国国家档案网在基本服务项目之外,开通了一些“增值”服务功能。这种“增值”主要是指档案社会价值的增值,而不是指金钱方面,因为目前美国国家档案网推出的两项“增值”服务――无线上网和移动应用――都是免费的。

无线上网的服务内容包括:已在美国国家档案与文件管理署登记注册的研究者,可以在位于华盛顿特区的美国国家档案馆第一馆和位于马里兰州大学园区的美国第二国家档案馆指定区域中免费享受无线上网服务。此举为前来美国国家档案馆从事研究工作的研究者提供了更为便利的研究环境,使研究者在对美国国家档案馆馆藏进行研究的同时,足不出户就可以查找馆外网上资源,以共同对照研究。

目前美国档案网推出的移动应用服务仅限于“今日档案”栏目的资源。“今日档案”在美国国家档案网所有栏目中受社会公众关注度首屈一指。其下的资源由从美国国家档案馆馆藏中精选的365份珍贵历史文件及介绍组成,这些档案的产生日期和一年365天的日期相对应。新版的美国国家档案网通过和“苹果电脑音乐商店”(iTunes Store)及“机器人集市”(Android Marketplace)等程序应用商合作,推出了“今日档案”

iTunes Store版和Android Marketplace版,该软件在Android marketplace及the AppleiTunes Store的网站上可以下载。通过下载iTunes和Android的相关软件,便可在安装有iTunes程序或Android程序的手机、平板电脑、桌面视屏设备及电子书阅读器中免费浏览“今日档案”栏目的资源。此举是美国国家档案与文件管理署档案资源通俗化和现代化的重要一举,可以方便网民在休闲娱乐的同时,通过“今日档案”栏目推出的365份精彩文件及图像概览美国历史,了解在生日那一天所发生的重大事件。为了用户更容易掌握这些移动应用,网站工作人员在与应用商合作进行软件开发时,设计了“变焦”、“日历查询”、“给惊喜”、“详细信息”、“其他网页链接”等简便易操作的按钮,便利用户的使用。

Web2.O技术的广泛应用

新版的美国国家档案网广泛应用了新一代互联网应用Web2.0技术。Web2.0技术和传统Web1.O技术的主要区别在于,在Web1.O中,用户只是互联网信息的读者,上网阅读是其主要权限,在Web2.0中,用户不仅是读者,也是信息的作者,其权限不仅限于阅读,也扩展的发表看法,互相交流等领域。Web2.0技术比老一代互联网应用Web1.0的主要进步在于,更注重网民的参与,人性化和交互性更强。

Web2.0技术中包含的多人参与、人是灵魂、可读可写、多样个性等理念被美国国家档案网吸收进来。在新版美国国家档案网中,Web2.O技术中的流行元素:博客(Blog)、聚合内容(RSS)、微博、百科全书维基(wiki)、社会网络等被广泛借用。

目前,美国档案与文件管理署已与著名即时通讯网站Twitter(推特)、著名视屏网站“Y0uTube”、著名交友网站“Facebook”、著名照片分享网站“Flickr”、著名用户地理位置信息手机服务网站“Foursqua re”等社会网络运营商签订了相关协议,在这些社会网络中建立美国档案网相关栏目的站点。仅以“Facebook”为例,美国档案馆已在此网站上建立了包括“美国国家档案”、“今日档案”、“联邦公报”、“美国国家档案保存”等在内的18个网页群落。用自身的资源优势和其他社交媒体的人气优势进行互补。通过人气社交媒体去优化沟通合作、创建团队。这既是美国档案与文件管理署的机构战略,也是美国国家档案网的技术战略。

另外,美国国家档案网为了和公众分享美国国家档案馆开展的各项便民服务,建立并维护着包括“美国档案管理员”、“胡佛黑板”、“美国国家档案馆”、“今日档案”等9大博客。这些博客按照所涉及内容和服务对象的不同各有针对性,比如“美国档案管理员”博客主要为交流美国档案工作人员方面的信息而开设,“胡佛黑板”主要为访问胡佛总统图书馆的教师和学生开通。这些博客也作为公众对新闻、近期活动及建议方案作出回应的一种渠道而存在。

新版美国国家档案网与Web2.0这一现代技术的结合,即扩大了档案文化在美国公众中的社会影响力,也为扩大公众参与,收集网民对档案工作的建议提供了更为广阔的渠道。

网页优化方案范文4

1.改革传统的教学模式

在传统的教学中,是以教师的讲解再配合学生的练习为主要的教学方法。这种教学模式,是以教师为主导的,老师先传授基础知识,再给学生演示教学实例,演示完成后再让学生做练习来巩固学习的知识。这种方法在教学中持续了好多年,他的好处是教学系统整个教学过程比较完整。可是这种教学方法有个致命的弱点,那就是教师在台上面面俱到的教,可是学生没有实际的操作经验,难以理解,老师在孜孜不倦的教,可是学生却兴趣缺乏,往往是老师累得满头大汗,学生却收效甚微。为此,我们提出了以学生为主导的教学方法。

1.1教师备课以学生为主导,要准备合适的案例为学生开启网页设计的大门学生是教学过程的主人翁,教师实现备课,除了准备必要的基础知识以外,我准备大量的设计实例。网页设计在技能上更注重设计,因此在备课的过程中,要根据学生学习循序渐进的过程,准备各个阶段的案例项目。在学生刚开始接触网页设计之初,要给学生一个网页的整体设计思路。这时候要准备大量的成品优秀案例,最好是获奖作品,提升学生的学习兴趣,让学生觉得学习网页设计是一个非常有意思的事情。在提升了学生的学习兴趣以后,要及时的准备教学实例,这个阶段要及时地把网页设计的基础知识融入其中,这个阶段的教学实例要简单易行,让学生比较容易上手,这时候的案例要比较充裕,以大的作业量来提高学生的基础设计水平。在学生掌握了基础制作水平以后,就是学生的提升阶段了,这个阶段的学习是非常重要的,是关系到整个网页设计教学的成败,这个阶段案例的选取要有代表性,这时的案例要全面可行,每一种案例都要涉及。最后的一个阶段是总结阶段,这个阶段的案例的选择要具有实用性,要采用企业的实际案例,模仿企业的运行模式来教学,案例要选取企业中实际制作项目。这样一整个备课过程下来,教师就对整个教学有了事先的良好把握。

1.2在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式,老师是项目经理人,学生是企业员工。在这种教学过程中,一开始学生就是作为新进员工参与其中的,教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接,可以是为网页设计漂亮的导航,可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计,要注意要及时的调动学生的积极性,对于完成的好的作业案例要给予表扬,适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下,学生的基础制作水准有了很大的提高,这时候要及时的推动教学进入下一个提高阶段,这时候教师要把自己的角色定位为项目经理人,提出一些有代表性的项目,比如为某酒店制作一个网站,提出各种要求,让学生在规定的时间内制作完成。这阶段教学的过程,教师要有耐心,要有一定的高度,对于学生的要求要严格,对于学生作业中出现的问题要马上提出,并督促学生做出优化设计。这个阶段的案例一定要全面,给学生的项目要有代表性,对目前使用范围比较广的网站设计方向要把握准确。在最后的总结阶段,教师提出的案例最好是企业所提供的,这种实例更具有实际性和探索性。比如,为宏福祥服饰有限公司制作网站。在这个网站的制作过程中,就有学生的大量参与,从选片修片到整个版面的设计,乃至后台的制作设计,学生们都做出了巨大的努力。在这个网站的制作过程中,学生分成了五个小组,做出了五套网站设计方案,最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。

1.3教学结果评价的改革在以往的教学中,都是以考试来评定教学结果的。在新的校企一体化的教学模式中,我们摒弃了以往的评价模式,采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现,作业成绩三七开的方法来考核学生。在作业的评定中,为了使评定结果更客观,我们采用专业教师和合作企业代表共同参与学生的作业讲评,根据讲评综合给分。这种考核方法更为合理有效,不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。

2.有效合理的利用校内实训

在网页设计的主要授课过程结束以后,最好要安排一至两周的校内实训。在实训周内,整合学生的全部力量,完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平,培养学生成为网页设计师的良好时机。在这个过程中,教师要为学生选好实训项目,最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后,一直以来都是分开来使用的,这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍,选用Photoshop制作出版式配色等整体效果设计,然后切片导入到Dreamweaver中,对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片,这样完成的项目更具有吸引力。通过合理有效的校内实训,可以加强学生的设计能力和创新能力。

网页优化方案范文5

关键词 案例教学 网页设计

网页设计作为一门综合性、实践性、应用性极强的课程,在教学的方法上应有别于一般的基础理论课程,原来那种照本宣科填鸭式教学已经不适应高职教育的需要,必须改进传统的课堂教学方法,引入现代教学理念,提升学生学习的主动性,提高学生实际动手能力是教学关键。

基于以上特点,“网页设计与制作”这门课程设要以学生实际出发, 以“教师为主导, 学生为主体”的符合这门学科特点的教学与管理模式, 让学生在教师的指导下, 对所学的课程进行探索、分析、研究。

一、案例教学法的思想和特点

案例教学法也被称为“实例式教学”或“基于问题的教学,其原型是抛锚式教学。这种教学方法要求建立在有感染力的真实事件或真实问题的基础上,学生要想完成对所学知识的最好办法是让学生到现实世界的真实环境中去感受、体验(即通过获取直接经验来学习),而不是仅仅聆听教师关于这种经验的介绍和讲解。与传统的以教师讲授为主的被动灌输式教学相比,案例教学法是一种注重师生互动的开放式研究型的教学方法,注重学生动手能力的培养,是一种具有针对性、实践性、启发性、研究性和时效性的教学方法,能开发学生智力,培养学生分析问题解决问题的能力,提高学生素质。符合高职教育的特点。

二、案例教学法运用在课堂教学中

《网页制作》是一门实践性和综合性很强的课程,涵盖Dream Weaver网页制作软件、Flas制作软件、Photoshop图形图像处理软件、脚本语言等多方面的内容,知识点非常丰富。笔者从事该门学科教学多年,摸索出一套案例教学方案,使用案例教学法可以大大地提高学生的积极性。案例教学方法如下:

1、兴趣激励阶段

2、基础知识学习阶段

在这一阶段,学生要学习一些网页设计的基本知识和基本技能,即根据不同的知识点,来设计出与之配套和相适应的案例,这些案例的编排要遵循由浅入深、由易向难、循序渐进的原则。网页设计课程教学中,教师可以选取一二个典型的网站进行简化设计,将有关网页设计的基本内容、基本概念包括在内,学生在教师指导下,自主地完成相关案例网站的设计,从而掌握网页设计的基本技能,可以达到良好的教学效果。

3、技能强化阶段

在这一阶段主要采用较为简单的中小型案例教学法。其目标是,让学生在复习旧知识点的过程中学习新的内容;将上一阶段的的案例整合成为一个具有一定雏形的完整网站,让学生来进行尝试,这样就使得学生在熟悉的环境中学习了整合能力。

4、综合网站制作阶段

这一阶段主要采用综合案例教学法。本阶段主要是为了提高学生综合网站开发的技能水平,同时也为了检验学生的学习成果。在此阶段中,教师可以让学生自己选择一个主题,利用所学知识和技术开发一个网站,要求学生独立完成,通过相应的方式上传到WEB服务器上,作为学生的最终考试成绩。总之,这个阶段对于学生知识的巩固和技能的提升是大有裨益的,同时也可以充分发挥学生的主动性,锻炼学生动手能力,培养求异思维。

三、在实施案例教学过程中必须注意的问题

1、选择合适的教学案例

教师要根据教学进度和教学要求设计案例, 选择的案例必须具有针对性、代表性、实践性、系统性的特点。(1)案例应具有针对性,这样做容易突出授课目标,不易偏离授课内容;(2)案例应具有代表性,学生能够从该案例得到启发,进行拓展性思考;(3)案例应具有系统性,前后相互联系,相互渗透,后续阶段的案例尽可能涵盖前面的内容,以加深和巩固所学知识;(4)案例应具有真实性,从实际出发,根据学生的特点,尽可能设计一些学生感兴趣的、贴近生活工作的案例,通过生动有趣的案例教学激发学生的学习兴趣,加强学生的动手能力和创新能力的培养;(5)案例应循序渐进,从易到难的递进方式设计,一方面是有利于调动学生的积极性;另一方面是便于学生对项目分解的理解,从而掌握整个项目的核心思想和构建步骤。

2、组织课堂讨论及案例总结

组织案例讨论旨在分析问题, 提出解决问题的途径和方法。教师应对整个案例的特点、主要知识点进行分析、解剖、归纳并及时组织学生对案例实施过程及其中的网页技术进行讨论,使学生对所学的、所做的案例有全面的认识,对设计步骤、设计思想有比较完整的认识。

案例经过学生的讨论后, 教师应该及时做出讲评。这样做有利于学生把要求掌握的知识记牢,同时, 我们要改革课程成绩的评价方式, 提高平时成绩的比例, 刺激学生上课的积极性。

3、实践教学环节—采用任务驱动法

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

四、结束语

总之,在高职院校计算机专业《网页设计与制作》课程教学中运用案例教学法,在实践环节实施“任务驱动”教学法,有利于学生实践能力的提高和理论知识的掌握。案例教学法只是现代教学方法中的一种,要优化课堂教学,应要综合运用多种教学法,每个教师都应根据教学大纲、教学内容和学生实际情况的不同选择和运用不同的教学方法,只有这样才能真正提高课堂教学效果,提高教学质量,培养符合时展要求的新型高素质应用型人才。

参考文献:

网页优化方案范文6

关键词:网页设计与制作 项目化教学 创新意识 兴趣

中图分类号:G421 文献标识码:A 文章编号:1674-098X(2012)12(b)-0-01

个人或单位运用网页通过网络向社会展示自身的形象,发展自身的产品营销以及活动是目前比较受欢迎的发展方向。随着科学水平的提高,网页制作的技术也不断发展。各大高校也逐渐开设《网页设计与制作》课程,《网页设计与制作》课程具有很强的实用和操作性。在过去的教学工作者,笔者通过项目化教学有效的提升了教学质量,主要是通过教学方法及成绩评定方式的创新实现了项目化教学的实施,以此总结出一些经验感想和广大同行交流沟通。

1 明确课程特点,把握教学内容和教学目标

《网页设计与制作》课程是高职院校计算机专业的重要课程,要以让学生掌握网站设计全过程,自主开发一定规模网站为最终的教学目的开展教学工作。《网页设计与制作》这门课程操作性和综合实践性较强,另外知识接受的速度和遗忘的速度都比较快。所以教师要重视对学生能力的培养,将知识结合到实际案例中进行教学,重点教授实际需要的知识内容,重视学以致用的教学观念的教育实施。

2 激发学生学习兴趣,以学生为主导,采用适当的教学方法

在教学过程中想要提高学生的学习兴趣,进一步提高其网页制作的能力可以从以下几方面入手。

1)采用“案例”+“任务驱动”教学方法,让学生变被动学习为主动学习,如果在教学过程中始终运用传统知识点对应案例的案例教学法,就会自然形成教师为主体,学生被动倾听的教学模式,这种情况下学生的学习主动性和积极性不能被调动起来。所以,教师要将任务驱动式教学方法应用到教学,结合案例法使用。也就是以任务为指引,结合时间里,设置教学课程安排和结构顺序,保证教学循序渐进,由浅入深的进行。在进行每章知识内容的教学的时候,教师要总结整章知识结合经典案例实施教学。在课程完成之前,教师将案例展示给学生引导学生思考安利的实施方法,引导其带着问题和任务展开新课程的预习。这种任务和案例相结合的教学模式,不仅能够活跃课堂氛围,也能引发学生的学习兴趣,使其积极主动地参与到学习当中。

2)举办学生作品大赛,展示成果、促进交流,教师可以通过组织 “网页设计大赛”鼓励学生积极展示自己的能力,提高学生参与的积极性,提升其学习的主动性,另外这类比赛对学生的学习方法和方向都有很强的指导意义,也能够在一定程度上加强学生的实践能力,对学生的创新意识和进去思想的培养也有很重要的作用。

3)精彩网站案例展示,开展评析活动,教师平时应注意收集一些有创意、有特色的优秀网站及网页,推荐给学生学习、欣赏,在展示优秀网站案例的同时,教师对网站的整体设计,网站的布局,以及网站特效等多方面进行分析,学生可以一边欣赏一边听教师讲解,同时,引导学生思考网站的美工、动画、布局、样式等,思考自己能否通过努力完成如此优秀的站点。几节课下来,不少学生都跃跃欲试,从而有效地激发了学生的学习热情。

4)自主选择网站设计内容,提高学生学习积极性,在实训过程中,要求学生自定主题进行网站的制作与设计,通过自拟主题,使学生在自己的兴趣基础上完成相关网页,学生学习积极性明显提高。

3 具体实施

整学期的《网页设计与制作》课程由以下四个部分组成。

(1)网页基础知识介绍;(2)网页页面制作;(3)网页特效制作;(4)网页图像处理和动画制作。这四个部分的知识和技能考核就是完成一个网站的制作。

1)项目的确定。网站的主题是什么呢? 首堂课先让学生欣赏精品网页,同时提出相关问题。然后通过筛选,初步确定主题。因为这些主题都是学生自己选择的,所以学生兴趣特别浓厚,为以后网站内容的丰富奠定基础。

2)制定计划。在设计过程中,可以通过分组的形式方便学生互相讨论交流,互相学习,教师要鼓励学生以团队形式完成设计任务。学生可以自行组成四到无名成员的小组,推选出组长,确定组名。之后教师要指导各小组确定项目实施计划,分配组员职责,确定任务范围。这样的任务分配能够让每个学生都感受到自身在组内的存在感,使其积极主动地参与到设计活动中来,能够统一努力完成网站。另外,各个小组之间要形成竞争关系,在实训完成的时候小组推举一名成员介绍组内作品,全体统一评选最优作品。这些活动的开展,能够在提高学生学习兴趣的同时锻炼其集体协作和表达能力。

3)计划实施。在这一阶段,项目小组开始落实项目。教师要作为一个指导者,及时指导学生的实施行为,及时解答学生的疑问。例如,为学生网页主题的选定提供必要的建议;协助学生测试网页等。但是教师不应该过多干预学生的实践行为。

4)检查评估。检查评估要在项目进行过程中实施,可以让学生首先进行自我评价和反思,然后教师要对学生对知识点的掌握情况,使用效果,应用水平作出总体评价。

5)评价考核。主要分阶段性考核和综合项目考核等,根据阶段性考核反映出来的问题及时调整教学进度、教学内容等,从而实施全过程监控。重视基本技能考核,以能力考核为本位。具体来说评价内容包括:①平时项目中的子任务完成情况占20%;②平时学习态度的评价占10%;③综合项目完成情况的评价占50%;④组内评价和组间互评各占10%。

值得注意的是,无论项目最终的成果有没有达到预期的效果,教师都应该对学生的努力进行肯定,做出表扬。通过鼓励的方式,让学生建立起学习信心,使得学生在以后的项目实践中不断进步。笔者通过对两年教学过程中所应用的教学方法进行总结和思考,最终得出这些教学方法能够有效提高学生的学习兴趣,可以提升其参与的积极性,同时还能锻炼其创新和实践能力,可以有效提高其交流协作能力,这种情况使教学效果整体有了很大提升。

参考文献