基于Dreamweaver開發(fā)的新生入館教育平臺

熊楓

摘要：全國高校圖書館為了讓學(xué)生能夠更加快速地了解圖書館提供服務(wù)內(nèi)容以及更加有效地利用圖書館的資源，開展了各類的新生入館教育活動。近幾年，新生入館教育學(xué)習(xí)平臺也陸續(xù)上線。筆者結(jié)合安徽醫(yī)科大學(xué)圖書館的情況，基于DreamWeaver開發(fā)了我館的新生入館教育學(xué)習(xí)平臺。

關(guān)鍵詞：DreamWeaver；新生入館教育

中圖分類號：TP311 文獻標(biāo)識碼：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 背景介紹

近幾年來，新生入館教育開始成為高校圖書館必不可少的一項工作內(nèi)容，旨在讓新生快速了解圖書館的服務(wù)功能，能夠更有效地利用圖書館資源。

我館結(jié)合實際情況，在每年新生入學(xué)期間，帶領(lǐng)新生到現(xiàn)場實地參觀并且進行培訓(xùn)講座，線上則推廣新生利用新生入館教育平臺進行學(xué)習(xí)與測試。其中，我館的入館教育學(xué)習(xí)平臺由筆者自主開發(fā)，現(xiàn)已投入使用。

2 開發(fā)與實現(xiàn)

2.1 開發(fā)工具

首先，考慮到入館教育學(xué)習(xí)平臺最基本的功能，即向讀者展示館內(nèi)信息，靜態(tài)頁面已經(jīng)可以滿足要求，所以在開發(fā)工具的選擇上，采用了最常見的網(wǎng)頁開發(fā)工具--DW（DreamWeaver）。DW是由Adobe公司開發(fā)的網(wǎng)頁設(shè)計與制作軟件，使用所見即所得的接口，系統(tǒng)兼容性強大，亦有HTML編輯功能，不僅可以制作網(wǎng)頁，也可以對網(wǎng)站進行管理，易學(xué)易用。

新生入館教育學(xué)習(xí)平臺的開發(fā)使用DW CS5版本，在該版本中，支持CSS3/HTML5和JQuery集成，并且工作區(qū)將多個文檔集中在一個窗口中，降低了系統(tǒng)資源的占用，更加方便快捷地操作文檔。

平臺素材搜集上，主要以我館內(nèi)外館舍照片為主，并使用美圖工具對其進行編輯和美化，再加入一系列的簡筆畫圖標(biāo)，使得新生入館教育學(xué)習(xí)平臺整體風(fēng)格簡潔又不失生動。

2.2 開發(fā)過程

入館教育學(xué)習(xí)平臺的開發(fā)過程大體分為設(shè)計、素材收集與美化、創(chuàng)建站點、制作網(wǎng)頁、配置服務(wù)器與測試六個部分。

網(wǎng)頁結(jié)構(gòu)圖的設(shè)計是搭建平臺框架的第一步，也為后面插入頁面布局表格提供了重要的參考。為了新生能夠直觀有效地學(xué)習(xí)圖書館的設(shè)施和服務(wù)，平臺體系需要條理清晰，簡潔易懂。所以筆者在設(shè)計時，采用了樹形結(jié)構(gòu)，連接簡單，維護方便，易于以后模塊內(nèi)容的增減。結(jié)構(gòu)圖如圖1：

規(guī)劃完學(xué)習(xí)平臺的體系，將收集到的素材打包存儲至指定的路徑下，之后建立站點。站點，是通過各種鏈接建立邏輯關(guān)聯(lián)的文檔的組合。進行網(wǎng)頁制作之前需要建立站點，在DW CS5中，站點主要分為Web站點、遠程站點、本地站點、DW CS5站點定義。建立入館教育平臺的站點時，先建立本地站點，在本地磁盤上編輯文件，完成頁面制作后，在上傳到遠程站點服務(wù)器上。本館入館教育平臺站點（命名為ahmulibedu）配置如圖2：

通過HTML語言制作網(wǎng)頁，首先在站點文件夾目錄下，創(chuàng)建html文件，部分文件目錄如圖3：

