畢業(yè)論文-個(gè)人成長(zhǎng)歷程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、<p><b>　　畢 業(yè) 論 文</b></p><p>　　論文題目：個(gè)人成長(zhǎng)歷程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)</p><p><b>　　內(nèi) 容 摘 要</b></p><p>　　本文是個(gè)人成長(zhǎng)歷程網(wǎng)站的設(shè)計(jì)介紹。本文詳細(xì)的介紹了關(guān)于個(gè)人成長(zhǎng)歷程網(wǎng)站從設(shè)計(jì)到收集素材，結(jié)合自己所學(xué)知識(shí)，同時(shí)結(jié)合自己的成長(zhǎng)歷程，如何一步

2、步的實(shí)現(xiàn)，更加形象的告訴大家個(gè)人成長(zhǎng)歷程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。本文介紹詳細(xì)，思路清晰，認(rèn)真務(wù)實(shí)，看完本文例子可以很清楚的了解到網(wǎng)站的制作和實(shí)現(xiàn)，通過本文可以很容易的了解網(wǎng)站的各個(gè)環(huán)節(jié)的制作和本網(wǎng)站與其他網(wǎng)站的內(nèi)在聯(lián)系，對(duì)于制作其他類型網(wǎng)站個(gè)人博客個(gè)人主頁(yè)個(gè)人空間等有著幫助作用。</p><p>　　[關(guān)鍵詞] 個(gè)人成長(zhǎng) 網(wǎng)站設(shè)計(jì) 網(wǎng)站制作 網(wǎng)站實(shí)現(xiàn)</p><p><b>

3、;　　Abstract</b></p><p>　　This article is a personal growth process of website design. This article detailed introduction about the personal growth process from design to material collection, with his k

4、nowledge, at the same time, combined with their own growing experience, how to implement step by step, more image tell you personal growth process of the design and implementation of website. In this paper, a detailed, c

5、lear, practical seriously, look at the examples in this paper can be very clear in your website the maki</p><p>　　Key words: personal growth, website design, website build, Site Implementation</p><

6、;p><b>　　目 錄</b></p><p><b>　　網(wǎng)站制作的概述1</b></p><p><b>　　1、網(wǎng)站前期2</b></p><p>　　1．1 后臺(tái)環(huán)境的搭配2</p><p>　　1.1.1 XAMPP的安裝2</p>

7、<p>　　1.1.2 Joomla的安裝3</p><p>　　1．2 網(wǎng)站的設(shè)計(jì)主題與思路準(zhǔn)備4</p><p>　　1．3 網(wǎng)站的圖片素材準(zhǔn)備4</p><p>　　1．4 網(wǎng)站的視頻素材準(zhǔn)備4</p><p>　　1．5 網(wǎng)站的文字素材準(zhǔn)備4</p><p><b>　　2、網(wǎng)站

8、中期4</b></p><p>　　2．1 全局配置4</p><p>　　2．2 模版管理4</p><p>　　2．3 分類管理5</p><p>　　2.3.1 分類類型的添加5</p><p>　　2.3.2 添加分類文章5</p><p>　　2.3.3 文章的

9、排版5</p><p>　　2.3.4 Logo的修改6</p><p>　　2．4 菜單管理6</p><p>　　2．5 模塊管理6</p><p>　　2.5.1 搜索的添加6</p><p>　　2.5.2 面包屑的添加6</p><p>　　2.5.3 創(chuàng)建自定義模塊6

10、</p><p>　　2.5.4 附加功能的添加7</p><p><b>　　3、組件的應(yīng)用7</b></p><p>　　3．1 投票組件的應(yīng)用7</p><p>　　3．2 留言板組件的應(yīng)用7</p><p><b>　　4、插件的使用8</b></p&

11、gt;<p>　　4．1 圖片文件的添加8</p><p>　　4．2 音樂文件的添加8</p><p>　　4．3 視頻的添加9</p><p><b>　　5、網(wǎng)站后期9</b></p><p>　　5．1 網(wǎng)站的測(cè)試9</p><p>　　5．2 網(wǎng)站的調(diào)試9<

12、;/p><p><b>　　注 釋10</b></p><p>　　參 考 文 獻(xiàn)11</p><p><b>　　致 謝12</b></p><p><b>　　網(wǎng)站制作的概述</b></p><p>　　網(wǎng)站就是網(wǎng)頁(yè)的有機(jī)組合體，網(wǎng)頁(yè)的學(xué)名是HTM

13、L（Hyper Text Mark-up Language），翻譯過來就是“超文本標(biāo)記語言”，它定義了各種超文本在HTML文件中的組織方式，是一種可以在WWW上傳輸并被瀏覽器讀取、翻譯成頁(yè)面的一種文件。網(wǎng)站就是許許多多網(wǎng)頁(yè)、文本、圖片、聲音、圖像等在一起，按照一定方式組織起來的集合體。網(wǎng)站是上網(wǎng)查信息的窗口，是我們存放資料、圖片、多媒體的網(wǎng)上展示廳，當(dāng)然也是展示個(gè)人魅力的大舞臺(tái)。隨著科技的發(fā)展，制作網(wǎng)站的軟件也隨之增多。</p&g

