網(wǎng)站建設(shè)實(shí)習(xí)報(bào)告

　 Compilation of reports 20XX 報(bào) 告 匯 編

　報(bào)告文檔·借鑒學(xué)習(xí) word 可編輯·實(shí)用文檔

　網(wǎng)站建設(shè)實(shí)習(xí)報(bào)告

　 學(xué)

　院：信息技術(shù)學(xué)院 專

　業(yè)：計(jì)算機(jī)網(wǎng)絡(luò)技術(shù) 姓

　名：第二小組 班

　級(jí)：10 高職網(wǎng)絡(luò)（1）班 指導(dǎo)教師：張媛、張萍、付峰

　小組成員：馬 瑞

　李 毅、彭旺景、陳 豪仵江波、馬紅成、胡凱威

　報(bào)告文檔·借鑒學(xué)習(xí)

　1

　目錄 目錄 .................................................................................................................................................. 1 摘要 .................................................................................................................................................. 2 概述 .................................................................................................................................................. 3 第一章 項(xiàng)目需求分析 ..................................................................................................................... 4 1.1 需求分析 ............................................................................................................................ 4 1.2 實(shí)訓(xùn)目的 ............................................................................................................................ 4 1.3 所需軟件 ........................................................................................................................... 5 第二章 網(wǎng)站設(shè)計(jì) ............................................................................................................................. 0 2.1 網(wǎng)站主題 ........................................................................................................................... 0 2.2 網(wǎng)站材料 ........................................................................................................................... 0 2.3 網(wǎng)站的制作工具 ............................................................................................................... 0 2.4 制作網(wǎng)站的網(wǎng)頁(yè) ............................................................................................................... 0 2.5 上傳測(cè)試網(wǎng)站 ................................................................................................................... 1 第三章 網(wǎng)頁(yè)設(shè)計(jì) ............................................................................................................................. 2 3.1 首頁(yè)的設(shè)計(jì)與制作 ........................................................................................................... 2 3.2 資料的搜集 ....................................................................................................................... 2 3.3

　建立模板和庫(kù) ................................................................................................................. 2 3.4 各個(gè)子網(wǎng)頁(yè)的建立 ............................................................................................................ 2 3.5 實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接 ............................................................................................................ 3 3.6 實(shí)現(xiàn)動(dòng)靜態(tài)網(wǎng)頁(yè)的結(jié)合 .................................................................................................... 4 第四章 Linux 操作系統(tǒng) .................................................................................................................. 0 第五章 后臺(tái)管理 ............................................................................................................................. 2 5.1 登陸頁(yè)面的設(shè)計(jì) ............................................................................................................... 2 5.2 新聞發(fā)布系統(tǒng) ................................................................................................................... 3 第六章 實(shí)訓(xùn)過(guò)程 ............................................................................................................................. 5 6.1 收集網(wǎng)站建設(shè)的資料和信息 ........................................................................................... 5 6.2 確定每個(gè)頁(yè)面的布局 ....................................................................................................... 5 6.3 先規(guī)劃好首頁(yè)要表達(dá)的內(nèi)容 ........................................................................................... 5 6.4 將其余頁(yè)面分發(fā)給特定的幾人 ....................................................................................... 5 6.5 超鏈接 ............................................................................................................................... 5 6.6 整理 ................................................................................................................................... 6 6.7 美工 ................................................................................................................................... 6 6.8 前后臺(tái) ............................................................................................................................... 6 6.9 功能實(shí)現(xiàn) ........................................................................................................................... 6 總結(jié) .................................................................................................................................................. 7

　報(bào)告文檔·借鑒學(xué)習(xí)

　2 摘要 網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開(kāi)拓國(guó)際市場(chǎng)，開(kāi)展24 小時(shí)網(wǎng)上營(yíng)銷及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打開(kāi)新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。

　 出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫(huà)龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無(wú)價(jià)值的。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來(lái)設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。

　 整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開(kāi)始設(shè)計(jì)之前就已經(jīng)經(jīng)過(guò)詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見(jiàn)，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來(lái)確定的。

