基于PHP的個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

摘 要：隨著互聯(lián)網(wǎng)的迅猛發(fā)展，網(wǎng)站已經(jīng)被應(yīng)用到生活的各個(gè)領(lǐng)域，與人們的生活融為一體，息息相關(guān)。本文通過(guò)對(duì)個(gè)人網(wǎng)站的系統(tǒng)分析、系統(tǒng)設(shè)計(jì)、系統(tǒng)實(shí)施等步驟，詳細(xì)介紹了應(yīng)用PHP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)開(kāi)發(fā)個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。

關(guān)鍵詞：個(gè)人網(wǎng)站；系統(tǒng)分析；PHP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)

中圖分類號(hào)：TP393.092

現(xiàn)階段，伴隨互聯(lián)網(wǎng)迅猛發(fā)展和普及率的穩(wěn)步提升，人們已經(jīng)把生活與互聯(lián)網(wǎng)融為一體，互聯(lián)網(wǎng)成為人與人，人與社會(huì)之間交流的一種重要形式。而個(gè)人網(wǎng)站，恰好是世界互聯(lián)網(wǎng)迅猛發(fā)展過(guò)程中的必然產(chǎn)物之一，人們通過(guò)設(shè)計(jì)開(kāi)發(fā)個(gè)人網(wǎng)站，不僅可以將個(gè)人的喜好、某種服務(wù)或商品等相關(guān)信息，滲透到互聯(lián)網(wǎng)中，還可以運(yùn)用個(gè)人網(wǎng)站樹(shù)立個(gè)人的網(wǎng)絡(luò)形象，搭建起一個(gè)個(gè)人推薦、展現(xiàn)自我、互動(dòng)交流的網(wǎng)絡(luò)平臺(tái)，縮短人與人、人與社會(huì)之間的距離。

1 系統(tǒng)分析

在個(gè)人網(wǎng)站的設(shè)計(jì)開(kāi)發(fā)過(guò)程中，要做好網(wǎng)站的需求分析，確定網(wǎng)站的開(kāi)發(fā)語(yǔ)言和系統(tǒng)數(shù)據(jù)庫(kù)。本次主要研究基于PHP開(kāi)發(fā)環(huán)境的個(gè)人網(wǎng)站系統(tǒng)，通過(guò)PHP技術(shù)與MySQL數(shù)據(jù)庫(kù)相結(jié)合，在互動(dòng)性極強(qiáng)的互聯(lián)網(wǎng)平臺(tái)基礎(chǔ)上，實(shí)現(xiàn)個(gè)人網(wǎng)站的功能框架，讓用戶在瀏覽器端方便、快捷的訪問(wèn)網(wǎng)站系統(tǒng)，瀏覽自己所需要的相關(guān)信息，這樣不僅使文檔的保存和管理提供了極大的方便，還大大提高了網(wǎng)頁(yè)的互動(dòng)性，增強(qiáng)了網(wǎng)站系統(tǒng)的用戶體驗(yàn)。

1.1 理論研究基礎(chǔ)

個(gè)人網(wǎng)站是由文章日志、相冊(cè)圖片、個(gè)人信息、留言板等諸多功能于一體的網(wǎng)絡(luò)平臺(tái)。個(gè)人網(wǎng)站以個(gè)人為中心，建立一個(gè)完全屬于自己的可定制的個(gè)性化網(wǎng)絡(luò)平臺(tái)，凸顯其個(gè)性的需求，簡(jiǎn)便的操作，利用互聯(lián)網(wǎng)的特性幫助個(gè)人進(jìn)行全面的信息展示，以多種形式達(dá)到對(duì)信息獲取、組織、思考、表達(dá)、共享和交流的目的[2]。通過(guò)網(wǎng)友對(duì)文章的評(píng)論，在留言板進(jìn)行留言，傾聽(tīng)來(lái)自互聯(lián)網(wǎng)的聲音，達(dá)到自己與他人交流互動(dòng)的效果。

1.2 技術(shù)層面的支持

在進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)制作和網(wǎng)站系統(tǒng)設(shè)計(jì)與開(kāi)發(fā)時(shí)，PHP開(kāi)發(fā)成為了今天使用的主流。由于PHP是一種通用的開(kāi)源腳本語(yǔ)言，吸收了多種開(kāi)發(fā)語(yǔ)言的特點(diǎn)，使用方便，操作簡(jiǎn)單，所以贏得了很多網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)者的青睞。PHP集成在HTML和腳本語(yǔ)言中，其工作界面簡(jiǎn)單，入門門檻比較低，代碼簡(jiǎn)潔，運(yùn)行速度快，執(zhí)行效率高，使用廣泛，幾乎支持所有流行的數(shù)據(jù)庫(kù)以及操作系統(tǒng)，PHP所具有的強(qiáng)大功能使個(gè)人網(wǎng)站具有更好的網(wǎng)絡(luò)平臺(tái)操作性和交互性。