14、t;<p><b>　　1、網(wǎng)站前期</b></p><p>　　1．1 后臺(tái)環(huán)境的搭配</p><p>　　1.1.1 XAMPP的安裝</p><p>　　搭建服務(wù)器環(huán)境：安裝一個(gè)基于Apache、MySQL、PHP的Web服務(wù)器環(huán)境，這里采用xampp-win32-3.0.12的安裝包。[1]</p><

15、p>　　步驟一：執(zhí)行安裝程序</p><p>　　雙擊“xampp-win32-3.0.12-installer”安裝程序。</p><p><b>　　步驟二：安裝向?qū)?lt;/b></p><p>　　進(jìn)入安裝向?qū)?，該界面提示為便于安裝系統(tǒng)更新文件，需要在安裝前關(guān)閉其他應(yīng)用程序，單擊“NEXT”按鈕繼續(xù)。</p><p&

16、gt;　　步驟三：選擇安裝目錄</p><p>　　設(shè)置XAMPP安裝目錄，單擊“Next”按鈕，進(jìn)入XAMPP設(shè)置界面。</p><p>　　步驟四：設(shè)置XAMPP</p><p>　　設(shè)置界面包含“生成桌面快捷圖標(biāo)”、“加入開始菜單”、“安裝Apache服務(wù)”、</p><p>　　“安裝MySQL服務(wù)”、“安裝Filezilla服務(wù)”選

17、項(xiàng)，本例選中了“生成桌面快捷圖標(biāo)”、“加入開始菜單”兩選項(xiàng)，單擊“Install”按鈕進(jìn)入文件解壓安裝。[2]</p><p>　　步驟五：文件解壓安裝</p><p>　　該步XAMPP系統(tǒng)進(jìn)行文件解壓安裝，“Next”按鈕變灰不可單擊，安裝完畢后，狀態(tài)變?yōu)榭蓳?，可單擊進(jìn)入下一步?！癇ack”為返回上一步，“Cancel”則為取消安裝。</p><p>　　在該步

18、中會(huì)彈出一個(gè)DOS命令提示窗口提示，該提示說明系統(tǒng)安裝正常。</p><p>　　步驟六：XAMPP安裝向?qū)ЫY(jié)束</p><p>　　文件解壓安裝完畢后，XAMPP安裝向?qū)ЫY(jié)束提示系統(tǒng)安裝成功，單擊“Finish”按鈕完成安裝。單擊“Finish”按鈕后，XAMPP彈出對(duì)話窗口，詢問是否需要開始XAMPP控制面板進(jìn)行設(shè)置，單擊“是”進(jìn)行快速設(shè)置，否則單擊“否”退出。</p>

19、<p>　　步驟七：XAMPP快速設(shè)置</p><p>　　安裝過程結(jié)束后，首先使用XAMPP控制面板來“啟動(dòng)/停止”PHP、MySQL服務(wù)。</p><p>　　步驟八：?jiǎn)?dòng)Apache</p><p>　　Apache和MySQL均為停止?fàn)顟B(tài)。單擊Apache后“start”按鈕。Windows系統(tǒng)防火墻提示是否允許訪問，選擇“允許訪問”。[3]<

20、;/p><p>　　步驟九：?jiǎn)?dòng)MySQL</p><p>　　單擊MySQL后“start”按鈕。Windows系統(tǒng)防火墻提示是否允許訪問，選擇“允許訪問”。</p><p>　　步驟十：建Joomla數(shù)據(jù)庫(kù)</p><p>　　單擊控制面板中Apache后“Admin”按鈕，系統(tǒng)會(huì)打開默認(rèn)瀏覽器，進(jìn)入XAMPP管理界面語言選擇頁(yè)，單擊語言選擇

21、“中文”選項(xiàng)進(jìn)入中文管理界面。中文界面里集成了三類工具，包括XAMPP系統(tǒng)信息、第三方程序演示、XAMPP中的PHP管理工具。單擊“工具→phpMyAdmin”進(jìn)入用PHP編寫的MySQL管理軟件phpMyAdmin。在phpMyAdmin界面“創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)”下文本框中填入“joomla”創(chuàng)建Joomla的數(shù)據(jù)庫(kù)，庫(kù)名為“joomla”。單擊“創(chuàng)建”按鈕提交創(chuàng)建。提交請(qǐng)求后，phpMyAdmin跳轉(zhuǎn)到該數(shù)據(jù)庫(kù)管理頁(yè)面，系統(tǒng)在右側(cè)頁(yè)

22、面中提示“數(shù)據(jù)庫(kù)joomla已經(jīng)建立”，代表數(shù)據(jù)庫(kù)創(chuàng)建操作成功。左側(cè)創(chuàng)建數(shù)據(jù)庫(kù)的數(shù)據(jù)表列表，由于剛創(chuàng)建的數(shù)據(jù)庫(kù)為空，則左側(cè)列表只出現(xiàn)“joomla”數(shù)據(jù)庫(kù)名。[4]</p><p>　　1.1.2 Joomla的安裝</p><p>　　安裝Joomla！系統(tǒng)：Joomla！內(nèi)容管理系統(tǒng)（CMS）的安裝。[5]</p><p>　　步驟一：將Joomla!軟件包解壓

