前言：本站為你精心整理了談優化響應式公益網站設計范文，希望能為你的創作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

摘要：為了使抗NMDA受體腦炎公益網站得到最好的宣傳效果，使用SEO了優化技術，完成了網站頁面優化、網站關鍵字分析與分布、網站結構等方方面面的優化，以便提高網頁在引擎中的排名和點擊率。為了適應形形色色的瀏覽設備，采用了先進的響應式網站的技術，遵循了其設計的三大原則，以達到最佳的展示效果。SEO優化和響應式網站這兩種尖端技術應用于公益網站設計，是國內公益網站設計的先例。

關鍵詞：SEO優化；響應式網站設計

抗NDMA受體腦炎病是一種并不罕見，卻被很少人了解的疾病。該病發病突然，且毫無征兆，每年因誤診死亡的人不在少數。在網絡時代，創建公益網站，既可以讓更多的人了解該種疾病，也為醫生和患者之間搭建了一個交流的平臺。但要使信息得到更廣泛地傳播，不僅僅需要網頁在搜索引擎中獲得更靠前的排名獲得更多點擊，也要是網頁可以適用于多種多樣的設備。SEO優化技術能很好地解決網頁在搜索引擎的排名問題，使網頁獲取更多的點擊。SEO優化技術的核心是網頁的關鍵詞，掌握關鍵詞的選取，才能夠更靈活地運用。響應式網站的特性能夠以最簡捷的方式實現PC端與移動端的雙向訪問。

1SEO優化技術

在搜索引擎高速發展下，必然產生一種能使網站適應搜索引擎抓取的優化技術，這種優化技術就是SEO技術。網站構架優化和關鍵詞優化是SEO技術的核心。1.1網站框架創建網站和蓋房子的原理一樣，都需要好的框架結構。而網站的框架就同房子的梁，是整個設計的支撐。所以網站框架優化是SEO優化的關鍵之一。完善地網站框架優化更利于spider更迅速地遍歷網站所有的內容。1.2關鍵詞在搜索過程中，只有被搜索引擎認可的最貼切的網頁，才能獲得最好的排名。因此，需要根據搜索引擎的喜好，去擬定關鍵詞，并確定其位置。（1）標題關鍵詞標題就是整篇文章的點睛之比，網頁的標題就是它的眼睛，貼切的title能吸引搜索引擎的注意，有效地提高網頁的排名。（2）頁面關鍵詞獨木難成林，標題中的關鍵詞同樣無法支撐整個網頁，這就需要在網頁文本中多次提到。重要的事情“說三遍”，只有提及的次數足夠，才能讓搜索引擎知道它的重要性。

2響應式網站

2.1響應式網站的理念響應式網頁設計是一種新的設計思想,而不僅是簡單的CSS改寫。響應式網頁設計理念[1]是：集中創建頁面的內容排版設計,使其可以智能地根據用戶行為以及使用的設備環境(系統平臺、屏幕分辨率、屏幕定向等)進行相對應的布局。響應式網站，即一個網頁能夠響應任何一種設備。響應式網站的設計來源于信息時代，形形色色的設備也是為了適應這個時代的發展。不可能為一千種設備設計一千種網站，這是非常不劃算的事，也是不可能的事，畢竟設備的種類千千萬萬。響應式的核心就是適應，適應這個時代，適應多種多樣的設備。2.2響應式設計的原則響應式設計需要遵循許多設計原則，QA公司首席技術專家DavidWalker在實際開發技術層面提出了響應式網站設計的原則[2]，也有很多人提出過其他的一些原則[6]。設備的多樣化要求所創建的網站能適應更多的分辨率，同時適應更多的設備。這就需要更加關注響應式網站的設計，關注響應式設計的原則。（1）設備優先原則現在應用的網頁瀏覽設備主要分為兩種：移動設備和臺式設備。根據實際情況，提出兩種優先方法1）移動優先，在默認情況下，網頁布局在小屏幕上顯示得非常清晰，隨著分辨率的增大，顯示內容的范圍變小，清晰度也下降一些，但更方便欣賞網頁設計的內容。2）臺式優先，與移動優先原則恰恰相反，從桌面的分辨率出發，隨著分辨率的降低，現實的范圍變大，清晰度也提高了一些，方便了解整個頁面的信息。以上兩種方法設計開始于參考分辨率和使用媒體查詢適應其他分辨率。主分辨率斷點和內容將在確定的各種分辨率范圍的網頁上顯示。隨著用戶使用移動設備越來越頻繁，臺式開發技術已相當成熟，移動設備優先成為響應式開發者的共識。（2）彈性化彈性化可以說是響應式設計的支柱。在不同尺寸的設備中，要想使網頁布局能夠流動式呈現不同的顯示效果，就需要應用媒體查詢技術。彈性化的網頁內容顯示位置，能夠根據視口大小自動地調節顯示位置。（3）宏觀性在網站設計中，如何讓其頁面百分之百地遵循開發者的意愿，并且在任意一種設備能呈現出完美的效果，是非常棘手的問題。因此，就需要總結網頁開發的經驗，在設計之初，根據實際情況以及前期設想，選擇一種最佳方案。凡事有舍才有得，在響應式設計過程中把握好取舍問題，遵循宏觀性原則，圍繞大局進行設計，定能整理出最好的方案。

