霧霾專題網站開發與設計

導語：霧霾專題網站開發與設計一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

【摘要】隨著社會的發展，霧霾天氣日益嚴重，但人們對霧霾的了解尚不深入，因此開發一個霧霾專題網站非常有必要。該網站以Dreamweaver8為開發平臺，以Flash、Photoshop等軟件為輔，實現的網站功能主要包括首頁、霧霾簡介、霧霾成因、霧霾危害、霧霾預防、霧霾治理、社會現狀、社會點評、霧霾數據統計以及交流區等。其中，霧霾簡介、霧霾成因、霧霾危害、霧霾預防、霧霾治理為該網站的主要功能模塊，交流區可以進行實時互動，為人們提供了一個交流的平臺。

【關鍵詞】專題網站;霧霾成因;霧霾危害;霧霾預防;霧霾治理

一、引言

霧霾就是“霧”和“霾”的組合物，大霧與霾混雜在一起的天氣被人們稱為“霧霾天氣”。霧霾被稱為人類健康的“隱形殺手”，它不僅直接影響著人們的身體健康，還間接地通過影響環境和經濟的發展影響著人們的生活質量，因此霧霾的預防和治理迫在眉睫。目前網絡上還沒有一個全面介紹霧霾的網站，人們對霧霾的成因和危害知之甚少，更別提霧霾的預防和治理了，因此開發一個霧霾專題網站非常有必要。該網站主要幫助人們了解霧霾的含義、霧霾成因、霧霾危害、霧霾預防、霧霾治理、霧霾現狀、社會點評以及霧霾數據統計等。其中，霧霾含義、霧霾成因、霧霾危害、霧霾預防以及霧霾治理為該網站的主要功能模塊。此外，開發的交流區可以為用戶提供一下交流的平臺，以更快的速度獲得霧霾資訊。

二、網站的設計與制作

該網站的頁面主要包括首頁、霧霾簡介、霧霾成因、霧霾危害、霧霾預防、霧霾治理、社會現狀、社會點評、數據統計以及交流區等。(一)首頁。該網站的首頁就是它的主頁，是該網站的核心部分，可以鏈接到網站的各個頁面。首頁的布局以層和表格布局為主，包括了6個部分:Banner條、歡迎區和公告欄、導航條、內容鏈接和gif圖、服務信息查詢、版權區。(二)霧霾簡介。“霧霾簡介”頁面主要介紹專家對霧霾的定義、“霾”字在古代的含義、霧和霾的區別以及與霧霾相關的作文。該頁面的banner條是在Photoshop中制作的，同時banner條中還加入了透明的flash文字，起到了美化圖片的效果。該頁面的可編輯區主要介紹目前人們對霧霾含義、來源和化學成分的了解情況以及中國霧霾形成的化學因素，并由此來引出霧霾含義這一模塊，吸引讀者繼續閱讀。(三)霧霾成因。“霧霾成因”頁面的banner條背景同樣也是在Photoshop中完成的。該頁面中的導航區包括霧霾形成原因、霧霾微粒、霧霾鑒別方法、相關視頻以及返回首頁。其中，霧霾形成原因直接在該主頁的編輯欄中顯示，其余模塊以該主頁為模板直接在編輯欄中添加內容，使其更加簡單明了。(四)霧霾危害。“霧霾危害”頁面的布局與“霧霾成因”頁面布局類似，主要介紹“霧霾對人體的危害”、“霧霾對環境的危害”以及“霧霾對經濟的影響”等三個方面的內容，其中“霧霾對人體的危害”為主要學習內容，包括“霧霾對人體呼吸系統的影響”、“霧霾對心血管系統的影響”、“霧霾對兒童成長的影響”、“霧霾對心理健康的影響”等。此外，還在該網頁中添加了“老梁談霧霾”的視頻，更能提高群眾對霧霾天氣的重視。(五)霧霾預防。“霧霾預防”頁面從霧霾危害出發，分為“人體對霧霾的預防”、“環境對霧霾的預防”、“經濟對霧霾的預防”以及相關推薦等內容。此外，該頁面還為人們推薦一些霧霾天氣必備的東西，如“防霾口罩”、“防霾窗紗”等。(六)霧霾治理。“霧霾治理”與“霧霾預防”相互關聯，“霧霾治理”頁面主要介紹了國內治理霧霾和國外治理霧霾的方法。霧霾治理不僅要治表面的危害，更為重要的是要從源頭治理，當然治理霧霾不僅僅是政府的工作，每個人都必須行動起來，從自身做起，從點滴小事做起，共同來治理人們賴以生存的環境。(七)社會現狀。“社會現狀”頁面主要介紹目前我國的霧霾現狀以及環境衛生環保局采取的一系列防霾措施，如開出一些霧霾罰單、街道上隨處可見的防霾灑水車等來應對這種持續的霧霾天氣。該模塊主要是通過對我國當下霧霾天氣現狀的統計分析來引出治理霧霾迫在眉睫，與霧霾治理模塊相呼應。(八)社會點評。“社會點評”頁面主要介紹社會各界人士對霧霾的看法、霧霾對自己危害的事例、對霧霾天氣治理提出的意見或看法等，相當于一個對外開放的留言板。(九)統計數據。“統計數據”頁面主要介紹我國歷年霧霾的增長情況。從2003年霧霾天氣開始出現，到2006當霧霾天氣開始在我國多個省市地區出現，再到2008年美國大使館每日更新北京PM2.5的數據，再到2010年新華網開始提醒群眾警惕霧霾對身體健康的威脅，再到2015年柴靜的《穹頂之下》對霧霾的關注，直到現在2018年霧霾天氣還處于持續增長的狀態，讓人們清楚地了解霧霾發展史。(十)交流區。交流區主要為人們提供一個關于霧霾的交流平臺，用戶可以通過發表留言的形式提出問題，其他用戶可以以回復留言的形式針對問題進行回答。同時，管理員可以針對與霧霾無關的留言或者不健康的留言進行刪除。但是，在進入交流區之前，必須要進行合法的注冊和登陸，否則不能進行有關霧霾事件的互動交流。

