基于Dreamweaver开发新生入馆教育平台.docVIP

基于Dreamweaver开发新生入馆教育平台 　　摘要：全国高校图书馆为了让学生能够更加快速地了解图书馆提供服务内容以及更加有效地利用图书馆的资源，开展了各类的新生入馆教育活动。近几年，新生入馆教育学习平台也陆续上线。笔者结合安徽医科大学图书馆的情况，基于DreamWeaver开发了我馆的新生入馆教育学习平台。 　　关键词：DreamWeaver；新生入馆教育 　　中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2018）17-0124-03 　　Abstract： In order to make freshmen know the library service more rapidly and use library resource more efficiently， university libraries all over the country carry out various types of library education activities.In recent years， more and more library education websites have been developed and used. Considering the circumstance of Anhui Medical University’s library，I have developed a library education website for freshmen of Anhui Medical University. 　　Key words： DreamWeaver； Library Education Website for freshmen 　　1 背景介绍 　　近几年来，新生入馆教育开始成为高校图书馆必不可少的一项工作内容，旨在让新生快速了解图书馆的服务功能，能够更有效地利用图书馆资源。 　　我馆结合实际情况，在每年新生入学期间，带领新生到现场实地参观并且进行培训讲座，线上则推广新生利用新生入馆教育平台进行学习与测试。其中，我馆的入馆教育学习平台由笔者自主开发，现已投入使用。 　　2 开发与实现 　　2.1 开发工具 　　首先，考虑到入馆教育学习平台最基本的功能，即向读者展示馆内信息，静态页面已经可以满足要求，所以在开发工具的选择上，采用了最常见的网页开发工具--DW（DreamWeaver）。DW是由Adobe公司开发的网页设计与制作软件，使用所见即所得的接口，系统兼容性强大，亦有HTML编辑功能，不仅可以制作网页，也可以对网站进行管理，易学易用。 　　新生入馆教育学习平台的开发使用DW CS5版本，在该版本中，支持CSS3/HTML5和JQuery集成，并且工作区将多个文档集中在一个窗口中，降低了系统资源的占用，更加方便快捷地操作文档。 　　平台素材搜集上，主要以我馆内外馆舍照片为主，并使用美图工具对其进行编辑和美化，再加入一系列的简笔画图标，使得新生入馆教育学习平台整体风格简洁又不失生动。 　　2.2 开发过程 　　入馆教育学习平台的开发过程大体分为设计、素材收集与美化、创建站点、制作网页、配置服务器与测试六个部分。 　　网页结构图的设计是搭建平台框架的第一步，也为后面插入页面布局表格提供了重要的参考。为了新生能够直观有效地学习图书馆的设施和服务，平台体系需要条理清晰，简洁易懂。所以笔者在设计时，采用了树形结构，连接简单，维护方便，易于以后模块内容的增减。结构图如图1： 　　规划完学习平台的体系，将收集到的素材打包存储至指定的路径下，之后建立站点。站点，是通过各种链接建立逻辑关联的文档的组合。进行网页制作之前需要建立站点，在DW CS5中，站点主要分为Web站点、远程站点、本地站点、DW CS5站点定义。建立入馆教育平台的站点时，先建立本地站点，在本地磁盘上编辑文件，完成页面制作后，在上传到远程站点服务器上。本馆入馆教育平台站点（命名为ahmulibedu）配置如图2： 　　通过HTML语言制作网页，首先在站点文件夹目录下，创建html文件，部分文件目录如图3： 　　关于网页框架的创建，参考之前设计的模块内容和整体布局，插入嵌套表格，在对表格属性进行更改，之后添加相应的构成元素，如文字、图片等，再通过“链接”和“热点链接”的插入完成二级页面的跳转。编辑完页面之后，通过运行即可上传至站点。 　　2.3 部分代码实现： 　　以新生入?^教育平台首页为例： 　　2.3.1 HTML语言 　　平台首页布局比较简单，主要通过设置color和background属性，来制作用户操作界面。 　　2.4 服务器的配置 　　新生入馆