2 個(gè)人網(wǎng)站的開(kāi)發(fā)工具

本網(wǎng)站的開(kāi)發(fā)使用Dreamweaver、Photoshop、Flash和Fireworks軟件進(jìn)行網(wǎng)頁(yè)架構(gòu)、動(dòng)畫(huà)效果及圖片處理。

3 個(gè)人網(wǎng)站的開(kāi)發(fā)設(shè)計(jì)

3.1 確定網(wǎng)站的主題

對(duì)于網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)，首先要確定網(wǎng)站的主題。網(wǎng)站的主題要選擇恰當(dāng)，做到定位小而精。如果在網(wǎng)站主題的定位過(guò)程中，不夠準(zhǔn)確，盲目設(shè)計(jì)，隨心所欲，那么網(wǎng)站就會(huì)讓用戶感覺(jué)到主題不突出，這不僅造成開(kāi)發(fā)者的勞動(dòng)浪費(fèi)，還會(huì)使網(wǎng)站失去亮點(diǎn)，對(duì)網(wǎng)站將來(lái)的推廣以及運(yùn)營(yíng)過(guò)程帶來(lái)重重困難。因此，準(zhǔn)確把握網(wǎng)站的主題在整個(gè)網(wǎng)站設(shè)計(jì)開(kāi)發(fā)過(guò)程中十分重要，與日后網(wǎng)站的發(fā)展息息相關(guān)。個(gè)人網(wǎng)站主要展示個(gè)人所想要宣傳的信息，以個(gè)人的興趣愛(ài)好為中心，圍繞隨筆日記和圖片相冊(cè)來(lái)展示個(gè)人生活、情感、工作等內(nèi)容。

3.2 確定網(wǎng)站的形象

網(wǎng)站的形象在網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)過(guò)程中占有十分重要的地位。網(wǎng)站的形象會(huì)影響網(wǎng)站訪問(wèn)者的第一印象，網(wǎng)站中不同的色彩搭配會(huì)產(chǎn)生不同的效果，不同的效果會(huì)形成不同的視覺(jué)沖擊，從而影響網(wǎng)站訪問(wèn)者的情緒。

在網(wǎng)站設(shè)計(jì)過(guò)程中，會(huì)涉及到網(wǎng)站中的很多元素搭配，如網(wǎng)站標(biāo)志、網(wǎng)站色彩、網(wǎng)站字體和圖片等元素，不同的元素組合到一起。同時(shí)，網(wǎng)站中各種元素的布局、模塊分類還會(huì)影響到網(wǎng)站的整體質(zhì)量。一個(gè)設(shè)計(jì)合理的網(wǎng)站，其內(nèi)容都在很大程度上考慮了大多數(shù)用戶操作使用網(wǎng)站的習(xí)慣，讓網(wǎng)站與用戶更好的結(jié)合。良好的網(wǎng)站形象可以使網(wǎng)站內(nèi)容鮮明，突出網(wǎng)站的主題，達(dá)到讓用戶操作便捷、一目了然的效果，明確的感受到網(wǎng)站的獨(dú)有特色，為網(wǎng)站的推廣和運(yùn)營(yíng)工作打了堅(jiān)實(shí)的基礎(chǔ)。

3.3 優(yōu)化網(wǎng)站頁(yè)面布局

網(wǎng)站的效果和特點(diǎn)由網(wǎng)站本身的功能決定，網(wǎng)站的頁(yè)面布局影響著最終的用戶體驗(yàn)，因此，網(wǎng)站的頁(yè)面布局在網(wǎng)站系統(tǒng)開(kāi)發(fā)過(guò)程中起到了至關(guān)重要的作用。在頁(yè)面布局過(guò)程中，要遵循以下幾點(diǎn)：

3.3.1 確定網(wǎng)站頁(yè)面的寬度

在網(wǎng)頁(yè)結(jié)構(gòu)定位時(shí)，有一個(gè)很重要的參數(shù)需要確定，即網(wǎng)頁(yè)的寬度。確定網(wǎng)頁(yè)寬度通常有固定像素模式和顯示屏自適應(yīng)模式。隨著用戶習(xí)慣的變化和大眾使用的顯示器尺寸的變化，網(wǎng)站頁(yè)面的寬度應(yīng)該遵循最流行、最受歡迎的頁(yè)面尺寸。

3.3.2 頁(yè)面頭部和底部布局

