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

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

關(guān)鍵詞：SEO優(yōu)化；響應式網(wǎng)站設(shè)計

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

1SEO優(yōu)化技術(shù)

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

2響應式網(wǎng)站

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

3抗NDMA受體腦炎公益網(wǎng)站

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

4結(jié)語

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

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