　報(bào)告文檔·借鑒學(xué)習(xí)

　3 概述 本站是一個(gè)用 Dreamweaver、Flash、PHP、SQL server2000 設(shè)計(jì)編寫(xiě)的美食網(wǎng)站，主要包括 6 個(gè)模塊：首頁(yè)，菜譜，廚房，食材，飲食健康，飲食資訊等。通過(guò)本網(wǎng)站系統(tǒng)能提供各種與美食相關(guān)的信息以及各種美食信息的交流。與其他企業(yè)網(wǎng)站一樣，也應(yīng)通過(guò) Internet來(lái)對(duì)外宣傳網(wǎng)站

　 建立以 Dreamweaver，F(xiàn)lash 等技術(shù)編寫(xiě)的前臺(tái)表現(xiàn)模塊，為用戶提供方便快捷的信息服務(wù)與交流。隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，互聯(lián)網(wǎng)的快速發(fā)展使越來(lái)越多的人選擇從互聯(lián)網(wǎng)上獲取信息，因此，互聯(lián)網(wǎng)逐漸成為一個(gè)寬廣的信息發(fā)布平臺(tái)和獲取信息的平臺(tái)。本網(wǎng)站系統(tǒng)就要有用戶注冊(cè)和新聞發(fā)布兩大動(dòng)態(tài)功能。通過(guò)以 PHP 編寫(xiě)，以 SQL 2000 作為后臺(tái)數(shù)據(jù)庫(kù)的網(wǎng)站后臺(tái)管理系統(tǒng)，制作了一個(gè)簡(jiǎn)單的美食網(wǎng)站系統(tǒng)，實(shí)現(xiàn)了美食網(wǎng)站用戶登陸、注冊(cè)以及新聞發(fā)布等功能。

　報(bào)告文檔·借鑒學(xué)習(xí)

　4

　第一章 項(xiàng)目需求分析 1 1.1 需求分析

　互聯(lián)網(wǎng)豐富多彩，這些信息大多通過(guò)網(wǎng)頁(yè)與用戶進(jìn)行交互。網(wǎng)頁(yè)的實(shí)現(xiàn)形式多種多樣，無(wú)論是短小精悍的個(gè)人主頁(yè)，還是結(jié)構(gòu)清晰、豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設(shè)計(jì)都要放在第一步，因?yàn)樗�直接關(guān)系到網(wǎng)站的功能是否完善，質(zhì)量是否能夠達(dá)到保證。

　2 1.2 實(shí)訓(xùn)目的 網(wǎng)站的建設(shè)不僅僅是制作主頁(yè)的問(wèn)題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問(wèn)題，寫(xiě)出詳盡的建站計(jì)劃，可以說(shuō)這是網(wǎng)站建設(shè)的根源和核心所在。作為一個(gè)美食網(wǎng)站，我們的服務(wù)群體及訪問(wèn)者都定位在愛(ài)好和熱愛(ài)美食的大眾，為為大家服務(wù)就是我們這個(gè)網(wǎng)站的目的和方向。從整個(gè)頁(yè)面上可以看出，我們的這個(gè)整個(gè)網(wǎng)站涉及所有熱愛(ài)美食的人。整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開(kāi)始設(shè)計(jì)之前就已經(jīng)經(jīng)過(guò)詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣，企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見(jiàn)，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來(lái)確定的。

　通過(guò)綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和拓展學(xué)生的理論知識(shí)與專業(yè)技能。

　訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動(dòng)手能力,學(xué)會(huì)通過(guò)網(wǎng)站、書(shū)籍、素材光盤(pán)等方式收集所需的文字資料、圖象資料、flash 動(dòng)畫(huà)和網(wǎng)頁(yè)特效等。

　培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開(kāi)發(fā)過(guò)程中所遇到的實(shí)際問(wèn)題的能力及其基本工作素質(zhì)。

　培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力,樹(shù)立自信心。

