关键词：高职教学；网页设计与制作；课程改革；岗位需求
中图分类号：TP642、0 文献标识码：A 文章编号：1009-3044（2014）32-7698-02
伴随互联网技术的高速发展，现代企业越发关注到自身门户网站建设及维护问题，与此对应的专业技术岗位需求也偏向于对网页设计与制作人才的渴求。高职教育立足于对专业技术人才的培养，职业教育在突出人才实践技能训练的同时也更加关注信息技术背景下学生的就业问题，这对于高职教育今后的发展至关重要。实践性是高职网页设计与制作课程的显著特征，它不同于传统的网络技术教学模式，对于学生的动手能力和实践创新能力都提出了更高的要求，教学方式和教学手段的选择偏向于对学生实践意识和主动意识的激发，这同时也是当前课程教学改革对高职网页设计与制作学科提出的必然要求。只有切实与企业专业技术岗位需求相适应，才能更好地体现高职教育技术型人才的培养优势。
1 高职网页设计与制作的课程特点及其教学现状
从现代职业技术教育的特点分析，高职网页设计与制作的教学目标除了表现在系统化的网页制作理论知识外，还突出了对学生综合动手能力、实践创新能力和网页设计能力的训练，以此促进学生实践技能和理论知识的双重发展，更好地将所学应用于岗位就业当中。操作性是高职网页设计与制作课程的特点之一，这就决定了在网页设计与制作教学中理论与实践之间的相互配合，并将实训教学应用于网页设计课程教学的各环节当中，这对于教学效果的提升意义重大。
现阶段网页设计与制作课程在高职院校技术教育中的落实相较于以往网页制作工具教学而言有了显著进步，借助多媒体教室演示教学和实训室教学激发学生的课堂教学主体意识，并以此培养学生的实践创新能力。然而当前的网页设计与制作教学还存在着实用性与理论性相脱节的问题，忽视了与企业专业技术岗位需求相结合，这就使得岗位工作和学科教学之间存在着较大差距，不利于教学效果的提升。高职学生本身在网页制作能力方面有所欠缺，加之教学内容和教学方法中存在的弊端，不仅有碍于学生学习积极性的激发，同时也使得现代工作岗位与教学模式之间的差距拉大，课程改革亟需得到落实。在网页设计与制作的课程考核方面，仅仅采用的是任课教师出题的方式，具体形式表现为上机操作和理论考核两个部分，而其中学生出勤率以及平时作业却占据了较小的比例，这不仅忽视了学生实际问题解决能力的培养，同时也使得学生的实践创新意识被遏制，不利于学生个性品质的完善。高职网页设计与制作涉及到多门学科内容，单一的考核形式显然难以满足现代化职业教育的根本需求，这就需要在课程改革中突出网页设计与制作课程考核的多元化，以此激发学生的学习主动性。
2 高职网页设计与制作课程教学改革的设计思路
2、1 与企业专业技术岗位需求相结合
从当前企业网站开发团队的角色划分角度分析，通常除了网页设计师、网页美工师和后台开发工程师以外，还包括网络测试人员及维护管理人员。由于网页设计与制作课程教学对象自身专业的差异性，因此培养目标的构建也应当与学生知识结构及专业特点相对应，体现教学内容和教学目标的针对性，这是高职教育因材施教原则的集中体现。从具体分类上看，电子商务和计算机相关专业的学生在逻辑思维能力方面有着显著优势，作为电子商务网站建设与WEB应用程序开发的重要前导课程，这些专业学生在学习网页设计与制作时可借助自身的编程基础强化在网站及网页制作方面的学习，至于Firework或是Photoshop这类图形处理技术则不作过多要求，在网页设计与制作课程学习中学生对于CSS样式表以及HTML语言有了更加全面的了解，并且能够借助JavaScript实现对网页特效和Flash脚本的编写，这是对学生专业技术岗位能力的培养过程。而艺术专业学生本身对于布局、构图、色彩等内容较为敏感，因此可着重训练学生的制图能力，通过网页制作与设计课程的学习引导学生立足于网页界面的美观设计，借助Flash使得网页素材的呈现更有动感，这对于学生后期的职业生涯也有着积极的导向意义。
2、2 项目驱动型教学模式
以往高职网页设计与制作课程教学中关于案例教学法的运用仅仅是将网页制作技术与案例分析相结合，其教学过程中学生仍处于极为被动的状态，学生关注的核心在于某一个案例的制作过程，然却忽略了自身对网站项目的制作及设计。项目驱动型教学在高职网页设计与制作中的应用能够显著改善当前的教学现状，推动课程教学改革的有序实施。这一教学模式的具体程序及环节包括以下几点：
2、2、1 项目选择
项目选择的过程应当与教学大纲及课程教学内容相结合，控制好项目选择的难度以及知识覆盖面，使得项目教学的实施能够连成一线，突出各环节课程教学的连贯性。教学实践当中首先需要完成学生的分组工作，确定三至四人为一个小组，并确定其中一人为组长，网站主题的确立可由小组成员自由选择，并于特定时间内完成主题资料收集和网站策划书的编写工作，并由组长在课堂教学中对其进行演示，完成小组方案的呈现与阐述，之后由其余小组对其提出合理建议。网站项目确定后需要由教师帮助学生完成项目开发进度表的制定，细化项目实施的具体内容。
2、2、2 专题教学方式
从网站项目实施的具体步骤分析，除了网站主题确定、资料整理、logo设计以及网站风格选择外，还涉及到配色方案的选择、网页排版、主页制作和网站测试等内容。依据具体的实施步骤，教师可与教学大纲相结合明确教学专题的开发进度，对基本元素、布局模式及网页排版等问题组织学生进行讨论。在对以往教学案例进行分析后，学生对于网站设计的理解更加深入，能够在知识点的驱动下完成自我网页的设计与制作。
2、2、3 组织讨论
从教师本身知识结构及专业修养的差异性分析，在网站制作技术方面会对教学设计产生一些影响，因此针对存在疏漏的地方就需要对其进行讨论与修改。通过优秀网站欣赏使得学生加深对网页制作的感性认识，能够从优秀网站中获得网页设计的灵感，体现自身创意设计水平，这对于学生知识面的扩展和分析问题能力的提高都有积极影响。
2、3 分阶段型考核模式
这一考核模式将项目开发进度划分为若干小的阶段，学生完成阶段工程汇报后再由师生共同参与考核，考核的重点在于对网站主题和页面布局的考查，除此之外还需要对整体页面的美观性进行评定，检查网站规划中的各项功能以及页面链接效果，具体包括：
2、3、1 网站选题
小组网站主题的拟定可由成员自行选择，在对同类网站进行分析后分析自身技术路线和服务形式的异同，并与企业专业技术岗位需求相联系，切实分析网站本身的维护成本及盈利模式。网站策划书是这一阶段需要完成的项目，组成对其进行必要的演示操作，并由师生对其展开评价和提出意见。网站选题占总考核比重的10%。
2、3、2 网站设计
网站设计涉及到网站的色彩配搭、版面布局以及主题设计等方面内容，小组成员需要借助FireWork或是PhotoShop完成草图制作，并由组长对设计理念进行陈述，师生对其提出建议。网站设计占总考核比重的15%。
2、3、3 网站制作
依据草图设计完成对应的网站制作工作，由于页面较多也可采用定期对开发进度进行报告的方式对关键页面进行演示，这一过程中教师需要对演示进度进行控制。网站制作占总考核比重的25%。
2、3、4 网站测试
网站测试的内容除了包括页面文字和图片显示、链接有效性以及浏览器使用情况外，还需要由小组成员完成对应的测试报告，认真剖析测试过程中存在的问题。网站测试占总考核比重的15%。
2、3、5 网站
在完成主页空间的申请后借助FTP工具对网站实施操作，教师和学生可用各小组提供的域名访问网站。网站占总考核比重的5%。
3 结束语
综上所述，作为近年来高职教育新兴的学科课程，网页设计与制作重视对学生实践创新能力的培养，通过实践技能与理论知识的结合体现高职教育人才培养特点和企业专业技术岗位需求之间的契合。教学内容的丰富及其教学过程富于变化，使得网页设计与制作这一课程在学生群体中引起了广泛关注。现阶段高职网页设计与制作课程研究的重点在于如何将学科教学与企业岗
位相结合，促进学生职业素质和专业技能的发展。课程改革的有效性在于与市场就业需求相一致，将企业专业技术岗位需求纳入网页设计与制作课程教学改革的考虑范围之内，使得岗位能力与教学内容相吻合，这对于学生团队协作能力、网站管理能力和网页设计能力的提高有着积极的促进意义，这是职业教育在人才培养方面资源优势的集中体现。除此之外，关于网页设计与制作课程教学改革的新一轮研究对于高职网络技术等课程教学模式更新也有着不可忽视的启发与借鉴意义。
参考文献：
[1] 陈永芳、职业技术教育专业教学论[M]、北京：清华大学出版社，2007、
[2] 王晓红，周立、网页设计与制作课程教学改革[J]、北京联合大学学报：自然科学版，2006（12）、
[3] 安颖莲、网页设计与制作课程教学设计与实践[J]、中国教育信息化，2007（9）、
关键词：网页设计与制作；教学案例；任务驱动
中图分类号：G642 文献标识码：B
文章编号：1672-5913(2007)18-0026-02
1引言
“网页设计与制作”课程是高职计算机专业的必修课，也是大多数学生感兴趣的课程。随着Internet的飞速发展，网络已深入到社会的各个阶层，大批学生对网络、网站和网页等概念都已有了初步认识，同时也自己动手设计网页，建立自己的个人网站。因此，借助良好的学习动机，寻求合适的教学方法，是帮助学生掌握好该门课程的关键。
2采用多维、多层次教学模式，调动学生学习主动性
目前，我国的高职教育正逐步形成以就业为导向，以能力为本位，以实践为中心，以获取职业资格证书为标志，以促进学生的职业生涯发展为最终目标的办学模式。因此，在计算机课程的教学过程中，我们强调理论以够用为度，关键是强化实践教学，培养学生的动手能力。在“网页设计与制作”课程教学中，我们将理论课与实践课的学时比例设置为1:2，如何上好这占据总学时数1/3的理论课，并且能满足不同层次学生的学习需求，是理论课教学的关键。
2、1精心制作多媒体教学课件
单调的100分钟理论课，会使学生感觉到沉闷和乏味，因此首先要在多媒体教学课件上下功夫。多媒体教学课件是课堂教学的灵魂，它不只是文字与图像的组合，还融合了各种设计元素，如音频、视频和动画信息，使课堂变得更加生动和精彩。制作课件时，我们根据教学大纲，链接了一些国内优秀网站，并对网站的结构和网页进行分析研究，同时鼓励学生多浏览观摩优秀的网页作品，增加感性认识，培养审美观念，这样对提高学生分析问题、解决问题的能力和学习兴趣都有很大的帮助。
2、2采用任务驱动和案例教学法
在教学过程中，我们采用任务驱动和案例教学相结合的教学模式。教师首先演示制作网页案例，传授本节课所需掌握的知识点。然后学生模仿制作演示案例，在完成演示案例制作的基础上，对学生提出基本要求“根据教师提供的素材和要求扩充演示案例”和更高要求“自己收集资料和素材，以教师提供网页案例为模板，制作网页”。
例如，在框架网页教学模块中，我们所采用的任务驱动教学内容如表1所示。
2、3利用网络资源，实现网上自学与答疑
高职院校学生大部分有较强的求知欲望，压缩后的课堂理论教学已不能满足他们对知识的渴求，应充分利用网络教学资源来满足不同层次学生学习的需求。在“网页设计与制作”课程的学习中，我们在校园网上网络教学课件，内容包括课程教学大纲、电子教案、视频教学、实践教学、课后习题、知识拓展、网上答疑等模块，不但能引导学生有效利用网络资源，而且网上教学不受上课时间、所学专业限制，只要对本门课程有兴趣，就可进行网上自学。另外，在课件中还和其它高校“网页设计与制作”精品课程网站相链接，满足较高层次学生的学习需求。
2、4以竞赛促兴趣，发挥激励机制
在教学中，每一模块学习结束后在全班范围内进行作品展示。每组提供一份优秀作品，由设计者进行作品演示讲解，然后由教师进行点评，同学打分，评选出优秀作品，同时将优秀作品上传到校园网。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。
3强化实践教学，培养学生的动手能力
在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。在实践教学中，我们设计了“课堂训练――模块设计――教学实训”一体化的实践教学体系，培养学生的实践动手能力。
3、1课堂训练
课堂训练时，一定要做到重点突出，目标明确。我们要求指导教师每次上机课必须用10~20分钟的时间，安排上机操作内容，讲解操作要点，起到配合和辅助理论教学的作用。这种方式不仅缓解了理论教学时数不足的问题，还能提高学生的上机操作效率。
3、2模块设计
当一个模块理论教学结束后，教师安排一定学时进行模块设计训练。教师根据教学模块内容选择一个教学案例，教学案例要求具有一定的代表性，不需太过复杂。学生首先分析、模仿案例，培养对这一模块理论知识的实践应用能力。然后要求学生以此案例为样本，自己收集资料设计制作作品，在设计制作过程中教师给予正确引导，在深度方面给与拓展。这样既完成了实习任务，掌握了学习知识点，又让学生独立完成作品，产生成就感和自豪感。
3、3教学实训
教学实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。我院与校外企业合作，建立了两个计算机专业教学实训基地，为学生提供了实训场所，加强了学生实习实训技能培养。另外，我们还提倡和鼓励学生积极参与教师的教学与科研项目。如有些学生协助教师制作网络教学课件和精品课程建设，通过实践应用，不但将课程中所学的知识点融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；还有些学生参与校园网内容设计与建设工作，如在校园网中开辟班级专栏和一些社团活动新闻专栏，同时参与校园网的维护工作。
4课程考核方式的改进
对于“网页设计与制作”课程，传统单一的笔试考核模式不能全面真实地反映学生的知识、技能和能力，因此必须将考试重点转移到考核学生的实际技能方面。
在“网页设计与制作”课程的考核模型中，我们主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此我们在教学实训阶段，就要求学生一边进行操作实训，一边着手收集资料，设计自己的特色网站。作品评价时，根据学生提供的域名地址，进行课堂演示，学生总体评价占30%，教师评价占40%，平时作业和上机实训成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。
5结束语
兴趣是最好的老师。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。近两年来，我院学生网页设计作品多次获得省级、校级奖励，部分学生积极参与教师的科研工作，其实践能力和创新意识得到了较好的培养。
参考文献
[1] 白建明等、 高职计算机专业教学模式的研究[J]、 计算机教育，2006，(2)、
关键词：分页用户体验、net框架mootools库
1 web分页原理
随着web前后台技术的发展，越来越多的分页技术被采用。特别是近几年来afax技术的提出，异步存取理论逐渐被开发人员接受，它给数据分页技术带来了新的思路。本文先对常见的web分页方案的优缺点进行分析，之后借助于、net平台给出一个基于mootools库数据分页的例子。
分页的基本问题及解决方案：从请求发起到返回数据的整个过程。在sol语句处理完毕后、数据库服务器、web服务器和浏览器都能进行分页，在何处分页是一个关键问题。web程序的判断的最重要标准是速度，数据库服务器，web服务器和客户端之产是网络，在网络速度一定的情况下，如果网络传递的数据最越少，则客户端获得响应的速度越快。传统分页模式、数据库服务器和web应用服务器的处理能力一般比客户端要强，基于此点传统分页方式抛弃客户端分页的方案，剩下在web服务器端分页和在数据库端分页两种方式，如果选择在web服务器端分页，大部分的将被过滤掉的数据还是被传输到了web应用服务器端，加重了web应用服务器与数据库服务器之间的负担。所以分页的选择通常是在数据库执行查询选出合适的数据(通常是借助于存储过程)，然后进行其他操作。wwW、133229、cOm每次页面娃示时只在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客户端程序提供数据。
关键词：SEO优化；响应式网站设计
抗NDMA受体脑炎病是一种并不罕见，却被很少人了解的疾病。该病发病突然，且毫无征兆，每年因误诊死亡的人不在少数。在网络时代，创建公益网站，既可以让更多的人了解该种疾病，也为医生和患者之间搭建了一个交流的平台。但要使信息得到更广泛地传播，不仅仅需要网页在搜索引擎中获得更靠前的排名获得更多点击，也要是网页可以适用于多种多样的设备。SEO优化技术能很好地解决网页在搜索引擎的排名问题，使网页获取更多的点击。SEO优化技术的核心是网页的关键词，掌握关键词的选取，才能够更灵活地运用。响应式网站的特性能够以最简捷的方式实现PC端与移动端的双向访问。
1SEO优化技术
在搜索引擎高速发展下，必然产生一种能使网站适应搜索引擎抓取的优化技术，这种优化技术就是SEO技术。网站构架优化和关键词优化是SEO技术的核心。1、1网站框架创建网站和盖房子的原理一样，都需要好的框架结构。而网站的框架就同房子的梁，是整个设计的支撑。所以网站框架优化是SEO优化的关键之一。完善地网站框架优化更利于spider更迅速地遍历网站所有的内容。1、2关键词在搜索过程中，只有被搜索引擎认可的最贴切的网页，才能获得最好的排名。因此，需要根据搜索引擎的喜好，去拟定关键词，并确定其位置。（1）标题关键词标题就是整篇文章的点睛之比，网页的标题就是它的眼睛，贴切的title能吸引搜索引擎的注意，有效地提高网页的排名。（2）页面关键词独木难成林，标题中的关键词同样无法支撑整个网页，这就需要在网页文本中多次提到。重要的事情“说三遍”，只有提及的次数足够，才能让搜索引擎知道它的重要性。
2响应式网站
2、1响应式网站的理念响应式网页设计是一种新的设计思想,而不仅是简单的CSS改写。响应式网页设计理念[1]是：集中创建页面的内容排版设计,使其可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕分辨率、屏幕定向等)进行相对应的布局。响应式网站，即一个网页能够响应任何一种设备。响应式网站的设计来源于信息时代，形形的设备也是为了适应这个时代的发展。不可能为一千种设备设计一千种网站，这是非常不划算的事，也是不可能的事，毕竟设备的种类千千万万。响应式的核心就是适应，适应这个时代，适应多种多样的设备。2、2响应式设计的原则响应式设计需要遵循许多设计原则，QA公司首席技术专家DavidWalker在实际开发技术层面提出了响应式网站设计的原则[2]，也有很多人提出过其他的一些原则[6]。设备的多样化要求所创建的网站能适应更多的分辨率，同时适应更多的设备。这就需要更加关注响应式网站的设计，关注响应式设计的原则。（1）设备优先原则现在应用的网页浏览设备主要分为两种：移动设备和台式设备。根据实际情况，提出两种优先方法1）移动优先，在默认情况下，网页布局在小屏幕上显示得非常清晰，随着分辨率的增大，显示内容的范围变小，清晰度也下降一些，但更方便欣赏网页设计的内容。2）台式优先，与移动优先原则恰恰相反，从桌面的分辨率出发，随着分辨率的降低，现实的范围变大，清晰度也提高了一些，方便了解整个页面的信息。以上两种方法设计开始于参考分辨率和使用媒体查询适应其他分辨率。主分辨率断点和内容将在确定的各种分辨率范围的网页上显示。随着用户使用移动设备越来越频繁，台式开发技术已相当成熟，移动设备优先成为响应式开发者的共识。（2）弹性化弹性化可以说是响应式设计的支柱。在不同尺寸的设备中，要想使网页布局能够流动式呈现不同的显示效果，就需要应用媒体查询技术。弹性化的网页内容显示位置，能够根据视口大小自动地调节显示位置。（3）宏观性在网站设计中，如何让其页面百分之百地遵循开发者的意愿，并且在任意一种设备能呈现出完美的效果，是非常棘手的问题。因此，就需要总结网页开发的经验，在设计之初，根据实际情况以及前期设想，选择一种最佳方案。凡事有舍才有得，在响应式设计过程中把握好取舍问题，遵循宏观性原则，围绕大局进行设计，定能整理出最好的方案。
3抗NDMA受体脑炎公益网站
截至2010年4月，我国的网民数量已超过美国，达到了4亿，成为了世界上网民人数最多的国家。如果从网民数量的角度来看，网络在国内也已经逐渐成为一种普及化的媒介。网络的发展对于现代生活中不可或缺的公益传播来说尤显重要，它为公益传播提供了一条新的便捷之路[3]。由此可见创建抗NDMA受体脑炎公益网站是一种快捷的、简便的和有效的宣传手段。3、1前期规划互联网电子商务最大功能就是解决信息不对称，让买家和卖家能跨越时空以最低成本沟通促成交易。抗NMDA受体脑炎公益网站就是典型的互联网应用，是基于C2C技术搭建的一个平台。在这个平台上求助就像网上购物一样的简单：卖家“出售”自己的困难，买家通过捐赠行善“购买困难”帮助卖家，一切犹如淘宝C2C。这种C2C慈善对于网民而言会比传统模式更加容易接受。本项目的具体工作主要包括以下几点：（1）将对网络公益平台实现的技术及其模式进行研究。（2）设计一个技术可行、界面友好的网络公益平台，主要包括软件架构设计、功能设计和网络推广设计（3）实现对求助信息进行审核、，对善款进行募集、转账等功能。（4）留出与支付宝合作接口、第三方账户登录等接口，并留出扩展接口等。（5）设计并实现医患交流问答平台、心路历程、活动中心、许愿树、功德簿、志愿者天地等常用功能的设计。（6）对网站进行搜索引擎优化，实现对网站的推广。3、2页面网站页面的设计，主要应用HTML语言进行编写，为了使页面更美观生动，部分代码使用CSS、JavaScrip编写；加上页面中的图片都是经过PhotoShop处理的，使整个页面带给浏览者舒适的感觉3、3系统功能模块图2为抗NMDA受体脑炎公益网站的功能模块示意图，该网站除了沿袭其他疾病公益网站中共有的的模块，还增添了BBS论坛模块、消息提醒及用户发言记录模块，方便增加患者之间的交流。
4结语
摘要：本文研究的主要内容是一个SEM建设尚未起步或刚刚起步的航空网站，如何通过SEM具体方案的实施为电子商务网站带来流量，增加网络直销收益份额。通过对有代表性的东航网站分析，提出不同语言版本的主流搜索引擎网站的特点，并制定有针对性的技术和运营方法。主要体现在：航空相关关键字的定义和长尾的优化；Title及Meta的优化以及网站结构优化。SEM具体策略应用后，东航网站在搜索引擎网站的权重、
关键词 排名等方面都有了显著的提升。
关键词 ：SEM；网站优化；
关键词
1、SEM行业现状
SEM的定义是“Search Engine Management”的缩写，译为搜索引擎管理，其包含了网站优化、管理及营销三方面。网站优化是SEM的核心内容，网站优化的目的是通过网站整体框架结构的调整和更合理的安排网站内容、内部链接、外部互交策略等的优化，从而提高网站在搜索引擎上的自然排名，达到搜索引擎营销的目的，使网站具有潜在的商业竞争优势。
SEM这项管理技术在快速消费品、奢侈品、零售行业的电子商务领域已经开展得如火如荼。然而在航空领域，这项技术的应用还属于初步应用阶段。以航空为例，由于受到机队规模、航线资源、POS（point of sale）销售点、国内外资源线上整合力度等因素的制约，始终没有将SEM（搜索引擎管理）的技术应用提上日程。目前，春秋航空是唯一一家在国内积极开展的SEM技术的航空公司，春秋航空2012年营收为103亿人名币，网上营收占约75%到80%。国内的综合排名目前在800名前后，世界排名8100名左右。就从网站排名来说它是国内航空的领头羊。春秋的关键字优化和网络搜索优化开始于2011年，全套SEM的方案形成是2011年中。从下面的曲线图我们可以很容易看出春秋航空从SEM技术逐步实现而得到的切实收益。
国内的一些初见成效的SEM的案例已经有力证明SEM不仅仅是可以在航空电子商务取得成功的，而且会给公司带来意想不到的口碑效益、市场能量、大多数中国国内的航空公司电子商务网站SEM建设刚起步，以中国东方航空股份有限公司为例，其是一家总部设在中国上海的国有控股航空公司，是第一家在香港、纽约和上海三地上市的航空公司。其显著的特点是：1）综合业务能力强。2）SEM处于一穷二白的境界但管理层已认识到其巨大的市场威力。其电子商务的基本情况请见下图：
其网站的基本日均IP仅为春秋航空的一半。东航2012年B2C网络营收为一亿六千万人民币，约占全年营收的1、5%还低。东航的管理层已认识到要解决电子商务瓶颈的问题，从根本上丰富网络营销手段并真正尝到甜头。也正是由于东航在中国国内航空公司中具有代表意义，通过对其电子商务网站的SEM研究，可使本研究成果具有更为普遍的研究意义，可以适用于其他国内航空公司直销网站。
2、前期分析
东方航空股份有限公司是一家有约500架飞机规模的网络型枢纽航空公司。除去国内市场外，东南亚（日、韩、港、澳、台、新、泰、马、澳）是东航亚太的主要目的地机场，欧洲的西班牙、意大利、英国、荷兰、法国、德国、俄罗斯均为其主要目标市场，而整个北美东航已有6条以上直飞航线，而且密度之大也是令人咋舌。从航空市场的角度来说，不一样的市场需求是不同的（如客户的消费习惯、适应性语言等），不一样的市场操作手法也是有着比较大的差异（如point of sale的价格）。于是东航的IBE（internet booking engine）也就因国家（或地区）的不同而定制开发。如下图所示，我们可以从ceair、下面的二级域名发现这一问题。
存在的客观问题就是不一样的目的市场使用不同的语言。
日文、英文、韩文、西班牙文、德文本身就存在着描述的偏差性。而且每个目的地市场的主流搜索引擎的非通用性及较大差异性给东航的SEO项目带来了巨大的挑战。另外一个客观的挑战就是我们面临着Google、cn退出中国的窘境。
现阶段将重点放在国内中文的SEM以及东航最挣钱的市场北美网站英文的SEM。而对国内中文的SEM，我们的Meta data的针对重点就是国内的搜索引擎baidu和新兴的搜索引擎搜狗。而对北美市场，我们将重点仅仅放在通用搜索引擎领域两位公认的行业翘楚，即：Google和Yahoo。
国内市场，我们针对baidu，专门制定出baidu可以识别并记录的智能机器人的触点，将稳定、固化、唯一中国东方航空相对应的官方产品和服务的meta data作为首要目标。即希望客户或潜在客户在baidu搜索中输入，如：东航官方网站、东航官网、中国东方航空、中国东方航空公司、东航等字眼时，在前5条搜索条目内就肯定含有东航官网的页面及其网站地址。与此同时，我们在和百度、去哪儿、携程等搜索引擎和门户网站做行业调研的时候发现，“飞机票”是绝大多数“潜在”客户搜索目标机票的首选。所以，我们在使用SEM来确立、巩固东航网上相应官方信息时，在“飞机票”上会做足文章；
关于搜狗，我们在理顺东航官网的关键字、图的同时，抓住其搜索引擎的特性，使用程序，每3天就会像搜狗提供新的meta data的更新数据。从而确保搜狗搜索引擎一直在不停反复地“记忆”东航官网上的相关关键字；
再者，我们针对7、8、9旺季的机会，做好新产品的关键字提前优化以及与pay per click方法的联通使用。从而确保：只要客户在baidu中搜索相应的关键字或相似关键字，搜索引擎始终会第一时间将相应关键字的页面信息和相关链接出现在置顶的位置。从而提高目的明确、密集投放的关键字优化后的商业效果。
国际（东航北美）网站，我们提出了严格遵循Google和yahoo的搜索引擎机制（如：完善HTML 3C纠错），合理筛选关键字，做好长尾策略，定期（每月）通过ALEXA的meta data递交应用向核心、主流搜索引擎提供相应敏感数据，不断提高东航北美网站的关键字识别度、网页的可记忆性，从而提高北美网站的粘合度及敏感字眼为导向的meta data销售策略。就关键字而言，我们除了固化、唯一现有东航官网的metadata外，还将不少精力放在china，fly to shanghai，shanghaiair ticket等关联度较高的长尾设计上。
设定的目标为：
1）提高东航官网的独立IP，PV量等关键参数，从而为提高网上营收做好基本保障；
2）在中长期，将东航官网的搜索引擎权重做到有所提高；
3）争取在SEM成功实施后3-6个月的时间内看到alexa排名（或网站流量）的明显改善；
3、SEM技术实施
根据既定目标，初步的技术和运营方法：
1）彻底遵循HTML 3C标准，彻底消除东航官网中：死链接、无注标图片、无关键字网页等低级错误。从而误导搜索引擎对关键字的识别以及网络智能机器人通过关键字对网页间关联的分析和吸取；
2）整合首页及IBE（订票引擎）页面中冗长不相关的关键字，严禁采取使用和页面内容不相干关键字的误导堆积；制定出合理的关键字策略，确保所选取的关键字有90%以上会被搜索引擎主动识别并收录；
3）使用GA等网监手段，严密监视关键字投放的效果，并通过PV（page view），独立IP增量等晴雨表确认关键字投放、修改、变更的频率。
4）做好优化后关键字的投放、递交以及相应合理变更；
3、1
关键词 分析和优化
一个页面确定3~5个核心
关键词 ，围绕核心关键字进行排列组合产生
关键词 组或短句；遵循核心
关键词 是选择页面内出现最多的词语，切实符合搜索者的心理，杜绝用意义太泛的
关键词 。
对于
关键词 的分布做到无所不在，有所侧重。在下面这些地方做到只用一次
关键词 ：网页标题，说明标签，正文标题，网址URL，粗体，斜体，网页的最开始部分。网站首页放置热门
关键词 ，栏目页放置相对热门
关键词 ，其他页放置与你页面内容相关的长尾
关键词 。
关键词 的密度：
关键词 密度初期放在0、7%-1、5%，之后再逐步向3%-5％靠拢，绝不刻意追求
关键词 的堆积，做到
关键词 相关性控制：
3、2 Title及Meta的优化：
做到Title简短精炼，高度概括，含有
关键词 ，但
关键词 并不超过3个词组，40个字符。做到
关键词 位置尽量靠前。将title组织成符合语法结构和阅读习惯的短句或短语，避免只是
关键词 的简单铺列。每个网页的标题都做到不同，并且与自身网页的内容相符合。
除此之外，需要注意遵从描述中出现
关键词 ，与正文内容相关，同样遵循简短原则，字符数含空格在内不超过200个字符，补充在title和keywords中未能充分表述的说明。针对热门的
关键词 制作Tags标签，增加页面间的相关性。对所有图片加上alt说明(包含与图片内容相关的
关键词 )，最后需撰写robots、txt文件。
3、3 网站结构优化
1）由于脚本语言需要用户访问执行，如果HTML的结构有问题或代码不干净，访问速度就会慢。由于内容在用户访问时临时产生，没形成固定的文件。我们在网站改造成时使用了URL重写，使一些动态路径静态化。而且针对IBE的特殊性，在无法避免动态URL问题时，争取做到有规律可循。
2）注重链接策略，通过采用包括目录的写法，对导航链接，站内链接，网站地图等核心要素做好技术梳理。
其中对于目录，我们采用了目录层级的管理办法，即：用逻辑的方式安排目录。首页-》栏目页-》内容页。目录结构用一级到二级。尽量做到避免或不用第三层。把所有网页都放在根目录当中。
对于导航链接，我们做到：
A、主导航醒目清晰充分：采用带有
关键词 的文字链接，尽量采用符合用户搜索习惯的词语。
B、导航列出当前页所有的路径：如：您当前位置：首页-》首查询页面》确认页面-》个人登录或个人信息录入页面等;使用承上启下的，或基于订票流程的站内链接策略。应用逻辑作为风向标，切实增加网站内部链接的相关性。
关于网站地图：
A、确认网站内没有死链接。
B、将生成网站的XML格式的SiteMap文件放在网站根目录中。并在google、baidu等搜索引擎中介好似做到像相关管理员工具中提交。
具体实例：
没有优化之前的东航官网的首页源代码：
我们提出的首页代码修改方案
<title>中国东方航空公司</title>
收录代码的提供，将网站对搜索引擎的触点，鲜明亮出。
4、SEM应用后的成效
东航官网在搜狗有了8个点的权重。在google也有了一个点的提升。在百度权重查询中发现设计的核心关键字均排名第一。
此外，根据东航相关部门反映，其北美销售自今年7月以来，发生了每月独立IP数目20%的增长，相应的网收也有近9、3%的逐月提升。
参考文献：
[1] 严家成、卢盟晃著、《SEO关键解码：网站营销与搜索引擎优化》[M]，人民邮电出版、
[2]《SEO攻略：搜索引擎优化策略与实战案例详解》，杨帆著,人民邮电出版社
[3] (美）Eric Enge（埃里克·恩吉）等著《O´Reilly：SEO艺术》[M]，,电子工业出版社、
网站建设策划书包含的内容如下：
一、建设网站建设前的市场分析
1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。
2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。
3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力(费用、技术、人力等)。
二、企业建设网站目的及功能定位
1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站?是企业的基本需要还是市场开拓的延伸?
2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：
企业型网站、应用型网站、商业型网站(行业型网站)、电子商务型网站;企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。
3、根据网站功能，确定网站应达到的目的作用。
4、企业内部网(Intranet)的建设情况和网站的可扩展性。
三、网站技术解决方案(与专业公司商议)
根据网站的功能确定网站技术解决方案。
1、采用自建服务器，还是租用虚拟主机。
2、选择操作系统，用Window20xx/NT还是Unix、Linux。分析投入成本、功能、开发、稳定性和安全性等。
3、采用企业建站模板自助建站、建站套餐还是个性化开发。
4、网站安全性措施，防黑、防病毒方案(如果采用虚拟主机，则该项由专业公司代劳,例如：耐思尼克)。
5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP;数据库SQL、ACCESS、ORACLE等。
四、网站内容及实现方式(与专业公司商议)
1、根据网站的目的确定网站的结构导航。
一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。
2、根据网站的目的及内容确定网站整合功能。
如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。
3、确定网站的结构导航中的每个频道的子栏目。
如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等;客户服务可以包括：服务热线、服务宗旨、服务项目等。
4、确定网站内容的实现方式。
如产品中心使用动态程序数据库还是静态页面;营销网络是采用列表方式还是地图展示
基本内容
一个网站的成功与否与建站前网站的规划有着极为重要的关系。
在建设网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。网站建设方案应该尽可能涵盖网站规划中的各个方面，网站建设方案流程的要科学、认真、实事求是执行。
服务内容
市场分析
1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网络中间上开展公司业务。
2、市场主要竞争者分析，竞争对手网站建设情况及其网站规划、功能作用。
3、公司自身条件分析包括公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力(费用、技术、人力等)。
功能定位
1、为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站?是企业的需要还是市场开拓的延伸?
2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。
3、根据网站功能，确定网站应达到的目的和作用。
4、企业内部网(Intranet)的建设情况和网站的可扩展性。
解决方案
根据网站的功能确定网站技术解决方案。
1、采用自建服务器，还是租用虚拟主机。
2、选择操作系统，用unix,Linux还是Window20xx/NT。分析投入成本、功能、开发、稳定性和安全性等。
3、采用系统性的解决方案(如IBM，HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。
4、网站安全性措施，防黑、防病毒方案。
5、相关程序开发。如网页程序asp 、 net、JSP、PHP程序等。
网站规划
1、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。
2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。
3、如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站后调查人们对网站内容的满意度，以及时调整网站内容。
网页设计
1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合行业规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。
2、在新技术的采用上,要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
3、制定网页改版计划，如半年到一年时间进行较大规模改版等。
4、网页设计应考虑导航的设计、二级页面的内容以及网站布局、色调搭配等，合理的网页布局能给人一种视觉上的冲击力，从而为宣传、推广等奠定良好的基础。
网站维护
网站的维护要分前期和后期维护以及长久维护，相对来说后期维护耗费的人力较多，随着网站的规模越来越大，维护的费用会相对增加。
1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。
2、数据维护、内容维护等。
网站推广
网站建设完后需要有流量。一个没有流量的网站就如一座空房子，死气沉沉。网站如何获得流量就需要做好网站推广了。
1、在公共场所广告，增加网站曝光。这种推广需要一些资金投入，企业可根据自身情况选择。
2、在各大网站软文，发帖吸引流量。
3、选择搜索引擎竞价排名。目前国内主流的搜索引擎是百度，可以选择百度竞价排名。
4、聘请专业seo人员或公司做好优化，提高网站搜索引擎排名。
时间和进度
包括网站开始和结束的时间，以及项目预计的进度，都应该在网站建设方案书中予以体现。
新晨科技股份有限公司(以下简称“新晨科技”)推出的解决方案为企业客户提供了提升关键应用性能的Arahe网络应用优化系统(以下简称Arahe SiteCelerate),对网站进行加速优化。Arahe SiteCelerate可以部署在数据中心,它能够帮助企业简化IT结构,提升应用的有效性能,从而极大地提升核心企业级应用性能。
内容分发领域以往主要采用缓存技术来降低带宽占用率,提升终端用户的访问性能,缓存系统因此成为ISP和企业网的关键部分。Arahe SiteCelerate的解决方案提出了新的解决思路――采用Web加速优化。Arahe SiteCelerate解决方案可以配置为专有的优化缓存系统,也可以和现有的缓存服务器共同工作,它可以加速上游网络的数据传输,减少下游占用的带宽,从而提升终端用户的浏览速度。
Arahe网络应用优化系统的核心是基于应用的实时内容处理加速优化技术,为所有经过80端口的上层应用带来性能的提升。Arahe网络应用优化系统的功能如表所示,其主要功能有五种:加速――减少数据在广域网和互联网传输的时间;优化――传输同样的内容却减少了带宽的占用;智能动态缓存――有更新的内容才发送,没有更新的内容就不作更改;减轻Web服务SSL加密给服务器带来的负载,减轻服务器和其他数据中心资源的消耗;转换WAP页面――Arahe网络应用支持将传统Web页面转化为适合手机访问的WAP页面。
这些功能使所有基于Web应用的性能得到快速提升,大大降低了带宽。SiteCelerate的优势功能主要包括加速、优化、优化图像、压缩、自适应的和可配置的动态缓存和SSL加速。
SiteCelerate的加速功能可以最大限度地减少网络延迟,它可以对服务器和所有用户之间的Web应用进行管理,根据用户请求的内容优化网络连接,提高网络传输效率。SiteCelerate可以将过去不能缓存的内容进行压缩缓存,将请求数据直接发送给用户,不必再向Web和应用服务器发出请求,而且变多次请求多次传输为多次请求一次传输,数据在网络中传输的效率可以提升2到5倍。
SiteCelerate不仅能够减少网络延迟,其优化功能还可以降低带宽租赁的费用,为客户节约开支。用户只需在中心机房采用SiteCelerate解决方案,就可以轻松地提升浏览网页的体验。
此外,SiteCelerate具有强大的图像优化功能,可以在保持图像显示效果的前提下,通过先进的GZIP+压缩技术,最大限度地压缩图像尺寸,提高网页浏览响应速度。在此过程中,用户无需在服务器端修改内容和配置,也不需要安装客户端软件,只需在服务器前端安装SiteCelerate即可。
SiteCelerate解决方案支持缓存动态内容,以便提高加速应用性能,提升扩展能力。它采用复杂的内容过期策略,减轻了应用服务器甚至数据库的负载。这种可配置的智能缓存技术使SiteCelerate能够智能缓存动态页面请求,可以消除应用服务器和数据库处理请求的延时,提高响应速度。此外,它可以针对同一个URL根据不同的缓存参数缓存多个相应页面,从而将动态内容看作是静态内容。这些缓存参数包括URL查询字符串、HTTP标头和COOKIE值等,因而私有数据也能被动态缓存。这项技术大大降低了应用服务器负荷,使服务器能够有更多资源来完成核心应用。
SiteCelerate在进行SSL加速时,会和用户建立SSL握手通信,解密用户的Web请求,以方式向Web服务器和应用服务器发出查询请求,再将回复内容压缩优化后进行加密,利用SSL连接将数据传回给用户。这使得后端服务器不必再和用户建立SSL连接并加密数据,大大减轻了服务器的负荷。此外,SiteCelerate处理的SSL数据是经过压缩优化的数据,SSL加密工作量大大减少了。加之SiteCelerate解决方案的持续连接技术消除了大量的用户和服务器建立连接时需要的身份认证和通信建立的数据包,大大减少了额外的SSL通信数据包,提高了SSL通信传输效率,能够使服务器性能提升4倍,增强SSL连接的扩展性。整个加速过程不仅速度快,而且对用户和服务器端都是完全透明的。
除了以上功能,SiteCelerate还能够重写URL,将服务器的URL转换为网络应用优化系统的URL,防止用户看到实际Web服务器的URL,增强了Web服务器的安全性。
国内某航空公司主要通过Web应用向全球提供新闻浏览、航班查询预定、旅行信息、OA办公等服务。服务器统一部署在国内总部机房。随着业务往来的海量增加,给网络带来了巨大的负担。
关键词 网页设计 立体化教材 高等职业教育
中图分类号：G424 文献标识码：A
Design and Practice of Web Design Three-dimensional Materials
GAO Yan
（Shenzhen Polytechnic， Shenzhen， Guangdong 518055）
Abstract In this paper， from the necessity of "Web Design" course materials' implementation of three-dimensional to three-dimensional design of the materials， and finally on how to implement specific construction "web design" three-dimensional materials， gradual progression analyzed and discussed， and gives "Web Design" course details of three-dimensional materials、
Key words web design； three-dimensional materials； higher vocational education
1 传统教材已不能满足网页设计课程的教学需要
传统教材指的就是我们通常所用的教科书，其表现形式为纸质，其教材体系更多的是学科知识体系的浓缩和再现，强调教材的核心内容是各门学科中的基本知识结构，强调学科领域之间的界限。立体化教材，区别于传统意义的印刷教材，是指通过多种教学资源的提供而提出的某课程的“整体教学解决方案”，它把各种相互作用、相互联系的媒体和资源有机整合起来，为教学提供一整套解决方案。
网页设计是一门既有理论知识，又对实践、动手能力有较强要求的课程。其特殊性在于：（1）它不是一种单纯的知识灌输，还包含各种操作技能的训练，是一门实践性和创新性很强的课程：要求学生不仅要学会制作软件的使用，还需要有创新性，能够真正独立制作并出一个个性化的个人网站。（2）它还是一门需要表现形象化和交互性内容的课程，那么在教学过程中，自然需要给学生展示网页效果，显示动画、声音以及交互效果，而这是传统教材的表现形式所无法展现的。
网页设计与制作课程的特殊性，决定了传统教材的纸质表现形式已不能满足教学需要，传统教材的体系结构也不能满足教学需要，而立体化教材体系的建立则有效地解决了这个问题。原因在于：立体化教材体系的建构，综合考虑了内容的多学科、教学对象的多层次、表现形式的多媒体、解决问题的多角度等不同层面的要求，能够满足网页设计这门课程的特殊需要。
2 网页设计立体化教材的设计
立体化教材通常包括印刷教材、学习辅助光盘、教学课件、教学网站、网络教学平台等多种资源。其内在本质则是内容编排与呈现方式的立体化设计，主要指以现代教育教学理论尤其是建构主义理论为指导，以网络、多媒体等信息技术为依托，提供一整套能够最大限度地满足教与学需要的整体解决方案，其目的是更新教学观念和教学模式，提高教学质量和效益。
从立体化教材的内在本质来看，对各种教学资源进行有效的设计才是立体化教材建设的关键所在。立体化教材建设绝不是各种教育资源的简单拼凑，而是要进行整体的策划和设计，对资源进行有效的整合，正确认识各种媒体的特性和实用效果，遵循以下几个基本原则：目的性原则、教师和学生共同参与的原则、直观与抽象相结合的原则、经济性原则、多种媒体优化组合原则等，才能最大限度地发挥其自身的优势，进而优化整个教学过程。
3 网页设计立体化教材的建设与实践
3、1 主教材《网页设计与制作实用教程》
《网页设计与制作实用教程》教材为普通高等教育“十一五”部级规划教材，具有以下几个特点：（1）教材的结构体系：教材采用目标式案例教学方式，以完整案例贯穿全书。本教材采用“设计目标—页面分析—实训引导—制作过程—归纳总结—举一反三”的目标式案例教学方式编写。每个章节均以具有代表性、实用性、趣味性的实例导入，在分析实例的基础上，展开具体实现的过程，使读者能够快速把握实际操作的思路，并在操作过程中掌握网页设计与制作的方法和要点。（2）内容的编排：以实用为目的，由浅入深，符合教学规律。本教材在内容的规划上不追求面面俱到，而是针对高职教育的特点，大胆舍弃根本就不实用的内容，本书在内容的安排上由浅入深、循序渐进、逐步拓宽知识点。全书实例从最简单的页面开始，逐渐丰富、完善，最后制作出较复杂、完整的页面。（3）设置了“配套实训”，鼓励学生课后自主制作网站。本教材在配套实训中提供了题材丰富多样的实训项目，指引学生在完成课堂案例学习之后，能在辅导光盘、网络学习平台中获得配套实训的素材资源，鼓励学生可以触类旁通地完成相应的配套实训，巩固课堂所学知识。“配套实训”的主题亦均是学生所感兴趣的内容，如“信乐团”网站、“HUNTER”网站、“八音盒”网站、“杭州西湖”网站、“游戏任务介绍”网站、“汽车世界”网站等等，可以充发激发学生的学习兴趣。
3、2 教学课件
教学课件不应该做成“文字搬家”式的幻灯片，我们在利用PPT制作教学课件时，充分考虑了以下两方面因素：（1）在内容上，与教材配套使用，突出教学内容的重点和难点。（2）在表现形式上：体现出PPT演示文稿的集成性、观赏性、超媒体结构的特点。集成性指的是集图形、声音、视频、动画于一体的演示文稿；观赏性则是指相比传统的静态平面表现形式。PPT演示文稿更加生动、直观，具有观赏性；超媒体结构指的是演示文稿中的文本、声音、图片等信息形式之间的链接，这种结构便于老师根据教学需要自由选择和重新组织教学内容。
3、3 学习辅助光盘
为了便于学生学习，提供了学习辅助光盘，主要包含3个部分：一是完整的“畅想未来”网站案例；二是各章教程的相关素材和结果样例；三是各章的配套实训（包括相关素材和结果样例）和练习题。
3、4 教学网站（http：///webcourse）
教学网站提供了配套的教学资源，包含所有教学指导文件、教学课件、制作素材、完成的页面效果、配套实训以及练习题等。考虑到网站的观赏性，我们将网站的风格定义为清新自然；结构则选择框架结构来表现出来，脉络清晰、主题鲜明；在内容的组织上，每一章先给出主要内容及教程案例，并提供素材下载以及案例演示，以供学生下载练习。
3、5 网络教学平台（http：//）
利用网络教学平台，可辅助教学：考勤、作业提交、资料下载、教学论坛、网上考试等。教师可以通过网上教学平台进行考勤，上传素材，下载学生的作业等功能来辅助教学，课前教师将本次课所讲的内容上传到网络，以便学生预习；课后学生则可以及时提交自己的作业，便于老师批阅。教师还可应用教学论坛来进行师生交流，以及时跟进教学进程，还可以通过互动交流进一步改进课堂教学方式，增强课堂教学效果。
4 结束语
本文从网页设计课程的特殊性着手，说明本课程亟需立体化教材建设，进而根据教学设计中的媒体选择与设计原则规划了本课程的立体化教材体系结构，然后进一步详细阐述了本课程的立体化教材的具体开发过程。总之，建设立体化教材体系需要针对教学系统进行整体设计，要能促进教学水平的不断进步和教学质量的不断提高，要既能满足教师的教学需要，也能满足学生的学习需要。
参考文献
[1] 黄荣怀，郭芳、立体化教材的设计与开发、现代教育技术，2008（10）、
[2] 陈胜利，时雪梅、立体化教材及高等职业教育的教材定位、图书情报通讯，2002（4）、