《网页设计》课程教学网站的构建及应用探讨

　　摘要：随着网络技术的发展和网络的普及,网络教学已经成为当前的一个教育热点，文章就目前我系师生共同开发完成的《网页设计》课程教学网站展开探讨教学网站开发的意义及构建的过程。
　　关键词：网络教学；课程教学网站；开发；构建
　　当今是信息技术的飞速发展时期，网络已十分普及，因特网的开放性，使信息技术对我们学习方式的变革具有革命性的影响，在此社会环境下，进行学科教学与信息技术的无缝结合，是未来学校教学的趋势之一，对当前学校教育教学改革具有一定意义。
　　一、开发课程教学网站的背景
　　随着互联网的日益普及，网络媒体的交互性、信息的海量存储和信息形式的丰富多样性的特性，使得利用网络学习备受广大教育研究者和一线教师的关注，网络教育的迅猛发展的势头令人惊喜。建设网站平台、利用网站平台进行教育教学工作是目前教育的一大趋势。课程教学网站的建设，给学生提供一种全新的学习环境及学习方法，为学生学习提供一种辅助的工具,可以实现优质教学资源共享，提高高等学校教学质量和人才培养质量，目前，国内许多院校都建立了课程教学网站，事实证明，这些网站的建设，不仅有效地弥补了课堂授课的不足，还有利于提高学生学习的自主性，增进了教师与学生群体、学生与学生之间的互动，为协作学习创造了理想的空间。因此，构建和开发具有自己办学特点，培养目标及学生特点，并融合教师教学设计思想的课程教学网站是非常有意义的。
　　二、研究和开发课程教学网站的意义
　　建构主义学习理论认为知识不仅仅通过教师传授得到的，而是学习者在一定的情境（即社会文化背景）下，借助他人（包括教师和学习伙伴）的帮助，利用必要的学习资料，通过建构方式而获得的。建构既是对新知识意义的建构，同时又包含对原有经验的改造和重组。而课程学习网站平台的初衷就是强调学生在虚拟的网上学习环境中，借助网站提供的教学资源，通过自身的探究活动和与其他学习者或帮助者的协作努力，完成对新知识的学习，实现教师的教学任务。同时，网络教学能突破时间和空间的限制，让学生可以在任何地点、任何时间使用网上各种教学资源进行学习，弥补课堂教学的不足。建立建设专业课程教学网站对于学生自主学习专业知识具有重要的作用，在构建网站的过程中引导学生参与网站的建设与管理，可以有效提高学生实践动手能力和知识的运用能力。同时，建设课程网络平台，既能提高我系教学科研水平，更重要的是能提高学生的学习能力。更进一步来说，该课程网络平台的开发能够加快我系网络教学，为下一步建立专业群课程网络平台奠定基础。
　　三、课程教学网站的基本功能
　　我们认为，课程教学网站应当是具有学校、教师、和学科的鲜明教育特色，体现学科教师教学、学生学习活动为核心的网站。其宗旨是培养学生学习利用信息技术的意识和能力，促进信息技术与学科课程的整合，逐步实现教学内容的呈现方式、学生的学习方式、教师的教学方式的变革。根据这一宗旨，我们设定的教学网站的基本功能如下：
　　1、提供丰富教学资料，如相关电子文档、软件、课件，案例效果和素材、课后作业习题等，方便学生下载学习；
　　2、提供和展示课程教学大纲和教学计划，使学生了解整门课程学习的内容和进程
　　3、由于《网页设计》课程为考证课程，网站还应设计相应的ATA考证题库、让学生通过网站了解ATA考证的相关内容、题型，提高学生考证的通过率；
　　4、能够为学生、教师提供相应的信息存储能力，学科教师可以将教学信息、教学参考资料、教案和课件较方便的发布到网站中，学生也可以将自己的作业和收集到的资料方便的发布到网站中，实现优质信息资源共享；
　　5、提供教学视频，将本系教师讲课录像或其它优秀教师讲课录像上传，实现良好的网络教学效果；
　　6、提供优秀学生作品展示，将历届优秀学生作品在网上展示，激发学生的学习兴趣。
　　7、开辟教学论坛，供学生与教师、学生与学生、甚至教师与教师之间进行交流
　　8、包含其它优秀的介绍网站制作知识和素材的链接，给学生提供更多网站设计和制作的知识和经验。
　　9、能够提供一定的安全机制，提供数据信息的授权访问，防止随意删改。
　　四、课程网站的构建
　　主题教学网站、摘要重点
　　根据以上的分析，我们把网站的结构大致规划如下：
　　
　　教学网站的建设是一个复杂的系统工程,我们将网站建设分为网站结构设计、网站视觉效果设计、网站框架实现和网站信息的管理四个环节。本网站的建设由我系主教网页设计的教师带领网络班的学生分组协同完成。这样做既可以使制作的网站有自己的鲜明特色，符合自己的需求，又可以让学生把学过的网页设计的知识运用到实际中，增加学生的实际动手能力，培养学生的团队合作能力。而师生共建的作品，本身就是对教学资源库的二次开发，成为新的有价值的教学资源，甚至经过逐步完善后可以形成有特色的多媒体电子教材。
　　1、网站结构设计：网站的结构设计主要是由教师根据学科教学和学科的特点确定网站的主要栏目，如上图所示，并提供相关的教学资料，包括教学大纲、教案、课件、案例，实验报告等，交给学生进行整理、做好网站制作的准备工作。
　　2、网站视觉效果设计：网站的视觉效果设计主要由学生来完成。一个良好的视觉设计可以使学生在访问网站的同时受到美的熏陶，使学生喜欢网站,增加网站的点击率。这个过程首先由教师在网络班中选择图形图像处理软件学习基础好的学生，指导学生搜索和处理图片素材，根据预定好的网站结构设计好网页的版面。网络班的学生系统学习过PHOTOSHOP、Fireworks、FLASH等网页图形图像及动画软件,能完成一个布局较合理、颜色搭配协调，导航方便的网页版型的设计，制作网页动画，并将设计好的版面效果做成网页。以下是一个运行界面
　　
　　3、网站框架实现：教学网站框架程序由教师带领网络班学生共同完成。使用先进的动态网页技术与网络数据库技术，构建带有在线更新功能的学科教学网框架。这样可以保证学科教学网站的技术水平，能随时进行网站信息的更新，同时又能大大提高网站的管理能力，降低网站信息建设和维护的难度。
　　4、网站信息的管理：网站基本搭建完成后，还应对网站进行必要的维护和信息的更新，例如，网站内容需要更新，可利用网站提供的管理模块将教学信息上传到学科教学网站中，这些也可以部分放权给学生，交给学生进行管理，让学生全面的参与网站的建设与管理，增强学生的责任心，网站的管理能力，提升学生的实际动手能力。
　　采用以上开发模式，能开发符合任课教师的教学过程，带有学科特色的教学网站。对于参与到网站建设的学生来说，也是一次难得的锻炼机会，有效地把课堂学过的知识运用到实践中来，提高学生的实际动手能力和分工合作的能力，也能提高网站开发的效率。
　　五、课程教学网站的应用
　　教学网站的应用主要有进行远程辅导、开展研究性学习活动、开展自主协作学习等。下面就以利用教学网站进行自主协作学习进行说明。
　　利用学科教学网站开展自主协作学习，就是在课堂教学中将学科教学网站作为一种学习工具，教师通过教学网站的虚拟课堂栏目中发布学习任务、呈现教学内容和相关练习；学生则利用教学网站这一学习工具，在课余上网到网站上了解课程的相关要求和学习任务，下载课件和作业，自行练习掌握相关知识。还可以利用教学网站开展探究学习，在探究的同时，学生可以通过论坛相互探讨遇到的困难和解决问题的思路等。那些初步完成任务的同学就可以做“小先生”去帮助有困难的同学。教师也可以参与学生的讨论，提出一些学生可能没有意识到的关键问题，或对复杂问题加以启发和点拨，或提出一些拓展问题，供学有余力的同学继续思考。学生根据前一环节讨论与学习，在学科网上进行在线练习以达到强化、巩固的目的。
　　六、小结
　　构建教学网站，为学科教师与学生提供了全新的学习工具，是改革传统教学模式、实现学科与信息技术整合、培养学生信息素养的重要途径。同时，学科教学网站是校园网的重要组成部分，它的建设将大大提高校园网的利用效率。
　　参考文献：
　　[1]张伟远.网上学习环境评价模型、指标体系、及测评量表的设计与开发[J]中国电化教育.2004，（7）：29－33.
　　[2]《DreamweaverMX互动网页圣经》吕志宏，魏东升著，飞思科技产品研发中心改编—北京：电子工业出版社，2003.4.
　　[3]《素质教育下的电化教学手段运用研究》于素云著，中国电化教育杂志社,1999.
　　[4]《多媒体网络教学的特点及发展趋势》刘邦奇著，中国电化教育杂志社,1999.