靜態(tài)化網(wǎng)站設(shè)計論文范文

本站小編為你精心準備了靜態(tài)化網(wǎng)站設(shè)計論文參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

1信息平臺選擇和安裝

1.1開源平臺LAMP的優(yōu)勢

采用WordPress作為黨建網(wǎng)站平臺，操作系統(tǒng)、Web服務(wù)器和數(shù)據(jù)庫通常采用LAMP架構(gòu)。LAMP指Linux操作系統(tǒng)、ApacheWeb服務(wù)器、MySQL數(shù)據(jù)庫以及PHP腳本語言共同組成的架構(gòu)。雖然這些開放源代碼程序本身并不是專門設(shè)計成同另幾個程序一同工作，但由于它們本身的廉價性和使用的普遍性，該組合開始流行（大多數(shù)Linux發(fā)行版本捆綁了這些軟件）。隨著云計算的流行，Linux系統(tǒng)本身作為服務(wù)器操作系統(tǒng)的優(yōu)勢進一步加強，尤其是Ubuntun采用了APT的包管理方式，簡化了程序安裝。通過使用apt－get方式，可以在短短幾分鐘內(nèi)完成ApacheWeb服務(wù)器、MySQL、PHP腳本語言、phpMyAdmin（MySQL的Web管理工具）的安裝。

1.2WordPress安裝

WordPress的安裝非常簡單，可以概括為如下步驟：①從官方網(wǎng)站下載并解壓縮WordPress程序安裝包；②把解壓后的WordPress文件夾里面的文件（但不包括Word－Press文件夾本身）放到服務(wù)器的根目錄下，使用Ubuntu和Apache服務(wù)器的默認路徑是／var／www；③在MySQL中為WordPress創(chuàng)建數(shù)據(jù)庫；④在瀏覽器中輸入網(wǎng)址，例如http：／／dj．siso．edu．cn／，第一次訪問會自動跳轉(zhuǎn)到ht－tp：／／dj．siso．edu．cn／wp－admin／install．php，輸入相關(guān)配置就可以完成安裝；⑤執(zhí)行命令chown－rwww－data：www－data／var／www，將Web服務(wù)器的根目錄的擁有者改為www－data，這是Apache服務(wù)器的默認用戶名，這樣WordPress就可以完成系統(tǒng)的自動更新以及插件和模板的直接安裝。

2網(wǎng)站外觀設(shè)計

2.1采用CMS展現(xiàn)方式

WordPress自帶模板采用的是個人博客的呈現(xiàn)方式，文章按照的時間逆序排列，最新的文章出現(xiàn)在網(wǎng)站的最上方。這種方式不適合作為黨建網(wǎng)站。由于WordPress采用了優(yōu)秀的MVC設(shè)計方法，內(nèi)容和結(jié)構(gòu)完全分離，很容易設(shè)計出類似內(nèi)容管理系統(tǒng)或者新聞網(wǎng)站外觀的模板，應(yīng)用這些模板可以在網(wǎng)站首頁顯示多個目錄，每個目錄下面包括指定數(shù)量的文章標題，整個網(wǎng)站內(nèi)容一目了然。為了使網(wǎng)站具備更好的導航效果，根據(jù)網(wǎng)站欄目而不是時間排列，需要對文章出現(xiàn)的順序進行調(diào)整。Re－OrderPostWithinCategories插件可以實現(xiàn)這一功能，調(diào)整指定目錄下文章出現(xiàn)的順序。

2.2頁面?zhèn)?a href="http://www.xxmh431.com/sjlw/wzsjlw/666612.html" target="_blank">靜態(tài)實現(xiàn)

WordPress默認使用帶有問號和很多數(shù)字的URL，例如http：／／dj．siso．edu．cn／？p＝18，這種方式對搜索引擎不友好，并且無法實現(xiàn)頁面的靜態(tài)化。WordPress允許自定義鏈接形式，以提高美感、可用性和向前兼容性，可以將頁面的鏈接修改為形如http：／／dj．siso．edu．cn／18．ht－ml的形式。這樣的鏈接對用戶和搜索引擎都更為友好，從表面上看是一個HTML靜態(tài)頁面，但本質(zhì)上還是動態(tài)頁面，所以稱之為頁面?zhèn)戊o態(tài)。要實現(xiàn)頁面?zhèn)戊o態(tài)，需要配置Web服務(wù)器和Word－Press后臺。以常用的Linux操作系統(tǒng)、Apache2．2服務(wù)器為例，在服務(wù)器配置文件／etc／apache2／sites－available／default中，找到AllowOverrideNone，修改為AllowOver－rideAll；同時執(zhí)行命令sudoa2enmodrewrite來啟用mod＿rewrite模塊，并執(zhí)行命令sudoserviceapache2reload來重啟Apache服務(wù)器，使配置生效。在WordPress的后臺中，在菜單“設(shè)置－固定連接”中點擊自定義結(jié)構(gòu)，配置成：／％post＿id％．html。

3網(wǎng)站功能設(shè)計