三、網站的測試與維護

(一)網站的測試。網站測試主要檢查各個超鏈接是否正確，網頁的腳本語言是否正確，文字、圖像以及視音頻的顯示是否正常等。本網站超鏈接的測試利用Dreamweaver8軟件所提供的“檢查鏈接”功能實現。由于不同瀏覽器所支持的html語言是不同的，因此用戶在使用版本低或者不同的瀏覽器時，相應的文字、圖片以及視音頻的顯示可能會出現不同的情況。檢查目標瀏覽器的方法是:在Dreamweaver8工作界面點擊菜單“文件”———“檢查頁”———“檢查目標瀏覽器”。(二)網站的維護。定期維護網站能使網站長期并且穩定地運行，同時會及時地更新網站的相關頁面，以便于使該網站在發展迅速的互聯網中始終保持優勢。該網站的維護分為三點:一是服務器的維護:服務器是網站最基本的東西，其維護包括軟件維護和硬件維護兩個方面;二是網站安全的維護:網站安全維護的目的是預防黑客攻擊或病毒入侵等;三是網站內容的更新:及時更新網站的內容可以使網站保持永久的的活力，適時添加網站的功能，提高網站的技術，實時美化頁面，可以使網站更加全面。

四、結語

“霧霾”專題網站主要向人們普及霧霾天氣的成因、危害、預防及其帶來的廣泛影響，并針對影響采取相應的解決策略，從而保障人們的生命健康安全，加快社會環境與經濟的和諧發展。該網站以Dreamweaver8為開發平臺，實現的網站功能包括首頁、霧霾簡介、霧霾成因、霧霾危害、霧霾預防、霧霾治理、社會現狀、社會點評、霧霾數據統計、交流區等。網站內容豐富、頁面風格獨特、鏈接簡單明了、互動及時有效，為人們提供了一個全面了解、認識霧霾的平臺。

【參考文獻】

［1］王卉彤，劉傳明，趙浚竹．交通擁堵與霧霾污染:基于職住平衡的新視角［J］．財貿經濟，2018，1:147～160

［2］方德忠，馮淑婷．基于Dreamweaver8的動態網頁設計［J］．湖北廣播電視大學學報，2008，5:157～158

［3］趙夫群，何建武，羅廣軍等．數據結構課程網站的設計與實現［J］．信息通信，2017，1:132～134

［4］鐘彩霞，薛芳．淺析霧霾成因及防控對策［J］．資源節約與環保，2015，5:113～114

［5］崔為娜．WEB網站的建設與維護［J］．電子制作，2014，22:108

作者:李正強 靳雨靜 趙夫群 單位:咸陽師范學院