23、</p><p>　　首先，在XAMPP的htdocs主文件夾中（.\xampp\htdocs）建立目錄“joomla”，將安裝包復(fù)制到目錄中，單擊鼠標(biāo)右鍵，選擇“解壓到當(dāng)前文件夾”。</p><p>　　步驟二：進(jìn)入安裝界面</p><p>　　解壓縮完畢后，然后打開瀏覽器，輸入網(wǎng)址http://localhost/joomla，進(jìn)入Joomla!安裝界面，選擇“

24、zh-CN”，然后單擊“下一步”按鈕。</p><p>　　步驟三：安裝前服務(wù)器環(huán)境檢查</p><p>　　必須符合要求的檢查項(xiàng)目。如果有某些項(xiàng)目顯示為紅色，說明服務(wù)器環(huán)境設(shè)置不符合必需的最低要求，更改配置，刷新重新檢查是否通過檢測(cè)。</p><p><b>　　步驟四：協(xié)議</b></p><p>　　本步是閱讀并接

25、受Joomla!協(xié)議，單擊“下一步”繼續(xù)。</p><p><b>　　步驟五：數(shù)據(jù)庫(kù)配置</b></p><p>　　數(shù)據(jù)庫(kù)類型選“mysql”。主機(jī)名填入“l(fā)ocalhost”，用戶名填“root”，由于MySQL的“root”用戶默認(rèn)狀態(tài)是沒有密碼，所以密碼不填。“數(shù)據(jù)庫(kù)名稱”里填入“joomla”，單擊“下一步”繼續(xù)。</p><p>

26、<b>　　步驟六：FTP配置</b></p><p>　　Joomla1.5的文件處理的一種新機(jī)制，也可以在安裝以后通過后臺(tái)管理控制界面進(jìn)行管理，在這里我們直接單擊“下一步”。</p><p>　　步驟七：Jmoola設(shè)置</p><p>　　1.站名設(shè)置：在“本站名稱”里填入站點(diǎn)的名稱。</p><p>　　2.管理

27、員郵件和密碼設(shè)置：填入您的郵件地址以及管理后臺(tái)所用的密碼。</p><p>　　3.加載樣例數(shù)據(jù)：?jiǎn)螕簟鞍惭b網(wǎng)站的示范內(nèi)容”進(jìn)行示例數(shù)據(jù)的安裝。</p><p>　　單擊“下一步”完成Joomla!的安裝。</p><p><b>　　步驟八：完成安裝</b></p><p>　　本步是完成界面，提示安裝成功。但提示必須

28、刪除installlation目錄。刪除installlation目錄后，回到j(luò)oomla安裝結(jié)束界面，單擊“瀏覽本站”進(jìn)入前臺(tái)，或單擊“進(jìn)入管理后臺(tái)”進(jìn)入后臺(tái)管理界面，開始Joomla之旅途。</p><p>　　步驟九：Joomla前臺(tái)和后臺(tái)</p><p>　　Joomla系統(tǒng)分為前臺(tái)和后臺(tái)兩部分。前臺(tái)展現(xiàn)給網(wǎng)站訪問者，用于發(fā)布網(wǎng)站內(nèi)容，提供訪問者服務(wù)。后臺(tái)供站點(diǎn)管理者使用，提供對(duì)應(yīng)

29、于前臺(tái)內(nèi)容、服務(wù)的管理設(shè)置功能。[6]</p><p>　　1．2 網(wǎng)站的設(shè)計(jì)主題與思路準(zhǔn)備</p><p>　　我們要做的是個(gè)人成長(zhǎng)歷程網(wǎng)站，因此主要應(yīng)該要體現(xiàn)個(gè)人特色。我們的水平自然是有限的，所以上面的有些東西都是從網(wǎng)上優(yōu)秀的個(gè)人網(wǎng)站上借鑒來的，例如布局和樣式。總體來說網(wǎng)站的布局，是統(tǒng)一的，這樣在瀏覽的時(shí)候不至于顯得太混亂。[7]</p><p>　　整個(gè)網(wǎng)站大

30、體分七部分：“我的日志”“我的相冊(cè)”“我的視頻”“我的朋友”“我的關(guān)注”“我的音樂”“留言板”。</p><p>　　1．3 網(wǎng)站的圖片素材準(zhǔn)備</p><p>　　Photo 圖片文件夾的準(zhǔn)備。</p><p>　　1．4 網(wǎng)站的視頻素材準(zhǔn)備</p><p>　　Video視頻文件夾的準(zhǔn)備。</p><p>　　1．

