前言：本站為你精心整理了安全網(wǎng)站設(shè)計(jì)與實(shí)施范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

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

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

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

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

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

2響應(yīng)式網(wǎng)站

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

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

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

4結(jié)語(yǔ)

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

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