3抗NDMA受體腦炎公益網站

截至2010年4月，我國的網民數量已超過美國，達到了4億，成為了世界上網民人數最多的國家。如果從網民數量的角度來看，網絡在國內也已經逐漸成為一種普及化的媒介。網絡的發展對于現代生活中不可或缺的公益傳播來說尤顯重要，它為公益傳播提供了一條新的便捷之路[3]。由此可見創建抗NDMA受體腦炎公益網站是一種快捷的、簡便的和有效的宣傳手段。3.1前期規劃互聯網電子商務最大功能就是解決信息不對稱，讓買家和賣家能跨越時空以最低成本溝通促成交易。抗NMDA受體腦炎公益網站就是典型的互聯網應用，是基于C2C技術搭建的一個平臺。在這個平臺上求助就像網上購物一樣的簡單：賣家“出售”自己的困難，買家通過捐贈行善“購買困難”幫助賣家，一切猶如淘寶C2C。這種C2C慈善對于網民而言會比傳統模式更加容易接受。本項目的具體工作主要包括以下幾點：（1）將對網絡公益平臺實現的技術及其模式進行研究。（2）設計一個技術可行、界面友好的網絡公益平臺，主要包括軟件架構設計、功能設計和網絡推廣設計（3）實現對求助信息進行審核、，對善款進行募集、轉賬等功能。（4）留出與支付寶合作接口、第三方賬戶登錄等接口，并留出擴展接口等。（5）設計并實現醫患交流問答平臺、心路歷程、活動中心、許愿樹、功德簿、志愿者天地等常用功能的設計。（6）對網站進行搜索引擎優化，實現對網站的推廣。3.2頁面網站頁面的設計，主要應用HTML語言進行編寫，為了使頁面更美觀生動，部分代碼使用CSS、JavaScrip編寫；加上頁面中的圖片都是經過PhotoShop處理的，使整個頁面帶給瀏覽者舒適的感覺3.3系統功能模塊圖2為抗NMDA受體腦炎公益網站的功能模塊示意圖，該網站除了沿襲其他疾病公益網站中共有的的模塊，還增添了BBS論壇模塊、消息提醒及用戶發言記錄模塊，方便增加患者之間的交流。

4結語

抗NMDA受體腦炎公益網站的建設是為了更好地為患者服務，但在創建過程中必須保證每一個設計都能使瀏覽者得到最大的收獲。SEO優化技術和響應式網站的應用是公益網站在創新方面的一大突破，而這兩種技術的應用，也使該網站能在短時間內得到最大程度的宣傳。

作者: 趙玲 隋欣 陳宸 胡巧龍 鄧舉名 關雅麗 單位: 東北石油大學計算機與信息技術學院