31、5 網(wǎng)站的文字素材準(zhǔn)備</p><p>　　Diary 文章文件夾的準(zhǔn)備。</p><p><b>　　2、網(wǎng)站中期</b></p><p><b>　　2．1 全局配置</b></p><p>　　Joomla可以分為兩個(gè)部分，管理后臺(tái)和網(wǎng)站前臺(tái)。后臺(tái)是管理和創(chuàng)造內(nèi)容的地方，一般只有網(wǎng)站的管理人員

32、才能看得到，網(wǎng)站前臺(tái)是給用戶看的，它是用來顯示網(wǎng)站內(nèi)容的。</p><p>　　步驟一：登錄網(wǎng)站后臺(tái)</p><p>　　首先，打開后臺(tái)的地址是http://localhost/joomla/administrator/index.php，默認(rèn)管理員賬號(hào)密碼，用戶名admin，密碼為安裝Joomla時(shí)設(shè)定的密碼。</p><p><b>　　步驟二：全局設(shè)

33、置</b></p><p>　　點(diǎn)擊登錄進(jìn)入管理后臺(tái)的控制面板</p><p>　　首先我們要更改網(wǎng)站服務(wù)器時(shí)區(qū)，點(diǎn)擊全局設(shè)置。</p><p>　　點(diǎn)擊服務(wù)器選項(xiàng)，并更改為北京時(shí)間，點(diǎn)擊保存。</p><p>　　步驟三：后臺(tái)語言管理</p><p>　　點(diǎn)擊語言管理，點(diǎn)擊進(jìn)入頁(yè)面后可見所有選項(xiàng)，其中五角

34、星標(biāo)志的為默認(rèn)語言，可點(diǎn)擊更改后臺(tái)語言。[8]</p><p><b>　　2．2 模版管理</b></p><p>　　通過后臺(tái)更改前臺(tái)顯示預(yù)覽。首先，我們通過預(yù)覽查看前臺(tái)顯示的網(wǎng)站?；氐骄W(wǎng)站管理后臺(tái)，點(diǎn)擊擴(kuò)展菜單下的模板管理。</p><p>　　我們看到Joomla默認(rèn)安裝了三個(gè)模板，每一個(gè)模板都可以讓網(wǎng)站前臺(tái)變得不一樣，當(dāng)我們把鼠標(biāo)停留

35、在模板名稱的上面時(shí)顯示出模板的縮略圖，讓我們大致了解一下模板的前臺(tái)顯示界面。點(diǎn)擊名稱前的圓圈并設(shè)置成默認(rèn)模板，便可得到不同示樣的前臺(tái)。[9]</p><p><b>　　2．3 分類管理</b></p><p>　　2.3.1 分類類型的添加</p><p>　　進(jìn)入網(wǎng)站管理后臺(tái)，點(diǎn)擊分類管理。</p><p>　　進(jìn)入

36、單元管理后，點(diǎn)擊右上角“創(chuàng)建”按鈕，創(chuàng)建標(biāo)題為“個(gè)人隱私”的單元并保存，單元?jiǎng)?chuàng)建完成，點(diǎn)擊“內(nèi)容”→“分類管理”， 點(diǎn)擊右上角創(chuàng)建“我的日志”的分類，并在單元分類中選擇“個(gè)人隱私”，訪問級(jí)別選擇“公開”。并按照上述方法，創(chuàng)建“我的相冊(cè)”“我的視頻”“我的朋友”“我的關(guān)注”“我的音樂”“留言板”分類。[10]</p><p>　　2.3.2 添加分類文章</p><p>　　進(jìn)入網(wǎng)站管理后臺(tái)

37、，點(diǎn)擊“內(nèi)容”→“文章管理”→“創(chuàng)建”。</p><p>　　把編寫好《半年一年》文章粘貼進(jìn)去，設(shè)置“標(biāo)題”，選擇 “我的日志”分類，設(shè)置其他項(xiàng)，設(shè)置好之后點(diǎn)擊“保存”按鈕，設(shè)置精選，在首頁(yè)顯示，刷新前臺(tái)并瀏覽。</p><p>　　重復(fù)上述動(dòng)作，添加《無限》《木偶戲》《退三舍》等文章。[11]</p><p>　　2.3.3 文章的排版</p>&l

38、t;p>　　步驟一：推薦文章到首頁(yè)</p><p>　　打開“文章管理”，找到我們想要推薦到首頁(yè)的文章，點(diǎn)擊“首頁(yè)”欄目的“X”，變?yōu)椤啊獭眲t為推薦成功。我們把視頻“我要當(dāng)舅舅了”推薦到首頁(yè)。</p><p>　　步驟二：修改菜單參數(shù)</p><p>　　打開“菜單”→“mainmenu”→“Home”， 進(jìn)入“Home”，基本參數(shù)包括“頭條文章”、“引言”、

39、“欄”和“鏈接數(shù)”， 設(shè)置參數(shù)“頭條文章”為0、“引言”為3、“欄”為3、“鏈接數(shù)”為4，我們還可以對(duì)不滿意的文章進(jìn)行除，點(diǎn)擊“內(nèi)容”→“首頁(yè)文章”，選中要?jiǎng)h除的文章，點(diǎn)擊“刪除”， 現(xiàn)在首頁(yè)的文章有“作者”、“創(chuàng)建時(shí)間”等等信息，但是標(biāo)題連接不到文章上，回到“Home”的組件參數(shù)，進(jìn)行設(shè)置。</p><p><b>　　步驟三：菜單的排序</b></p><p>　