WordPress采用了三層架構(gòu)的MVC設(shè)計，核心的設(shè)計目標是簡約、最大限度的靈活性以及最小限度的代碼膨脹。WordPress通過插件提供了自定義函數(shù)和功能，這樣用戶就可以根據(jù)自己的需要定制網(wǎng)站了。在WordPress的官方網(wǎng)站上，由第三方開發(fā)的插件數(shù)量已經(jīng)超過3．3萬個，足以滿足網(wǎng)站常用功能的需要。

3.1頁面靜態(tài)化實現(xiàn)

WordPress在默認狀態(tài)下網(wǎng)站的響應(yīng)速度較慢，在1個CPU、2G內(nèi)存的服務(wù)器配置下，20個用戶同時訪問就可以讓網(wǎng)站失去響應(yīng)。采用頁面靜態(tài)化技術(shù)可極大提升網(wǎng)站的訪問速度。所謂靜態(tài)化就是生成了所有文章以及首頁的靜態(tài)頁面，每次訪問時不需要讀取數(shù)據(jù)庫和執(zhí)行PHP腳本，能夠大幅降低CPU占用率，加快網(wǎng)站訪問速度。將全新的WordPress部署在UbutuServer12．04LTS64位操作系統(tǒng)上，使用ApacheBench進行測試，采用頁面靜態(tài)化技術(shù)較默認方式的響應(yīng)速度要快3個數(shù)量級。

3.2頁面計數(shù)功能

掌握網(wǎng)站各頁面的訪問情況可以清晰地了解到用戶的關(guān)注點。WP－PostViews插件是應(yīng)用廣泛的頁面計數(shù)插件，其主要功能是記錄顯示文章或自定義頁面被瀏覽的次數(shù)，同時也提供了最少訪問和熱門文章、特定分類目錄下最新訪問和熱門文章等功能。

3.3鏈接管理

在網(wǎng)站上放置相關(guān)網(wǎng)站的鏈接可供用戶拓展閱讀。WordPress本身提供了添加、修改和刪除鏈接的功能，但不能調(diào)整鏈接出現(xiàn)的位置。MyLinkOrder插件采用了Ajax技術(shù)，很好地解決了該問題，能夠通過拖動鏈接來調(diào)整顯示的順序。

3.4基于HTML5的視頻播放方案

相比文字和圖片，視頻給人的感官刺激是多維的，留給人們的印象更深刻、更清晰，視頻文件是黨建網(wǎng)站的重要載體。在WordPress中播放視頻無需使用任何插件，使用標準的HTML5標簽video就能實現(xiàn)視頻播放。代碼如下：＜videosrc＝"videlname．mp4"width＝"640"height＝"360"controlsautobuffer＞＜／video＞在眾多視頻格式中，mp4格式的兼容性最好。如果是其它格式，可以采用貍窩全能視頻轉(zhuǎn)換器、格式工廠等轉(zhuǎn)換軟件進行轉(zhuǎn)換。較新的瀏覽器如InternetExplorer9＋、Firefox、Op－era、Chrome以及Safari支持＜video＞標簽，而InternetExplorer8以及更早的版本不支持＜video＞標簽。解決這一問題的辦法是在head部分加載下面的JavaScript文件，使用如下代碼實現(xiàn)：＜scriptsrc＝"http：／／html5media．googlecode．com／svn／trunk／src／html5media．min．js"＞＜／script＞實現(xiàn)原理是采用Flash技術(shù)、使用Flash播放器嵌入視頻，使得IE及Firefox支持video標簽，該播放器稱為flowplayer。這樣就實現(xiàn)Windows平臺、Mac平臺、An－droid平臺、iOS平臺的全平臺播放。

3.5后臺管理界面加載緩慢解決方法

在國內(nèi)訪問WordPress后臺管理頁面，常常會出現(xiàn)頁面加載極其緩慢，這是因為Wordpress從3．8開始會自動加載OpenSans字體，并引用Google（http：／／fonts．googlea－pis．com／）上面的CSS樣式。OpenSans字體主要用于WP站點管理員登陸后頂部功能條的字體樣式，而對于國內(nèi)用戶而言，Google會出現(xiàn)經(jīng)常打不開或者訪問速度過慢的情況，這樣就會拖延站點的打開速度。解決這一問題的辦法是使用disablegooglefonts或者RemoveOpenSansfontfromWPcore插件，禁止從Google網(wǎng)站加載字體。

4結(jié)語

本文采用開源軟件LAMP（Linux＋Apache＋MySQL＋PHP）和WordPress創(chuàng)建黨建網(wǎng)站，通過選擇適當?shù)哪０澹梢钥焖賱?chuàng)建黨建門戶網(wǎng)站的外觀。利用各類插件，可以使網(wǎng)站具備豐富功能，實現(xiàn)頁面靜態(tài)化、頁面計數(shù)、鏈接管理、視頻播放等功能，并解決了WordPress后臺管理界面加載緩慢的問題。

作者：沈涵飛單位：蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學院信息技術(shù)系