基于HTML的紅色文化網(wǎng)站設(shè)計開發(fā)

衛(wèi)辰浩

摘 要：紅色文化是新中國建立以來所特有的歷史文化，它是新中國建立并走上富強(qiáng)之路的一段歷史縮影。我們不僅僅要了解并學(xué)習(xí)這段文化，同時也要用我們自己的方式將這段文化傳承下去，利用網(wǎng)站技術(shù)將其保存從而達(dá)到我們的目的。文章基于HTML對紅色文化網(wǎng)站進(jìn)行了設(shè)計開發(fā)，以期對紅色文化的傳承做出貢獻(xiàn)。

關(guān)鍵詞：紅色文化;網(wǎng)站開發(fā);HTML

0 引言

陜西省銅川市照金鎮(zhèn)是中國陜甘邊革命根據(jù)地的中心，1933年春季，這片土地上誕生了中國長江以北的第一個革命根據(jù)地，它橫跨耀州區(qū)、淳化、旬邑、宜君4個自治市和縣區(qū)，面積數(shù)萬平方公里。這片土地為西北地區(qū)進(jìn)行文藝復(fù)興和革命發(fā)展奠定了堅實(shí)基礎(chǔ)。

照金陜甘邊革命根據(jù)地是中國共產(chǎn)黨于西北地區(qū)設(shè)立的第一個中國青年山區(qū)革命根據(jù)地，喚起了千萬中國各族人民在中國共產(chǎn)黨的正確領(lǐng)導(dǎo)下開展新一次土地革命的深刻覺悟，激勵著中國西北地區(qū)的人們爭取自我解放的頑強(qiáng)勇氣與信心，它又是中國紅軍進(jìn)一步發(fā)展和壯大、走向偉大勝利的戰(zhàn)場[1]。不僅如此，該地區(qū)還擁有“革命紀(jì)念館”“照金紀(jì)念碑”“薛家寨景區(qū)”“香山景區(qū)”等文化旅游景點(diǎn)。

筆者的實(shí)地調(diào)研發(fā)現(xiàn)，雖然照金紅色小鎮(zhèn)擁有“日照錦衣，遍地似金”的含義與特有的歷史文化和美麗景色，但是前往參觀學(xué)習(xí)的游客并不多。因此筆者決定將“互聯(lián)網(wǎng)”技術(shù)與歷史紅色文化結(jié)合起來向更多的人展示照金小鎮(zhèn)的風(fēng)采。

1 網(wǎng)站需求分析

要設(shè)計制作一個展示網(wǎng)站，首先要從用戶的角度出發(fā)，了解用戶的需求。所以建設(shè)前期做出以下具體規(guī)劃：

（1）根據(jù)現(xiàn)有的資源了解學(xué)習(xí)照金地區(qū)紅色文化的發(fā)展趨勢。

（2）制作調(diào)查問卷了解紅色文化最薄弱的地方，制作相關(guān)的改進(jìn)方案。

（3）聯(lián)系志愿者試用網(wǎng)站，并根據(jù)實(shí)際情況進(jìn)行改進(jìn)，確保有效性、實(shí)用性。

（4）與其他類似的平臺進(jìn)行對比，揚(yáng)長避短。

2 網(wǎng)站設(shè)計

在做好前期的準(zhǔn)備工作后，正式開始進(jìn)行網(wǎng)頁的開發(fā)規(guī)劃。基于HTML的展示網(wǎng)站開發(fā)，首先選用主流的開發(fā)軟件Dreamweaver進(jìn)行開發(fā)，運(yùn)用“DIV+CSS”，JavaScript技術(shù)在Windows操作系統(tǒng)下進(jìn)行網(wǎng)站的規(guī)劃處理。

更多地使用了基礎(chǔ)的標(biāo)記技術(shù)，總體規(guī)劃使用DIV方法以首頁為例展示構(gòu)造框架如具體下：

//該DIV顯示頂部網(wǎng)站圖片標(biāo)題。

//該DIV顯示布局導(dǎo)航條。

//該結(jié)束標(biāo)記為DIV“middle”的結(jié)束標(biāo)記將上述其三嵌套?！癿iddle”“right”DIV原理同“l(fā)eft”一致。

2.1 網(wǎng)站規(guī)劃

網(wǎng)站主要展示的是陜西銅川照金地區(qū)的特色，網(wǎng)站集文化、旅游、購物、住宿、交通、觀景于一體。

網(wǎng)站設(shè)立了交通指南、革命紀(jì)念館介紹、本地特產(chǎn)推廣、酒店住宿信息、自然景色5個模塊。內(nèi)容豐富使得用戶的體驗更加完善。網(wǎng)站首頁有各個模塊的縮影，方便用戶快速瀏覽信息，更快地找到自己所需要的內(nèi)容，從而大大節(jié)省了時間，也便于用戶快速了解本站信息[3]。