40、　點(diǎn)擊“內(nèi)容”→“分類管理”，在分類管理列表中點(diǎn)擊“排序”中的小三角形修改排序號(hào)來排序。同上在“Home”菜單的高級(jí)參數(shù)中，也可以更改“默認(rèn)排序”。 影響文章排序的方式另一個(gè)因素是文章分類的順序，在首頁(yè)菜單的高級(jí)參數(shù)里面我們可以設(shè)定文章分類排序方式，設(shè)置“菜單項(xiàng)”→“文章分類排序”→“排序”，基本參數(shù)中“引言”設(shè)為7。我們這里按照“我的日志”“我的相冊(cè)”“我的視頻”“我的作品”“我的朋友”“我的關(guān)注”“我的音樂”“留言板”來進(jìn)行排序。&

41、lt;/p><p>　　步驟四：文章的統(tǒng)一參數(shù)設(shè)置</p><p>　　以上我們已經(jīng)為我們的文章添加了圖片，視頻等內(nèi)容，我們發(fā)現(xiàn)在文章標(biāo)題的下欄中有關(guān)于作者的信息，文章發(fā)布的時(shí)間，右上角有PDF、打印、郵件等小圖標(biāo)，這些我們可以通過文章編輯的文章參數(shù)可以調(diào)整，但是我們需要每發(fā)一篇文章就要更改一次參數(shù)嗎？這里我們可以通過修改文章的統(tǒng)一參數(shù)來調(diào)整，點(diǎn)擊“內(nèi)容”→“文章管理”→“統(tǒng)一參數(shù)”進(jìn)入設(shè)置，

42、使其更加工整美觀。[12]</p><p>　　2.3.4 Logo的修改</p><p>　　首先我們用一些圖形設(shè)計(jì)工具設(shè)計(jì)好Logo，這里準(zhǔn)備的圖片是logo.gif。將設(shè)計(jì)好的Logo命名為“l(fā)ogo.gif”，放入“E:\XAMPP\htdocs\joomla\templates\beez\images”中替換原來的Logo，刷新前臺(tái)。[13]</p><p&

43、gt;<b>　　2．4 菜單管理</b></p><p>　　步驟一：在主菜單添加菜單項(xiàng)</p><p>　　點(diǎn)擊“菜單”→“mainmenu”，點(diǎn)擊進(jìn)入“Home”，更改“標(biāo)題”為“首頁(yè)”。</p><p>　　步驟二：創(chuàng)建一個(gè)新的菜單項(xiàng)</p><p>　　進(jìn)入“分類-文章類別列表式布局”，基本參數(shù)“分類”為“我的

44、日志”。 頭條文章，“引言”，“欄”，“鏈接數(shù)”，依次設(shè)置?！皹?biāo)題”設(shè)定為“我的日志”，高級(jí)參數(shù)中“多欄排序”選擇橫向排序。</p><p>　　按照上述方法一次創(chuàng)建“我的相冊(cè)”“我的視頻”“我的朋友”“我的關(guān)注”“我的音樂”“留言板”菜單項(xiàng)目。 </p><p><b>　　2．5 模塊管理</b></p><p>　　Joomla的模板里面

45、已經(jīng)定義好了一些位置，我們首先看一下現(xiàn)在我們使用的這個(gè)模板上的位置分布，打開“擴(kuò)展”→“模板管理”，點(diǎn)擊我們正在使用的模板“beez”。 進(jìn)入模板“beez”，點(diǎn)擊“預(yù)覽”，其中紅色標(biāo)注的就是模板定義的位置。</p><p>　　2.5.1 搜索的添加</p><p>　　回到模塊管理，點(diǎn)擊“創(chuàng)建”→“搜索”， 標(biāo)題命名為“搜索”，位置選擇“use4”，點(diǎn)擊應(yīng)用。</p>&

46、lt;p>　　2.5.2 面包屑的添加</p><p>　　回到模塊管理，點(diǎn)擊“創(chuàng)建”→“面包屑（導(dǎo)航路徑）”，點(diǎn)擊進(jìn)入，輸入標(biāo)題“導(dǎo)航路徑”，將位置放到“breadcrumb”位置上，首頁(yè)入口的文字修改為“首頁(yè)”，點(diǎn)擊保存。</p><p>　　2.5.3 創(chuàng)建自定義模塊</p><p>　　自定義模塊可以讓我們自己定義顯示在模塊里面的內(nèi)容，可以輸入文字、可