　報(bào)告文檔·借鑒學(xué)習(xí)

　5 1.3 所需軟件 網(wǎng)頁(yè)編輯排版 Macromedia Dreamweaver 8、網(wǎng)頁(yè)圖像制作軟件 Photo CS2、網(wǎng)頁(yè)動(dòng)畫(huà)制件軟件 Flash、ACCESS 數(shù)據(jù)庫(kù)、動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言 ASP

　報(bào)告文檔·借鑒學(xué)習(xí) word 可編輯·實(shí)用文檔 第二章 網(wǎng)站設(shè)計(jì) 2.1 網(wǎng)站主題 我們網(wǎng)站的主旨在于從各個(gè)方面全面的介紹美食，展示美食，包括不同地方、不同民族的美食，網(wǎng)站里還包括美食的簡(jiǎn)介和美食的做法，為愛(ài)好美食的食友建立一個(gè)好的的平臺(tái)。同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁(yè)都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁(yè)的主題色彩都是橘黃色，最重要的是做出自己的風(fēng)格，給瀏覽者和美食愛(ài)好者以好的視覺(jué)感受。

　2.2 網(wǎng)站材料

　 主要在網(wǎng)站上搜集所要的網(wǎng)頁(yè)信息，包括圖片、文字、相關(guān)的新聞。同時(shí)，查詢相關(guān)的書(shū)籍、百度和素材光盤(pán)等方式收集所需的文字資料,圖象資料,flash 動(dòng)畫(huà)和網(wǎng)頁(yè)特效等，用以得來(lái)更加具有說(shuō)服力的頁(yè)面。要想做一個(gè)比較好的網(wǎng)站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁(yè)的素材，這樣就可以做好一個(gè)好的網(wǎng)站。

　2.3 網(wǎng)站的制作工具

　做網(wǎng)頁(yè)時(shí)主要使用的是 Deamweaver。另外，為了處理網(wǎng)頁(yè)中的其他元素，還使用了Photoshop、Macromedia Fireworks、Macromedia Flash 等軟件。

　2.4 制作網(wǎng)站的網(wǎng)頁(yè)

　 素材、風(fēng)格、模板都設(shè)計(jì)好以后，下一步就是具體的制作網(wǎng)頁(yè)。制作網(wǎng)站時(shí)，首先要做的就是站點(diǎn)的規(guī)劃，建立一個(gè)本地站點(diǎn)，建立的各個(gè)頁(yè)面都應(yīng)該放在本地站點(diǎn)中，在網(wǎng)頁(yè)制作時(shí)所需的各個(gè)元素都進(jìn)行了統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時(shí)建立了“image”文件夾來(lái)存放圖片。同時(shí)，網(wǎng)頁(yè)中的 css 樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊，我們?cè)O(shè)計(jì)的網(wǎng)站的新聞發(fā)布如下圖：

　報(bào)告文檔·借鑒學(xué)習(xí)

　1

　 圖 3-1 新聞發(fā)布 插入相關(guān)鏈接的菜單欄，一方面為了布局合理，彌補(bǔ)左下角的空缺，另一方面給瀏覽者提供放表的導(dǎo)航，點(diǎn)擊其中任意一個(gè)都會(huì)連接到其他網(wǎng)頁(yè)，如點(diǎn)擊返回登陸就會(huì)連接到下面網(wǎng)頁(yè)：

　圖 3-2 后臺(tái)登陸 2.5 上傳測(cè)試網(wǎng)站

　網(wǎng)頁(yè)制作完畢以后，要進(jìn)行反復(fù)的測(cè)試，保存后在 IE 瀏覽器上反復(fù)運(yùn)行自己的網(wǎng)站，用以發(fā)現(xiàn)設(shè)計(jì)中的缺陷并及時(shí)改正。

　報(bào)告文檔·借鑒學(xué)習(xí)

　2 第三章 網(wǎng)頁(yè)設(shè)計(jì)

　3.1 首頁(yè)的設(shè)計(jì)與制 作