關(guān)于網(wǎng)頁框架的創(chuàng)建，參考之前設(shè)計的模塊內(nèi)容和整體布局，插入嵌套表格，在對表格屬性進行更改，之后添加相應(yīng)的構(gòu)成元素，如文字、圖片等，再通過“鏈接”和“熱點鏈接”的插入完成二級頁面的跳轉(zhuǎn)。編輯完頁面之后，通過運行即可上傳至站點。

2.3 部分代碼實現(xiàn)：

以新生入館教育平臺首頁為例：

2.3.1 HTML語言

平臺首頁布局比較簡單，主要通過設(shè)置color和background屬性，來制作用戶操作界面。

2.4 服務(wù)器的配置

新生入館教育平臺開發(fā)環(huán)境為Windows Server 2008 R2，通過安裝IIS 7來對制作好的網(wǎng)頁進行發(fā)布。IIS是一種Web服務(wù)組件，包括Web服務(wù)器、FTP服務(wù)器等，用于網(wǎng)頁瀏覽、文件傳輸，支持DreamWeaver的網(wǎng)頁發(fā)布。

一般情況下，Windows系統(tǒng)里沒有IIS 7，需要安裝與配置。具體安裝步驟為：打開服務(wù)器管理器，進入頁面中的角色頁面添加角色，選擇Web服務(wù)器（IIS）并且選擇安裝IIS6管理兼容性的相關(guān)組件。安裝完畢后，在Internet信息服務(wù)（IIS）管理器中，對“Default Web Site”進行修改，將行為選項組里的“啟用父路徑”的參數(shù)設(shè)置為True。

在開放端口方面，為了避免系統(tǒng)程序占用80號端口，采用8081端口，可以通過命令行來實現(xiàn)，也可以通過防火墻來設(shè)置。

2.5 運行效果

2.5.1 首頁

2.5.2 模塊導(dǎo)航頁

2.5.3 進入測試系統(tǒng)頁

增加圖片按鈕，創(chuàng)建“熱點鏈接”，跳轉(zhuǎn)進入測試系統(tǒng)。

3 問題總結(jié)

在開發(fā)的過程中，會遇到一些細節(jié)問題，如果不及時解決便會影響整個網(wǎng)站的開發(fā)進度，現(xiàn)筆者羅列出在以下幾點問題：

3.1 緩存問題

在設(shè)置完IIS之后，通過DW對網(wǎng)頁進行修改，在運行時發(fā)現(xiàn)，頁面并未更新。需要手動在服務(wù)器上清楚IIS緩存。具體操作是打開IIS配置管理軟件，選中網(wǎng)站后，選擇“HTTP頭”TAB標(biāo)簽，點擊“添加（D）”選項，在彈出的窗口中“自己選擇HTTP頭值（U）”中寫入：“no-cacthe”。保存后，服務(wù)器IIS緩存就被完全清除了。

3.2 素材保存路徑問題

在制作網(wǎng)頁時會大量使用到素材，但是在調(diào)用時，會出現(xiàn)圖像顯示不出來或找不到路徑的問題。所以為了提高素材的有效性，將其統(tǒng)一放在文件夾中，然后放在C：/inetpub/wwwroot下。在插入圖像時，選擇站點根目錄，確保素材路徑無誤。

3.3 后期的優(yōu)化問題

對比市面上其他高校采購的新生入館教育學(xué)習(xí)平臺，確實還有許多需要改進的地方。例如，形式上過于死板，僅為靜態(tài)頁面，可能會降低新生學(xué)習(xí)的興趣。所以考慮后期將網(wǎng)站往動態(tài)方向優(yōu)化，或者結(jié)合醫(yī)學(xué)類題材，進行特色環(huán)節(jié)的設(shè)置，提高新生對于入館教育學(xué)習(xí)的主動性與積極性。

參考文獻：

[1] 高平. 基于Dreamweaver的網(wǎng)站設(shè)計與實現(xiàn)[J]. 數(shù)字技術(shù)與應(yīng)用， 2013（10）： 149-151.