47、以插入圖片或者視頻。創(chuàng)建一個(gè)自定義模塊，顯示在網(wǎng)站底部，做為網(wǎng)站的版權(quán)聲明， 打開“擴(kuò)展”→“模塊管理”→“創(chuàng)建”→“定制html”，標(biāo)題命名為“版權(quán)聲明”，顯示標(biāo)題為“否”，位置選擇“footer”。</p><p>　　2.5.4 附加功能的添加</p><p>　　給網(wǎng)站加入在線QQ功能</p><p>　　打開一個(gè)QQ在線狀態(tài)的生成網(wǎng)站，輸入你的QQ賬號(hào)、密

48、碼進(jìn)行登錄。進(jìn)入編輯頁(yè)面，選擇代碼類型為“完全公開”，圖片留言“我是客服一號(hào)”，在線狀態(tài)風(fēng)格可以更改選擇一個(gè)自己喜歡的圖標(biāo)，點(diǎn)擊確定，復(fù)制公開代碼?；氐骄W(wǎng)站管理后臺(tái)，創(chuàng)建一個(gè)“定制HTML”的模塊，標(biāo)題為“QQ在線”，代碼復(fù)制到自定義輸出（點(diǎn)擊編輯器的HTML，復(fù)制到HTML面板，更新）。點(diǎn)擊保存，刷新前臺(tái)。[14]</p><p><b>　　3、組件的應(yīng)用</b></p>

49、<p>　　組件可以擴(kuò)展Joomla的功能，讓我們的Joomla變得更加強(qiáng)大。Joomla里面可用的組件很多，它們可以完成不同的任務(wù)。我們可以根據(jù)自己對(duì)網(wǎng)站功能的需求為網(wǎng)站安裝相應(yīng)的組件。</p><p>　　3．1 投票組件的應(yīng)用</p><p>　　點(diǎn)擊“組件”→“投票調(diào)查”，點(diǎn)擊“創(chuàng)建”進(jìn)入編輯投票調(diào)查頁(yè)面，進(jìn)入編輯界面，在細(xì)節(jié)設(shè)置里面命名“標(biāo)題”為“我網(wǎng)站怎么樣？？？”，

50、在選項(xiàng)里面輸入調(diào)查問卷的一些選項(xiàng)，這里“選項(xiàng)1”為“網(wǎng)站的風(fēng)格你們喜歡嗎？”，“選項(xiàng)2”為“你們覺得網(wǎng)站有什么地方需要修改？”，“選項(xiàng)3”為“如果是十分，你們給我的網(wǎng)站打多少分？”，已發(fā)布位置點(diǎn)擊“是”。</p><p>　　下面我們還必須創(chuàng)建一個(gè)模塊來顯示我們的調(diào)查問卷，點(diǎn)擊“擴(kuò)展”→“模塊管理”，創(chuàng)建“投票調(diào)查”模塊，標(biāo)題為“投票調(diào)查”，位置為“use1”，模塊參數(shù)中投票調(diào)查選擇“您對(duì)我們的服務(wù)是否滿意”，點(diǎn)

51、擊保存。下面我們對(duì)投票調(diào)查做個(gè)測(cè)試，點(diǎn)擊“選項(xiàng)1”→“投票”，即可看到投票的結(jié)果。</p><p>　　3．2 留言板組件的應(yīng)用</p><p>　　安裝并使用留言組件，點(diǎn)擊“擴(kuò)展”→“安裝卸載”→“瀏覽”，選擇我們需要安裝的“com_easybook_v2.0_RC4_zh-CN”，安裝完成后提示安裝成功，下面我們創(chuàng)建一個(gè)菜單項(xiàng)，讓它鏈接到這個(gè)組件。點(diǎn)擊“菜單”→“常用菜單”→“創(chuàng)建”，

52、選擇“easybook”標(biāo)準(zhǔn)布局。命名標(biāo)題為“在線留言”，組件參數(shù)中顯示Easybook為“隱藏，”允許發(fā)言的群組更改為“Everybody”， 添加上留言內(nèi)容點(diǎn)擊“提交留言”即可，為了防止有人發(fā)布垃圾信息，還需要為留言板安裝一個(gè)驗(yàn)證碼組件“com_easycaptcha_v2.0_RC2_zh-CN”，安裝完成后進(jìn)入在線留言的菜單項(xiàng)，組件參數(shù)中啟用驗(yàn)證碼項(xiàng)選擇“是”,就可以使用了。</p><p><b&

53、gt;　　4、插件的使用</b></p><p>　　插件就是一些擴(kuò)展Joomla功能的小東西，通常每一個(gè)插件都可以完成一個(gè)特定的任務(wù)。插件有許多類型，有些插件用在文章中，比如我們即將安裝并且使用的相冊(cè)插件，使用它可以在文章中插入一個(gè)可以自動(dòng)生成縮略圖的相冊(cè)。還有一些插件提供網(wǎng)站內(nèi)容的搜索功能，有的插件能夠生成頁(yè)面緩存，可以讓網(wǎng)站速度變得更快。[15]</p><p>　　4．