　在靜態(tài)網(wǎng)頁(yè)制作中首先我們要考慮的就是主頁(yè)面的布局以及色彩。主頁(yè)的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，我們構(gòu)思大致分幾部分，首頁(yè)、菜譜、廚房、食材、飲食健康、飲食咨詢、后臺(tái)登錄等七大板塊。

　圖 3 -1 網(wǎng)站主頁(yè) 3.2 資料的搜集

　 主頁(yè)的導(dǎo)航欄設(shè)計(jì)好后，接下來(lái)就是對(duì)主頁(yè)導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，我們采用大量的資料收集再對(duì)資料進(jìn)行塞選，得到最適合導(dǎo)航欄內(nèi)容的資料。素材的選擇，要符合網(wǎng)站的主題，圖片的大小要符合模板的輪廓，我們將不符合模板的用軟件處理編輯，然后放入站點(diǎn)底下，進(jìn)行圖文的鏈接和排版。

　3.3

　建立模板和庫(kù)

　 此次網(wǎng)站建設(shè)中我們決定大量運(yùn)用模板和庫(kù)，運(yùn)用模板和庫(kù)對(duì)于建立網(wǎng)站提供便利同時(shí)也為我們減少大量的工序。

　4 3.4 各個(gè)子網(wǎng)頁(yè)的建立

　 我們?cè)O(shè)計(jì)好模板后只要在可編輯區(qū)依次編輯所需資料就可，運(yùn)用模板建立子網(wǎng)頁(yè)少了很

　報(bào)告文檔·借鑒學(xué)習(xí)

　3 多工序，為我們節(jié)省大量的時(shí)間。盡管我們建立了模板，但我們?cè)诮�立子網(wǎng)時(shí)很小心，因?yàn)橐粡垐D片的大小插入就有可能破壞整個(gè)模板的結(jié)構(gòu)尤其在使用表格時(shí)，因此我們對(duì)所插入的圖片和表格都得進(jìn)行測(cè)量，做到不影響網(wǎng)站整體的美觀。

　圖 3-2 分頁(yè)美食資訊

　 圖 3-3 分頁(yè)飲食菜譜

　5 3.5 實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接 做好各個(gè)子網(wǎng)和首頁(yè)后，接下來(lái)就是通過(guò)鏈接，將整個(gè)網(wǎng)站中的網(wǎng)頁(yè)鏈接起來(lái)，使各個(gè)分頁(yè)和主頁(yè)、分頁(yè)和分頁(yè)間可以流暢的切換，從而減少人們?yōu)g覽網(wǎng)頁(yè)的時(shí)間。

　報(bào)告文檔·借鑒學(xué)習(xí)

　4

　圖 3-4 分頁(yè)鏈接 6 3.6 實(shí)現(xiàn)動(dòng)靜態(tài)網(wǎng)頁(yè)的結(jié)合

　將靜態(tài)網(wǎng)頁(yè)轉(zhuǎn)換，插入動(dòng)態(tài)效果使得我們?cè)诤笈_(tái)操作時(shí)，插入的時(shí)事新聞可以在網(wǎng)頁(yè)中實(shí)現(xiàn)，完成新聞發(fā)布的效果。

　圖 3-5 實(shí)現(xiàn)動(dòng)靜態(tài)網(wǎng)頁(yè)代碼

　報(bào)告文檔·借鑒學(xué)習(xí) word 可編輯·實(shí)用文檔 第四章 Linux 操作系統(tǒng)

　發(fā)布服務(wù)器：

　SFTP 用戶名：

　SFTP 密碼：

　TelNet 用戶名：

　TelNet 密碼：

　MySql 5.0 及以上版本

　Php 5.0 及以上版本

　Apache 2.0 及以上版本

　主站綁定域名：www.v-ec.com

　默認(rèn)首頁(yè)：index.html

　設(shè)置 php 解析 htm 和 html 擴(kuò)展名

　博客綁定域名：www.w3cgroup.com

　默認(rèn)首頁(yè)：index.php

