基于网页开发的校本课程建设实践路径

徐宇阳 赵双

校本资源是深藏的教学资源宝库，相较于课本素材，校本资源具有更好的地域适用性、易得性和亲近性。亲近是指其在学生当中，具有情感上的共鸣和文化上的亲近，更易被学生接受，但校本资源的开发有一定难度，原因在于对原始素材的加工和转化上，经过收集、整合、加工，原始素材经历了一个“去粗取精，去伪存真，由此及彼，由表及里”的过程，形成教学材料，才可以真正用于课堂教学。

经过长时间的实践，笔者认为网页是校本资源最好的载体之一，优点是网页的触及群体广泛，访问的便捷度更高，搭载的内容图文并茂，声像俱全，学生更易于接受、理解与掌握，在“互联网+教育”新理念的推行之下，网页版的校本资源将实现更大的价值。

笔者依据地理教学的需要，将校园文化广场中的日晷园开发为“网上日晷园”，取得了很好的实际效果，搭建网站的过程分为素材收集整理、网页开发、后期调试三个阶段。

一、素材整理阶段，提供有价值的校本资源

网页资源的选取应本着形象生动、深入浅出、色彩丰富、直观具体等选取原则，按照文件小、类型多、动态性、演示性等素材要求，将日晷园中得到的照片、视频、文字记录等粗材料进行加工。如，对各种类型日晷的摄影，使用单反相机的M档模式，选择晴朗的天气，利用良好的光照、蓝天等要素，对日晷园进行拍摄，对照片进行筛选和后期处理，得到了日晷园全景图、局部近景图，以及每种日晷的特写图。

还有些材料进行了重组和再创造，例如，用绘图软件绘制的或手绘的日晷原理图解（图1），有价值的文字和图稿，以及国内知名学者关于日晷研究的成果，将其中能用于科普和教学的知识进行简化和再创作，运用体积小、压缩率高的图片和视频格式，将知识用静态与动态两种方式展现。

二、网页开发阶段，寻找可行的实现途径

网页开发有别于普通的课件制作，网页作为一种“超文本”的文件形式，比文本文档资料有更丰富的表现形式，更强的受众穿透力，更好的互动性，浏览网页的观众能通过超链接，自主选择浏览的路径和拍摄的内容。但同时，网页开发具有一定的难度。在本案例中，笔者使用Dreamweaver軟件作为建立和编辑网页的工具，先将素材分门别类，区分出版块内容，将其编辑为“首页”“关于”“展厅”“原理”“联系我们”共5个版块，建立5个“.html”网页文件，用

语句，对页面布局作大致规划（图2）。

使用CSS和bootstrap代码对网页外观进行美化，使用@media{}语句，设定不同浏览屏幕的网页布局，以让其适应手机、Pad访问（图3、图4）。

使用“阿里云”服务器，装入Linux系统，进入控制台界面（图5）。

安装FTP协议和Http协议的支持软件（图6、图7）。

将本地网页文件上传至服务器，并测试远程访问效果（图8～图10）。

三、后期调试阶段，优化参数配置，改善访问体验

访问速度关系到页面访问者的体验，有必要对访问速度进行测试和提速，从打开网页到全部呈现首页大约4～5秒，速度还是比较可观的，根据反馈，笔者对图片进一步压缩，并对字体文件和代码量进一步优化，使访问速度进一步改善。

四、结论与讨论

“互联网+教育”是教育现代化的最新表现形式，互联网让教育以更好的方式呈现出来，使教育有了更多实现渠道，也让受教育者有了更多选择。在以网页形式呈现的《日晷园》校本课程中，学生可自主选择学习时间和内容组合，有的学生可能希望从网络上获得古代计时相关的历史知识，而另一些学生则可能更希望学习日晷的数学原理，以及相关的天文学知识。因此，网上日晷园为学生群体的差异化发展提供了一个可供研究的样本。

以网页形式呈现的校本课程，在促进教育公平化方面也有独到的价值，它让知识不再受限于课堂、校园等有形的界限，将知识布展到更广阔的区域中，只要有网络的地方，教育价值就有实现的可能。校园内优质资源以网页形式开发出来，符合广大公众对于接受更好教育机会的期待。

当然，还有许多值得进一步完善的地方，例如，网页的视觉效果值得进一步完善，通过色彩搭配，动静结合等手段改善访问者的体验。在网页中，通过技术提升，加入虚拟参观，有奖问答，在线互动，互助学习等栏目，使网页的优势尽可能地发挥出来，还可以邀请相关领域的专家、学者，作客天文学知识栏目，使校园内优质资源发挥更大的科普价值。