54、1 圖片文件的添加</p><p>　　打開管理后臺(tái)，點(diǎn)擊“擴(kuò)展”→“安裝卸載”進(jìn)入安裝界面，安裝相冊(cè)插件plg_verysimple_gallery_1.5.3，安裝完畢后提示安裝成功。在默認(rèn)情況下，新安裝插件的狀態(tài)都是禁用的，下面我們啟用安裝的相冊(cè)插件。點(diǎn)擊“擴(kuò)展”→“插件管理”，選擇類型“content”篩選，找到插件“Very Simple Image Gallery Plugin”，選擇啟用并保存，點(diǎn)擊

55、“Very Simple Image Gallery Plugin”進(jìn)行編輯參數(shù)，相冊(cè)寬度修改為“760”單位設(shè)置為“像素”，對(duì)齊方式選擇“左對(duì)齊”，縮略圖寬度設(shè)置為“65”，縮略圖高度設(shè)置為“35”，縮略圖質(zhì)量“100”，縮略圖之間的空間“8”，縮略圖顯示位置“在大圖的右邊顯示”，設(shè)置完成后點(diǎn)擊保存，我們要使用Very Simple Image Gallery Plugin這個(gè)插件，必須在文章中使用一個(gè)命令，在Very Simple

56、Image Gallery Plugin插件的簡(jiǎn)介中有這個(gè)命令，命令為{vsig}文件夾名稱{/vsig}，打開“網(wǎng)站”→“媒體管理”，這里面顯示的是已經(jīng)上傳到我們服務(wù)器中的圖片。我們</p><p>　　按照上述做法添加《成長(zhǎng)站》-----正定站，我的小外甥，《成長(zhǎng)站》-----天津站等照片文件。</p><p>　　4．2 音樂文件的添加</p><p>　　打

57、開管理后臺(tái)，點(diǎn)擊“擴(kuò)展”→“安裝卸載”進(jìn)入安裝界面，安裝“com_avreloaded-1.2.4”，安裝完畢后提示安裝成功。點(diǎn)擊“擴(kuò)展”→“插件管理”， 找到插件“com_avreloaded-1.2.4”，點(diǎn)擊啟用。我們要使用Very Simple Image Gallery Plugin這個(gè)插件，必須在文章中使用一個(gè)命令，在Very Simple Image Gallery Plugin插件的簡(jiǎn)介中有這個(gè)命令，命令為{MP3}文件

58、夾名稱{/MP3}，打開“網(wǎng)站”→“媒體管理”，這里面顯示的是已經(jīng)上傳到我們服務(wù)器中的歌曲?；氐健拔恼鹿芾怼边x擇我們要插入歌曲，并選擇歌曲顯示的位置，輸入歌曲顯示命令{MP3}zheyangaile{/mp3}，則在“我的歌曲”-《這樣愛了》中就可以瀏覽。</p><p>　　按照上述做法添加《遺憾》《到不了》等歌曲文件。</p><p><b>　　4．3 視頻的添加</

59、b></p><p>　　打開管理后臺(tái)，點(diǎn)擊“擴(kuò)展”→“安裝卸載”進(jìn)入安裝界面，安裝“com_avreloaded-1.2.4”，安裝完畢后提示安裝成功。點(diǎn)擊“擴(kuò)展”→“插件管理”， 找到插件“com_avreloaded-1.2.4”，點(diǎn)擊啟用。我們要使用Very Simple Image Gallery Plugin這個(gè)插件，必須在文章中使用一個(gè)命令，在Very Simple Image Gallery

60、 Plugin插件的簡(jiǎn)介中有這個(gè)命令，命令為{視頻文件格式}文件夾名稱{/視頻文件格式}，例如{MP4}文件夾名稱{/MP4}。打開“網(wǎng)站”→“媒體管理”，這里面顯示的是已經(jīng)上傳到我們服務(wù)器中的視頻?；氐健拔恼鹿芾怼边x擇我們要插入視頻，并選擇視頻顯示的位置，輸入歌曲顯示命令{mp4}borther{/mp4}，則在“我的視頻”-《我們小小的青春》中就可以瀏覽。</p><p>　　按照上述做法添加《我要當(dāng)舅舅了，

61、呵呵呵呵》《和我一起成長(zhǎng)的小松鼠》等視頻文件。</p><p><b>　　5、網(wǎng)站后期</b></p><p><b>　　5．1 網(wǎng)站的測(cè)試</b></p><p>　　測(cè)試網(wǎng)站的跳轉(zhuǎn)和鏈接，是否能正常跳接到指定界面。</p><p>　　測(cè)試投票，QQ等組件能否正常使用。</p>

62、<p><b>　　5．2 網(wǎng)站的調(diào)試</b></p><p>　　步驟一：進(jìn)入后臺(tái)，調(diào)試有問題的鏈接，進(jìn)入前臺(tái)繼續(xù)測(cè)試。</p><p>　　步驟二：調(diào)試如果不成功，繼續(xù)調(diào)試。</p><p><b>　　注 釋</b></p><p>　　[1] Xampp Surhone, Lam

