前言：尋找寫(xiě)作靈感？中文期刊網(wǎng)用心挑選的HTML下紅色文化網(wǎng)站設(shè)計(jì)開(kāi)發(fā)探析，希望能為您的閱讀和創(chuàng)作帶來(lái)靈感，歡迎大家閱讀并分享。
摘要：紅色文化是新中國(guó)建立以來(lái)所特有的歷史文化，它是新中國(guó)建立并走上富強(qiáng)之路的一段歷史縮影。我們不僅僅要了解并學(xué)習(xí)這段文化，同時(shí)也要用我們自己的方式將這段文化傳承下去，利用網(wǎng)站技術(shù)將其保存從而達(dá)到我們的目的。文章基于html對(duì)紅色文化網(wǎng)站進(jìn)行了設(shè)計(jì)開(kāi)發(fā)，以期對(duì)紅色文化的傳承做出貢獻(xiàn)。
關(guān)鍵詞：紅色文化；網(wǎng)站開(kāi)發(fā)；HTML
0引言
陜西省銅川市照金鎮(zhèn)是中國(guó)陜甘邊革命根據(jù)地的中心，1933年春季，這片土地上誕生了中國(guó)長(zhǎng)江以北的第一個(gè)革命根據(jù)地，它橫跨耀州區(qū)、淳化、旬邑、宜君4個(gè)自治市和縣區(qū)，面積數(shù)萬(wàn)平方公里。這片土地為西北地區(qū)進(jìn)行文藝復(fù)興和革命發(fā)展奠定了堅(jiān)實(shí)基礎(chǔ)。照金陜甘邊革命根據(jù)地是中國(guó)共產(chǎn)黨于西北地區(qū)設(shè)立的第一個(gè)中國(guó)青年山區(qū)革命根據(jù)地，喚起了千萬(wàn)中國(guó)各族人民在中國(guó)共產(chǎn)黨的正確領(lǐng)導(dǎo)下開(kāi)展新一次土地革命的深刻覺(jué)悟，激勵(lì)著中國(guó)西北地區(qū)的人們爭(zhēng)取自我解放的頑強(qiáng)勇氣與信心，它又是中國(guó)紅軍進(jìn)一步發(fā)展和壯大、走向偉大勝利的戰(zhàn)場(chǎng)[1]。不僅如此，該地區(qū)還擁有“革命紀(jì)念館”“照金紀(jì)念碑”“薛家寨景區(qū)”“香山景區(qū)”等文化旅游景點(diǎn)。筆者的實(shí)地調(diào)研發(fā)現(xiàn)，雖然照金紅色小鎮(zhèn)擁有“日照錦衣，遍地似金”的含義與特有的歷史文化和美麗景色，但是前往參觀學(xué)習(xí)的游客并不多。因此筆者決定將“互聯(lián)網(wǎng)”技術(shù)與歷史紅色文化結(jié)合起來(lái)向更多的人展示照金小鎮(zhèn)的風(fēng)采。
1網(wǎng)站需求分析
要設(shè)計(jì)制作一個(gè)展示網(wǎng)站，首先要從用戶的角度出發(fā)，了解用戶的需求。所以建設(shè)前期做出以下具體規(guī)劃：（1）根據(jù)現(xiàn)有的資源了解學(xué)習(xí)照金地區(qū)紅色文化的發(fā)展趨勢(shì)。（2）制作調(diào)查問(wèn)卷了解紅色文化最薄弱的地方，制作相關(guān)的改進(jìn)方案。（3）聯(lián)系志愿者試用網(wǎng)站，并根據(jù)實(shí)際情況進(jìn)行改進(jìn)，確保有效性、實(shí)用性。（4）與其他類似的平臺(tái)進(jìn)行對(duì)比，揚(yáng)長(zhǎng)避短。
2網(wǎng)站設(shè)計(jì)
在做好前期的準(zhǔn)備工作后，正式開(kāi)始進(jìn)行網(wǎng)頁(yè)的開(kāi)發(fā)規(guī)劃。基于HTML的展示網(wǎng)站開(kāi)發(fā)，首先選用主流的開(kāi)發(fā)軟件Dreamweaver進(jìn)行開(kāi)發(fā)，運(yùn)用“DIV+CSS”，JavaScript技術(shù)在Windows操作系統(tǒng)下進(jìn)行網(wǎng)站的規(guī)劃處理。更多地使用了基礎(chǔ)的標(biāo)記技術(shù)，總體規(guī)劃使用DIV方法以首頁(yè)為例展示構(gòu)造框架如具體下：<body><divid=“top”></div>//該DIV顯示頂部網(wǎng)站圖片標(biāo)題。<divid=“daohang”></div>//該DIV顯示布局導(dǎo)航條。<divid=“main”>//該DIV采用嵌套DIV技術(shù)“main”與“top”“daohang”等級(jí)一致將“left”“middle”“right”嵌套其中精準(zhǔn)布局顯示[2]。<divid=“left”><divid=“left1”></div><divid=“left2”></div></div>//該DIV“left1”“left2”作為left中的嵌套將兩篇內(nèi)容顯示便于排版操作。<divid=“middle”><divid=“middle1”></div><divid=“the2”></div></div><divid=“right”><divid=“right1”></div><divid=“right2”></div></div></div>//該結(jié)束標(biāo)記為DIV“middle”的結(jié)束標(biāo)記將上述其三嵌套。“middle”“right”DIV原理同“left”一致。<divid=“bottom”>//該DIV顯示網(wǎng)站下方結(jié)尾內(nèi)容。
2.1網(wǎng)站規(guī)劃
網(wǎng)站主要展示的是陜西銅川照金地區(qū)的特色，網(wǎng)站集文化、旅游、購(gòu)物、住宿、交通、觀景于一體。網(wǎng)站設(shè)立了交通指南、革命紀(jì)念館介紹、本地特產(chǎn)推廣、酒店住宿信息、自然景色5個(gè)模塊。內(nèi)容豐富使得用戶的體驗(yàn)更加完善。網(wǎng)站首頁(yè)有各個(gè)模塊的縮影，方便用戶快速瀏覽信息，更快地找到自己所需要的內(nèi)容，從而大大節(jié)省了時(shí)間，也便于用戶快速了解本站信息[3]。交通指南模塊的主要功能是提供交通信息，其中包含了位置信息，專門(mén)設(shè)立地圖模塊方便用戶查看所屬位置，以及瀏覽照金地區(qū)的所有地圖信息，后期技術(shù)成熟會(huì)加入定位信息。景點(diǎn)信息模塊為用戶提供最新的路況信息，方便自駕游的旅客及時(shí)調(diào)整規(guī)劃路線，以免遇到道路施工但是地圖未顯示的情況。地圖下方模塊主要為用戶提供最佳參考路線，包含自駕游與乘車游兩種路線信息。景點(diǎn)特色模塊為用戶提供特色旅游景點(diǎn)，方便用戶規(guī)劃參考。革命紀(jì)念館為用戶提供陜甘邊革命根據(jù)地照金紀(jì)念館的詳細(xì)信息，便于用戶了解紀(jì)念館與周邊革命紅色景點(diǎn)與照金革命歷史。目前頁(yè)面主要推廣3個(gè)模塊：“照進(jìn)紀(jì)念館”“照金紀(jì)念碑”與“照金戰(zhàn)斗舊址”的歷史資料。本地特產(chǎn)頁(yè)面主要為用戶介紹當(dāng)?shù)氐霓r(nóng)副周邊產(chǎn)品與本地特產(chǎn)，可以為用戶直接提供購(gòu)買(mǎi)鏈接，解決了特產(chǎn)購(gòu)買(mǎi)困難、景區(qū)產(chǎn)品貴、當(dāng)?shù)禺a(chǎn)品沒(méi)有銷路的問(wèn)題，也為當(dāng)?shù)剞r(nóng)產(chǎn)品提供了發(fā)展的平臺(tái)。酒店住宿頁(yè)面為用戶提供并篩選出照金附近的幾家酒店，標(biāo)明了價(jià)錢(qián)，方便用戶挑選，也為正在規(guī)劃旅游的用戶提供了真實(shí)并有價(jià)值的參考。在酒店介紹末尾提供了預(yù)訂酒店的鏈接，更方便了用戶的操作。自然景色頁(yè)面為用戶提供美景圖片信息，每次出去旅游天氣總是“陰晴不定”，剛準(zhǔn)備欣賞美景，天氣卻“忽然轉(zhuǎn)陰”。這個(gè)頁(yè)面為用戶解決了這個(gè)問(wèn)題，在最好的天氣記錄最美的風(fēng)景，也為沒(méi)有來(lái)過(guò)照金旅游的朋友提供了觀景平臺(tái)。
2.2地圖功能實(shí)現(xiàn)
網(wǎng)站運(yùn)用JavaScript技術(shù)主要展示地圖信息，主要代碼如下：//創(chuàng)建展示地圖主要代碼<divid=“dit”><iframesrc=“ditu.html”width=“700”height=“553”></iframe></div>//使用創(chuàng)建好的“ditu.html”導(dǎo)入新建容器向用戶展示地圖引用代碼//新建放置地圖容器<divstyle=“width:697px;height:550px;border:#cccsolid1px;”id=“dituContent”></div>//設(shè)置容器參數(shù)大小樣式<scripttype=“text/javascript”>//將地圖函數(shù)創(chuàng)建并初始化：functioninitMap(){createMap();//創(chuàng)建地圖setMapEvent();//設(shè)置地圖事件addMapControl();//向地圖添加控件addMarker();//將marker添加至地圖中}//創(chuàng)建地圖函數(shù)：functioncreateMap(){varmap=newBMap.Map(“dituContent”);//在地圖容器中新建一個(gè)地圖varpoint=newBMap.Point(108.647159,35.062788);//定義一個(gè)中心點(diǎn)坐標(biāo)此處定位至網(wǎng)站顯示默認(rèn)位置“照金紀(jì)念館”map.centerAndZoom(point,17);//將坐標(biāo)顯示在地圖容器中window.map=map;//將map變量存儲(chǔ)在全局}
3結(jié)語(yǔ)
本文主要探討了紅色文化網(wǎng)站的設(shè)計(jì)制作，通過(guò)本系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)，能夠系統(tǒng)地學(xué)習(xí)到網(wǎng)站開(kāi)發(fā)的相關(guān)步驟和方法技巧，以及主要基于HTML技術(shù)，在Windows系統(tǒng)的環(huán)境下實(shí)現(xiàn)展示網(wǎng)站的各項(xiàng)功能，如新聞、特產(chǎn)內(nèi)容查看以及地圖功能的使用等多項(xiàng)功能，并在此基礎(chǔ)上將網(wǎng)站的各項(xiàng)設(shè)計(jì)與實(shí)現(xiàn)整合起來(lái)，實(shí)現(xiàn)一個(gè)完整的網(wǎng)站應(yīng)用。該宣傳網(wǎng)站的實(shí)現(xiàn)，拉近了我們與紅色文化的距離。網(wǎng)站各項(xiàng)功能便于操作，內(nèi)容可視化較為完善，紅色網(wǎng)站的設(shè)計(jì)制作，不僅提升了專業(yè)知識(shí)，還真正弘揚(yáng)了我們的愛(ài)國(guó)主義精神，傳承紅色基因，體現(xiàn)當(dāng)代青年大學(xué)生的政治思想和情操。
作者:衛(wèi)辰浩 單位:西安翻譯學(xué)院工程技術(shù)學(xué)院