　網(wǎng)站目錄結(jié)構(gòu)：

　v-ec（主站）

　upload：

　寫(xiě)權(quán)限

　w3cgroup（博客）

　upload：

　寫(xiě)權(quán)限

　Apache、Php 及 MySql 設(shè)置

　httpd.conf 配置：

　Linux 路徑：/usr/local/apache/conf/httpd.conf

　#忽略大小寫(xiě)

　LoadModule speling_module modules/mod_speling.so

　CheckSpelling On

　#設(shè)置默認(rèn)首頁(yè)

　DirectoryIndex index.htm index.html index.php

　#設(shè)置 php 能解析的文件

　AddType application/x-httpd-php .php

　AddType application/x-httpd-php .htm

　AddType application/x-httpd-php .html

　#設(shè)置多域名綁定，請(qǐng)將 192.168.11.11 更改為真實(shí)服務(wù)器 IP

　NameVirtualHost 192.168.11.11:80

　#綁定主域名 www.v-ec.com，請(qǐng)將 192.168.11.11 更改為真實(shí)服務(wù)器 IP

　<VirtualHost 192.168.11.11:80>

　DocumentRoot /www/docs/v-ec

　ServerName www.v-ec.com

　ServerAlias www.v-ec.com

　# ErrorLog logs/www.v-ec.com-error_log

　# CustomLog logs/www.v-ec.com-access_log common

　</VirtualHost>

　報(bào)告文檔·借鑒學(xué)習(xí)

　1 #綁定博客域名 www.w3cgroup.com，請(qǐng)將 192.168.11.11 更改為真實(shí)服務(wù)器 IP

　<VirtualHost 192.168.11.11:80>

　# ServerAdmin webmaster@mail.veriyou.com

　DocumentRoot /www/docs/w3cgroup

　ServerName www.w3cgroup.com

　ServerAlias www.w3cgroup.com

　# ErrorLog logs/www.w3cgroup.com-error_log

　# CustomLog logs/www.w3cgroup.com-access_log common

　</VirtualHost>

　php.ini 設(shè)置：

　Linux 路徑：/usr/local/Zend/etc/php.ini

　;設(shè)置開(kāi)始短標(biāo)簽?zāi)Ｊ?/p>

　short_open_tag = On

　;開(kāi)啟顯示錯(cuò)誤，調(diào)試狀態(tài)設(shè)置為 On，正式上線設(shè)置為 Off

　display_errors = Off

　;設(shè)置錯(cuò)誤報(bào)告方式

　error_reporting = E_ALL & ~E_NOTICE

　;啟用 gd 庫(kù)

　extension=php_gd2.dll

　;啟用 mysql

　extension=php_mysql.dll

　;設(shè)置時(shí)區(qū)

　date.timezone = PRC

　 my.cnf（windows 系統(tǒng)下名為 my.ini）設(shè)置：

　Linux 路徑：/etc/my.cnf

　;默認(rèn)字符

　default-character-set=utf8

　;表名、字段名的不區(qū)分大小寫(xiě)

　lower_case_table_names = 1

　;允許同時(shí)連接的數(shù)量

　max_connections = 1024

　;關(guān)閉連接前的等待時(shí)間

　wait_timeout = 7200

　報(bào)告文檔·借鑒學(xué)習(xí)

　2 第五章 后臺(tái)管理 每個(gè)網(wǎng)站都是需要一個(gè)后臺(tái)管理系統(tǒng)，對(duì)整個(gè)網(wǎng)站進(jìn)行數(shù)據(jù)的管理。在后臺(tái)中只有管理人員通過(guò)口令和密碼驗(yàn)證才能進(jìn)入管理后臺(tái)的主頁(yè)面。在后臺(tái)管理中可以進(jìn)行留言的查看、留言回復(fù)、更新和注冊(cè)用戶信息的查看和注冊(cè)信息的修改。注冊(cè)信息的查看和修改步驟基本一致。后臺(tái)管理設(shè)計(jì)的邏輯拓?fù)鋱D如下所示：

