中职精品课程网站建设与实践

《中职精品课程网站建设与实践》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、中职精品课程网站建设与实践　　摘要：精品课程网站建设是精品课程建设的一个重要环节。就网站建设中网站风格、网站框架内容、网站制作技术以及网站建设中所需要注意的一些基本事项进行初探。　　关键词：精品课程；网站设计；师生互动　　一、背景　　2010年，上海市教育委员会启动上海市中职学校精品课程建设项目，根据《上海市教育委员会关于开展中等职业学校精品课程建设的通知》沪教委职（2010）要求，我校多媒体设计与制作课程成功申报为市级精品课程。该课程需要使用包括GoldWave、PS、Flash、Dreamweaver、Power

2、Point、illustrator、Authorware等覆盖音频、视频、动画、图形、图像等内容的软件，是一门操作性强、整合性强的课程。课程建设基本完成，笔者作为该课程的主要负责人，对课程网站设计与建设以及一些注意事项进行了探究与实践。　　二、网站设计　　1.网站风格　　精品课程的网站风格定位非常重要，整个网站属于教育类型的网站，整体风格设计应该简洁不失高雅。同时，作为面向中职学生的网站，网站风格又应该增加一些活泼、动感的元素。在设计时主要考虑以下几点：　　（1）布局5　　网页特别是主页的布局是非常关键的。根据本网站

3、整体设计风格和大众视觉中心点理论，整体采用上、中、下的布局模式。具体设计如下表所示。　　（2）色彩　　网站色彩的选用同样至关重要。本网站的色彩根据我校网站风格以及课程特点采用中性色加暖色系列。运用灰白为一级色调，橙色为二级色调。这样的色彩搭配稳重不失活泼、整体统一而又重点突出，又能做到大调和小对比的效果，达到良好的视觉　　感受。　　（3）效果　　本网站面向的对象以中职学生为主，在设计时内容需通俗易懂、加强应用类知识点，弱化理论性知识。同时，为了增加网站的可看性，在网页内容部分增加Flash动画效果，动态展示学生自创作

4、品，增加学生互动交流区域。　　2.网站框架　　根据上海市中职校精品课程的各项评审指标，为方便课程网站的管理，网站的导航设计成厂字型的结构形式，这种设计简洁明了，横向导航覆盖课程所有建设内容，纵向导航突出重点和特色。具体网站栏目与功能设计如下表所示。　　横向导航项目功能具体如下：　　（1）课程概况5　　包括课程简介、历史沿革、课程设计等内容。介绍多媒体设计与制作课程的主要内容和我校开设这门课程的历史沿革以及课程的总体设计思路。　　（2）课程团队　　主要介绍建设该课程的教师团队，其中包括课程负责人、主　　讲教师、教学团队

5、、师资结构、教师的教科研情况、学术论文等方面的内容。　　（3）教学内容：详细介绍课程的每项教学模块，其中包括GoldWave、PS、Flash、Dreamweaver、PowerPoint、illustrator、Authorware七大软件的具体教学内容。　　（4）教学条件　　充分展示我校的教学实训条件，以图文并茂的形式展现我校的校内实训基地、校外实训基地以及网络教学环境。　　（5）教学资源　　提供丰富的教学资源，以供学生下载和自学。其中包括教学大纲、课程授课计划、电子教案、多媒体课件、试题库、实训指导大纲、实训指

6、导、实训操练、教学录像等内容。　　（6）实训项目　　实训项目包括课程配套的实训内容。多媒体设计与制作是一门计算机操作类型的课程，通过实训项目的练习和操作，学生可以增强多媒体作品制作的能力。5　　纵向导航项目功能是根据课程建设的特色内容和主要内容进行设计。如申请时的申请书，该课程所有的教学文件，实施整个课程的教学方法和手段等。这些项目单独罗列便于访问者浏览和自学。　　3.网站制作技术　　网站的制作分为三个阶段，第一阶段为网页效果图制作。将内容设计成平面网页效果图，可采用任意的平面设计软件。第二阶段为静态网页制作，采用F

7、ireworks和Dreamweaver进行切片和整合，使用目前流行的DIV+CSS模式，此模式的优势在于代码少，提高页面浏览速度；结构清晰；支持各种浏览器；便于网站优化。第三阶段为动态网页制作，整个网站后台是由课程发布平台和课程管理平台组成的一套强大的系统，能针对不同的精品课程进行不同的管理和设置。后台使用的数据库是SQLServer2008，编程语言是C#，开发工具是VisualStudio2010。　　三、网站建设注意事项　　课程网站的开发和制作不只是网站技术的问题，更是包括教育教学、课程专业等多方面因素的系统

8、工程。建设一个课程网站周期长，涉及面广，参与人员多。在建设时需要充分考虑以下几个方面：　　1.网站功能　　精品课程的网站面向的是自学的学生群体。网站的功能主要是首先为学生提供自主学习的平台。另外，网站的功能还要体现在师生交流方式的改革，本网站中的在线学习提供给学生自主学习。同时网站中设计电子留言板（BBS）、BLOG等功能以便学生相互交流。最后