网站首页  词典首页

请输入您要查询的论文:

 

标题 基于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 Universitys 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 服务器的配置

    新生入馆教育平台开发环境为Windows Server 2008 R2,通过安装IIS 7来对制作好的网页进行发布。IIS是一种Web服务组件,包括Web服务器、FTP服务器等,用于网页浏览、文件传输,支持DreamWeaver的网页发布。

    一般情况下,Windows系统里没有IIS 7,需要安装与配置。具体安装步骤为:打开服务器管理器,进入页面中的角色页面添加角色,选择Web服务器(IIS)并且选择安装IIS6管理兼容性的相关组件。安装完毕后,在Internet信息服务(IIS)管理器中,对“Default Web Site”进行修改,将行为选项组里的“启用父路径”的参数设置为True。

    在开放端口方面,为了避免系统程序占用80号端口,采用8081端口,可以通过命令行来实现,也可以通过防火墙来设置。

    2.5 运行效果

    2.5.1 首页

    2.5.2 模块导航页

    2.5.3 进入测试系统页

    增加图片按钮,创建“热点链接”,跳转进入测试系统。

    3 问题总结

    在开发的过程中,会遇到一些细节问题,如果不及时解决便会影响整个网站的开发进度,现笔者罗列出在以下几点问题:

    3.1 缓存问题

    在设置完IIS之后,通过DW对网页进行修改,在运行时发现,页面并未更新。需要手动在服务器上清楚IIS缓存。具体操作是打开IIS配置管理软件,选中网站后,选择“HTTP头”TAB标签,点击“添加(D)”选项,在弹出的窗口中“自己选择HTTP头值(U)”中写入:“no-cacthe”。保存后,服务器IIS缓存就被完全清除了。

    3.2 素材保存路径问题

    在制作网页时会大量使用到素材,但是在调用时,会出现图像显示不出来或找不到路径的问题。所以为了提高素材的有效性,将其统一放在文件夹中,然后放在C:/inetpub/wwwroot下。在插入图像时,选择站点根目录,确保素材路径无误。

    3.3 后期的优化问题

    对比市面上其他高校采购的新生入馆教育学习平台,确实还有许多需要改进的地方。例如,形式上过于死板,仅为静态页面,可能会降低新生学习的兴趣。所以考虑后期将网站往动态方向优化,或者结合医学类题材,进行特色环节的设置,提高新生对于入馆教育学习的主动性与积极性。

    参考文献:

    [1] 高平. 基于Dreamweaver的网站设计与实现[J]. 数字技术与应用, 2013(10): 149-151.

随便看

 

科学优质学术资源、百科知识分享平台,免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。

 

Copyright © 2004-2023 puapp.net All Rights Reserved
更新时间:2024/12/23 1:26:48