　圖 5-1 后臺(tái)管理設(shè)計(jì)的邏輯拓?fù)鋱D 5.1 登陸頁(yè)面的設(shè)計(jì)

　登陸頁(yè)面的設(shè)計(jì)，我們對(duì)用戶名和密碼進(jìn)行了加密，只允許管理員能登陸進(jìn)去，在頁(yè)面上，我們?cè)O(shè)計(jì)了自己的名稱“春色撩人登錄系統(tǒng)”，在登陸的下面設(shè)計(jì)了“welcome to cslr com”的字樣，讓瀏覽者一樣了然，字體大小適中，顏色搭配合理，格調(diào)淡雅，給瀏覽者好的視覺(jué)感受，后臺(tái)登錄頁(yè)面圖如下：

　圖 5-1 后臺(tái)登陸頁(yè)面

　報(bào)告文檔·借鑒學(xué)習(xí)

　3

　后臺(tái)登陸頁(yè)面的代碼：

　 圖 5-2 后臺(tái)登陸頁(yè)面的代碼 5.2 新聞發(fā)布系統(tǒng)

　新聞發(fā)布系統(tǒng)，我們可以用這個(gè)后臺(tái)系統(tǒng)將新聞發(fā)布在網(wǎng)頁(yè)上，實(shí)現(xiàn)新聞發(fā)布的功能，瀏覽者可以通過(guò)主頁(yè)面瀏覽到我們發(fā)布的新聞內(nèi)容，新聞發(fā)布系統(tǒng)圖如下：

　 圖 5-2 新聞發(fā)布系統(tǒng)

　新聞發(fā)布系統(tǒng)代碼如下：

　報(bào)告文檔·借鑒學(xué)習(xí)

　4

　圖 5-3 新聞發(fā)布系統(tǒng)代碼

　報(bào)告文檔·借鑒學(xué)習(xí)

　5 第六章 實(shí)訓(xùn)過(guò)程 6.1 收集網(wǎng)站建設(shè)的資料和信息

　通過(guò)我們小組成員的不斷討論，最后我們小組把本次的項(xiàng)目實(shí)訓(xùn)定為飲食一類，俗話說(shuō)的好：民以食為天！我們覺(jué)得這關(guān)乎于我們的健康，與我們的生活息息相關(guān)，我們小組的成員在網(wǎng)上找了相關(guān)的圖片以及資料，向我們的實(shí)習(xí)老師咨詢了相關(guān)的專業(yè)知識(shí)，大家團(tuán)結(jié)起來(lái)一起把項(xiàng)目實(shí)訓(xùn)完成。

　6.2 確定每個(gè)頁(yè)面的布局

　在網(wǎng)站上下載了相關(guān)模板，然后將任務(wù)分配給小組每個(gè)人，開(kāi)始整理素材，制定框架。

　組長(zhǎng)：馬瑞 編程：彭旺景、陳豪 美工：李毅、胡凱威 秘書(shū)：馬紅成、仵江波 6.3 先規(guī)劃好首頁(yè)要表達(dá)的內(nèi)容

　將規(guī)劃好的內(nèi)容羅列到紙上，小組進(jìn)行討論、研究； 導(dǎo)航欄，網(wǎng)頁(yè)布局，版權(quán)，網(wǎng)站的風(fēng)格、網(wǎng)站的色彩搭配。

　6.4 將其余頁(yè)面分發(fā)給特定的幾人

　做出基本框架，然后開(kāi)始工作，各組成員各司其職，將分頁(yè)分配給各個(gè)成員完成，遇到問(wèn)題找同組人商量，解決不了的向老師請(qǐng)教，保證頁(yè)面的質(zhì)量。

　6.5 超鏈接

　給每個(gè)頁(yè)面都設(shè)置與之相應(yīng)的超鏈接，使主頁(yè)與分頁(yè)、分頁(yè)與分頁(yè)之間可以相互鏈接。

　報(bào)告文檔·借鑒學(xué)習(xí)