交通指南模塊的主要功能是提供交通信息，其中包含了位置信息，專門設(shè)立地圖模塊方便用戶查看所屬位置，以及瀏覽照金地區(qū)的所有地圖信息，后期技術(shù)成熟會加入定位信息。景點(diǎn)信息模塊為用戶提供最新的路況信息，方便自駕游的旅客及時調(diào)整規(guī)劃路線，以免遇到道路施工但是地圖未顯示的情況。地圖下方模塊主要為用戶提供最佳參考路線，包含自駕游與乘車游兩種路線信息。景點(diǎn)特色模塊為用戶提供特色旅游景點(diǎn)，方便用戶規(guī)劃參考。

革命紀(jì)念館為用戶提供陜甘邊革命根據(jù)地照金紀(jì)念館的詳細(xì)信息，便于用戶了解紀(jì)念館與周邊革命紅色景點(diǎn)與照金革命歷史。目前頁面主要推廣3個模塊：“照進(jìn)紀(jì)念館”“照金紀(jì)念碑”與“照金戰(zhàn)斗舊址”的歷史資料。

本地特產(chǎn)頁面主要為用戶介紹當(dāng)?shù)氐霓r(nóng)副周邊產(chǎn)品與本地特產(chǎn)，可以為用戶直接提供購買鏈接，解決了特產(chǎn)購買困難、景區(qū)產(chǎn)品貴、當(dāng)?shù)禺a(chǎn)品沒有銷路的問題，也為當(dāng)?shù)剞r(nóng)產(chǎn)品提供了發(fā)展的平臺。

酒店住宿頁面為用戶提供并篩選出照金附近的幾家酒店，標(biāo)明了價錢，方便用戶挑選，也為正在規(guī)劃旅游的用戶提供了真實(shí)并有價值的參考。在酒店介紹末尾提供了預(yù)訂酒店的鏈接，更方便了用戶的操作。

自然景色頁面為用戶提供美景圖片信息，每次出去旅游天氣總是“陰晴不定”，剛準(zhǔn)備欣賞美景，天氣卻“忽然轉(zhuǎn)陰”。這個頁面為用戶解決了這個問題，在最好的天氣記錄最美的風(fēng)景，也為沒有來過照金旅游的朋友提供了觀景平臺。

2.2 地圖功能實(shí)現(xiàn)

網(wǎng)站運(yùn)用JavaScript技術(shù)主要展示地圖信息，主要代碼如下：

//創(chuàng)建展示地圖主要代碼

//使用創(chuàng)建好的“ditu.html”導(dǎo)入新建容器向用戶展示地圖引用代碼

//新建放置地圖容器

//設(shè)置容器參數(shù)大小樣式

//將地圖函數(shù)創(chuàng)建并初始化：

functioninitMap（）{

createMap（）;//創(chuàng)建地圖

setMapEvent（）;//設(shè)置地圖事件

addMapControl（）;//向地圖添加控件

addMarker（）;//將marker添加至地圖中

}

//創(chuàng)建地圖函數(shù)：

functioncreateMap（）{

var map = new BMap.Map（“dituContent”）;//在地圖容器中新建一個地圖

var point = new BMap.Point（108.647159，35.062788）;//定義一個中心點(diǎn)坐標(biāo)此處定位至網(wǎng)站顯示默認(rèn)位置“照金紀(jì)念館”

map.centerAndZoom（point，17）;//將坐標(biāo)顯示在地圖容器中

window.map = map;//將map變量存儲在全局

}

3 結(jié)語

本文主要探討了紅色文化網(wǎng)站的設(shè)計制作，通過本系統(tǒng)的設(shè)計與實(shí)現(xiàn)，能夠系統(tǒng)地學(xué)習(xí)到網(wǎng)站開發(fā)的相關(guān)步驟和方法技巧，以及主要基于HTML技術(shù)，在Windows系統(tǒng)的環(huán)境下實(shí)現(xiàn)展示網(wǎng)站的各項功能，如新聞、特產(chǎn)內(nèi)容查看以及地圖功能的使用等多項功能，并在此基礎(chǔ)上將網(wǎng)站的各項設(shè)計與實(shí)現(xiàn)整合起來，實(shí)現(xiàn)一個完整的網(wǎng)站應(yīng)用。

該宣傳網(wǎng)站的實(shí)現(xiàn)，拉近了我們與紅色文化的距離。網(wǎng)站各項功能便于操作，內(nèi)容可視化較為完善，紅色網(wǎng)站的設(shè)計制作，不僅提升了專業(yè)知識，還真正弘揚(yáng)了我們的愛國主義精神，傳承紅色基因，體現(xiàn)當(dāng)代青年大學(xué)生的政治思想和情操。

[參考文獻(xiàn)]

[1]王凱旋.陜甘邊照金革命根據(jù)地研究[D].延安：延安大學(xué)，2014.

[2]高葵，付曉翠，李蔚妍.基于CSS+Div的盒模型網(wǎng)頁精確布局方法研究[J].電腦知識與技術(shù)，2020（27）：191-193，204.

[3]李偉.計算機(jī)網(wǎng)站建設(shè)的規(guī)劃設(shè)計及其實(shí)現(xiàn)[J].電腦編程技巧與維護(hù)，2020（12）：164-166.

（編輯 王雪芬）