63、bert M.、Timpledon, Miriam T.、 Marseken, Susan F. VDM Publishing House (2010-07出版)。</p><p>　　[2] 數(shù)據(jù)庫(kù)系統(tǒng)概論(第4版) 王珊、 薩師煊 高等教育出版社 (2006-05出版)。</p><p><b>　　[3][4]同上。</b></p><p&g

64、t;　　[5] 廖旻可、吳濤濤：《Joomla建站步步通》，人民郵電出版社，2009年，第23頁(yè)。</p><p>　　[6] Joomla之門網(wǎng)站，www.joomlagate.com。</p><p>　　[7] 于丙超:《網(wǎng)站開發(fā):項(xiàng)目規(guī)劃、設(shè)計(jì)與實(shí)現(xiàn)》，電子工業(yè)出版社，2004年，第55-58頁(yè)。</p><p>　　[8]郭順能：《Joomla! 2.5素

65、人架站計(jì)畫》，碁峰資訊股份有限公司。</p><p>　　[9] 陳紅飛：《PHP內(nèi)容管理系統(tǒng)：Joomla快速建站指南》，電子工業(yè)出版社。</p><p>　　[10] 王學(xué)軍：《網(wǎng)站建設(shè)與規(guī)劃》，武漢理工大學(xué)出版社 2005年，第25頁(yè)。</p><p>　　［11］張紅 章劍林：《網(wǎng)站建設(shè)》，高等教育出版社，第35頁(yè)。</p>

66、<p>　　[12]徐磊：《網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)技術(shù)大全》，清華大學(xué)出版社。</p><p>　　[13] 王靜 等：《Adobe Photoshop CS4 網(wǎng)頁(yè)設(shè)計(jì)與制作標(biāo)準(zhǔn)實(shí)訓(xùn)教程》，印刷工業(yè)出版社。</p><p>　　[14] 《HTML5+CSS3 網(wǎng)頁(yè)布局和樣式精粹》，清華大學(xué)出版社。</p><p>　　[15] 導(dǎo)向工作室：《24小時(shí)學(xué)會(huì)

67、網(wǎng)站建設(shè)》，人民郵電出版社。</p><p><b>　　參 考 文 獻(xiàn)</b></p><p>　　Joomla之門網(wǎng)站，www.joomlagate.com。</p><p>　　《HTML5 從入門到精通》，清華大學(xué)出版社。</p><p>　　《HTML5+CSS3 網(wǎng)頁(yè)布局和樣式精粹》，清華大學(xué)出版社。<

68、/p><p>　　王靜 等：《Adobe Photoshop CS4 網(wǎng)頁(yè)設(shè)計(jì)與制作標(biāo)準(zhǔn)實(shí)訓(xùn)教程》，印刷工業(yè)出版社。</p><p>　　郭順能：《Joomla! 2.5素人架站計(jì)畫》，碁峰資訊股份有限公司。</p><p>　　廖旻可、吳濤濤：《joomla建站步步通》，人民郵電出版社。</p><p>　　陳紅飛：《PHP內(nèi)容管理系統(tǒng)：Joo

69、mla快速建站指南》，電子工業(yè)出版社。</p><p>　　楊宇 等：《PHP典型模塊與項(xiàng)目實(shí)戰(zhàn)大全》，清華大學(xué)出版社。</p><p>　　胡嘉璽：《BLOG啟示錄：WordPress博客建設(shè)與經(jīng)營(yíng)》，清華大學(xué)出版社。</p><p>　　徐磊：《網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)技術(shù)大全》，清華大學(xué)出版社。</p><p>　　導(dǎo)向工作室：《24小時(shí)學(xué)會(huì)

70、網(wǎng)站建設(shè)》，人民郵電出版社。</p><p><b>　　致 謝</b></p><p>　　在本次畢業(yè)設(shè)計(jì)過程中，指導(dǎo)老師給予了極大的幫助。老師認(rèn)真負(fù)責(zé)的工作態(tài)度和豐富的理論和實(shí)際操作能力都使我收益匪淺。無論在理論上還是在實(shí)踐中，他都給與我很大的幫助，在他的幫助下使得整個(gè)網(wǎng)站能及時(shí)的設(shè)計(jì)完成，并從中學(xué)到了很多以前沒有學(xué)到的知識(shí)，所以，非常感謝她耐心的指導(dǎo)。還有，在我

71、設(shè)計(jì)整個(gè)網(wǎng)站的過程中，許多同學(xué)也給了我很大的幫助，特別是在論文的排版方面，我請(qǐng)教了多位同學(xué)，同學(xué)們都樂意指導(dǎo)，在這里我一起表示感謝。</p><p>　　最后要感謝在這三年的學(xué)習(xí)和生活中給予我關(guān)懷和照顧的每一位可敬的系部領(lǐng)導(dǎo)和老師，感謝你們的無私奉獻(xiàn)！感謝你們的悉心教導(dǎo)！感謝你們的點(diǎn)點(diǎn)滴滴！感謝母校對(duì)我們的培養(yǎng)！是你們，教會(huì)了我為人民服務(wù)的本領(lǐng)，是你們，讓我懂得了做人的道理，無論以后我走到那里，我都會(huì)記得你們給予