　6 6.6 整理 待到所有頁(yè)面被制作好后，整合在一起用超鏈接相互連接起來(lái)，保證所有的鏈接沒(méi)有任何問(wèn)題。

　6.7 美工

　整體框架構(gòu)建起來(lái)之后在通過(guò)美工將頁(yè)面整理到最佳狀態(tài)。

　6.8 前后臺(tái)

　前臺(tái)頁(yè)面制作完成后著手處理后臺(tái)數(shù)據(jù)庫(kù)，新聞發(fā)布，注冊(cè)、登錄等鏈接數(shù)據(jù)庫(kù)。

　6.9 功能實(shí)現(xiàn) 從前臺(tái)登錄后臺(tái)管理，實(shí)現(xiàn)添加新聞模塊、修改新聞模塊的功能，并且能使發(fā)布的新聞顯示在前臺(tái)的新聞動(dòng)態(tài)里。

　報(bào)告文檔·借鑒學(xué)習(xí)

　7 總結(jié) 我們?cè)诒敬螌?shí)訓(xùn)過(guò)程中采用了在開(kāi)發(fā)靜態(tài)網(wǎng)頁(yè)方面比較普遍使用的 HTML 開(kāi)發(fā)語(yǔ)言，當(dāng)然在制作的過(guò)程中碰到過(guò)一些比較棘手的問(wèn)題都一一解決了，讓我在解決問(wèn)題方面的能力得到了提高。

　當(dāng)然，最終的做品還是有一些不完善的地方，我也不是非常滿意，比如：網(wǎng)頁(yè)的整體布局還是有一些缺陷，后臺(tái)管理還有一些不完美的地方。

　雖然存在各種各樣的問(wèn)題，但是，這次動(dòng)手實(shí)踐經(jīng)歷的意義也是顯而易見(jiàn)的。整個(gè)開(kāi)發(fā)的過(guò)程對(duì)我來(lái)說(shuō)是一次將理論應(yīng)用于實(shí)踐的過(guò)程，是將以前所學(xué)知識(shí)充分利用的過(guò)程，是一次真正的實(shí)踐過(guò)程。另外，親自動(dòng)手也讓自己看到了自身能力的不足，看到了理想與現(xiàn)實(shí)之間的差距，這一切都需要今后進(jìn)一步加強(qiáng)學(xué)習(xí)理論知識(shí)與真正動(dòng)手做一些課題來(lái)彌補(bǔ)。

　總體說(shuō)來(lái)，在這次網(wǎng)站設(shè)計(jì)中，學(xué)到了很多在課堂內(nèi)所學(xué)不到的知識(shí)，真正拓展了自己的能力，是一次難得的歷練經(jīng)歷收獲很大。

　通過(guò)這段時(shí)間的學(xué)習(xí)，在老師的指導(dǎo)下，明確操作的具體步驟和建設(shè)網(wǎng)站的基本理念、豐富了我們 HTML、PHP、Linux 和 Mysql 結(jié)合起來(lái)運(yùn)用的技巧，用后臺(tái)管理前臺(tái)，在 Linux操作系統(tǒng)上發(fā)布網(wǎng)站。

　通過(guò)這一段時(shí)間的實(shí)訓(xùn)，我們才初步掌握了網(wǎng)站設(shè)計(jì)的基本方法，解決在創(chuàng)建過(guò)程中的種種問(wèn)題，在問(wèn)題出現(xiàn)過(guò)程中，我們請(qǐng)教了專業(yè)老師，同時(shí)在書(shū)本上和網(wǎng)上查找相關(guān)的知識(shí)，極大的豐富了我們的知識(shí)面，讓我們不再局限于書(shū)本上的知識(shí)，同時(shí)開(kāi)闊了我們的視野，讓我們能夠把所學(xué)到的東西運(yùn)用于實(shí)踐當(dāng)中。

相關(guān)熱詞搜索：網(wǎng)站建設(shè) 實(shí)習(xí)報(bào)告