在個(gè)人網(wǎng)站系統(tǒng)的頭部與底部布局中，以頁(yè)面分離方式，通過(guò)頭部文件和底部文件分別對(duì)頁(yè)面的頭部與底部進(jìn)行統(tǒng)一布局和控制，不同頁(yè)面通過(guò)調(diào)用的方式來(lái)實(shí)現(xiàn)頁(yè)面的精準(zhǔn)布局與控制。

3.3.3 頁(yè)面的主要內(nèi)容布局

傳統(tǒng)的網(wǎng)站大都使用基于表格的布局顯示頁(yè)面信息，雖然表格很容易創(chuàng)建，但是表格也會(huì)生成大量難閱讀和維護(hù)的代碼，在網(wǎng)頁(yè)實(shí)際的瀏覽過(guò)程中也存在著一定兼容性問(wèn)題。所以本網(wǎng)站在頁(yè)面的主要內(nèi)容布局中，采用DIV層與層疊樣式表相結(jié)合的布局方式，實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的靈活控制，對(duì)網(wǎng)站內(nèi)容進(jìn)行結(jié)構(gòu)、表現(xiàn)與行為的分離。內(nèi)容的表現(xiàn)形式，要清晰簡(jiǎn)潔，讓用戶在瀏覽訪問(wèn)過(guò)程中一目了然。

3.4 建立個(gè)人網(wǎng)站系統(tǒng)的數(shù)據(jù)庫(kù)

本個(gè)人網(wǎng)站系統(tǒng)的數(shù)據(jù)庫(kù)采用MySQL數(shù)據(jù)庫(kù)。在WEB應(yīng)用方面MySQL是最好的RDBMS（Relational Database Management System：關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)）應(yīng)用軟件之一。MySQL關(guān)聯(lián)數(shù)據(jù)庫(kù)可以將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，不但訪問(wèn)速度快，靈活性也很強(qiáng)。MySQL所使用的SQL語(yǔ)言是用于訪問(wèn)數(shù)據(jù)庫(kù)的最常用標(biāo)準(zhǔn)化語(yǔ)言。MySQL軟件采用了雙授權(quán)政策，它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是開(kāi)放源碼這一特點(diǎn)，一般中小型網(wǎng)站的開(kāi)發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫(kù)。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開(kāi)發(fā)環(huán)境。

3.5 順應(yīng)移動(dòng)互聯(lián)網(wǎng)的發(fā)展趨勢(shì)

隨著寬帶無(wú)線接入技術(shù)和移動(dòng)終端技術(shù)的飛速發(fā)展，人們迫切希望能夠隨時(shí)隨地乃至在移動(dòng)過(guò)程中都能方便地從互聯(lián)網(wǎng)獲取信息和服務(wù)，移動(dòng)互聯(lián)網(wǎng)應(yīng)運(yùn)而生并迅猛發(fā)展。在個(gè)人網(wǎng)站系統(tǒng)開(kāi)發(fā)過(guò)程中，也要在移動(dòng)互聯(lián)網(wǎng)中部署各個(gè)節(jié)點(diǎn)，把網(wǎng)站系統(tǒng)的移動(dòng)版本優(yōu)化、完善，以此增強(qiáng)用戶體驗(yàn)，捆綁更多的用戶，為個(gè)人網(wǎng)站后期的推廣運(yùn)營(yíng)奠定基礎(chǔ)。

4 結(jié)束語(yǔ)

總之在個(gè)人網(wǎng)站系統(tǒng)設(shè)計(jì)開(kāi)發(fā)過(guò)程中，要在實(shí)現(xiàn)網(wǎng)站功能的同時(shí)，始終以用戶體驗(yàn)為中心，增強(qiáng)網(wǎng)站的交互性設(shè)計(jì)。只有讓用戶認(rèn)可，符合用戶的要求，網(wǎng)站的后期運(yùn)營(yíng)才能有更好的發(fā)展，個(gè)人網(wǎng)站才能實(shí)現(xiàn)它獨(dú)有的價(jià)值。

參考文獻(xiàn)：

[1]楊選輝.網(wǎng)頁(yè)設(shè)計(jì)與制作教程[M].北京：清華大學(xué)出版社，2009.

[2]劉智勇.JavaScript開(kāi)發(fā)技術(shù)大全[M].北京：清華大學(xué)出版社，2009.

[3]鄭婷.個(gè)人網(wǎng)站設(shè)計(jì)[D].東北大學(xué)，2012.

[4]劉增杰，姬遠(yuǎn)鵬.精通PHP+MYSQL動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)[M].北京：清華大學(xué)出版社，2013.

[5]陳光鋒.玩賺你的網(wǎng)站[M].北京：機(jī)械工業(yè)出版社，2010.

作者簡(jiǎn)介：呂子鶴（1992-），河北石家莊人，2010級(jí)軟件工程專業(yè)，本科在讀。

作者單位：重慶大學(xué) 城市科技學(xué)院，重慶永川 402167