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

網(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)教師：張媛、張萍、付峰 小組成員：馬 瑞 李 毅、彭旺景、陳 豪仵江波、馬紅成、胡凱威目錄目錄1摘要2概述3第一章 項(xiàng)目需求分析41.1需求分析41.2實(shí)訓(xùn)目的41.3 所需軟件5第二章 網(wǎng)站設(shè)計(jì)02.1 網(wǎng)站主題02.2 網(wǎng)站材料02.3 網(wǎng)站的制作工具02.4 制作網(wǎng)站的網(wǎng)頁02.5 上傳測(cè)試網(wǎng)站1第三章 網(wǎng)頁設(shè)計(jì)23.1 首頁的設(shè)計(jì)與制作23.2 資料的搜集23.3 建立模板和庫23.4各個(gè)子網(wǎng)頁的建立23.5實(shí)現(xiàn)網(wǎng)頁間的鏈接33.6實(shí)現(xiàn)動(dòng)靜態(tài)網(wǎng)頁的結(jié)合4第四章 Linux操作系統(tǒng)0第五章 后臺(tái)管理25.1 登陸頁面的設(shè)計(jì)25.2 新聞發(fā)布系統(tǒng)3第六章 實(shí)訓(xùn)過程56.1 收集網(wǎng)站建設(shè)的資料和信息56.2 確定每個(gè)頁面的布局56.3 先規(guī)劃好首頁要表達(dá)的內(nèi)容56.4 將其余頁面分發(fā)給特定的幾人56.5 超鏈接56.6 整理66.7 美工66.8 前后臺(tái)66.9 功能實(shí)現(xiàn)6總結(jié)7摘要網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問題了，對(duì)于一個(gè)企業(yè)來說，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開拓國際市場(chǎng)，開展24小時(shí)網(wǎng)上營(yíng)銷及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打開新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。 出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無價(jià)值的。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。 整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過詳細(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)所；由此可見，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。概述本站是一個(gè)用Dreamweaver、Flash、PHP、SQL server2000設(shè)計(jì)編寫的美食網(wǎng)站，主要包括6個(gè)模塊：首頁，菜譜，廚房，食材，飲食健康，飲食資訊等。通過本網(wǎng)站系統(tǒng)能提供各種與美食相關(guān)的信息以及各種美食信息的交流。與其他企業(yè)網(wǎng)站一樣，也應(yīng)通過Internet來對(duì)外宣傳網(wǎng)站 建立以Dreamweaver，F(xiàn)lash等技術(shù)編寫的前臺(tái)表現(xiàn)模塊，為用戶提供方便快捷的信息服務(wù)與交流。隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，互聯(lián)網(wǎng)的快速發(fā)展使越來越多的人選擇從互聯(lián)網(wǎng)上獲取信息，因此，互聯(lián)網(wǎng)逐漸成為一個(gè)寬廣的信息發(fā)布平臺(tái)和獲取信息的平臺(tái)。本網(wǎng)站系統(tǒng)就要有用戶注冊(cè)和新聞發(fā)布兩大動(dòng)態(tài)功能。通過以PHP編寫，以SQL 2000作為后臺(tái)數(shù)據(jù)庫的網(wǎng)站后臺(tái)管理系統(tǒng)，制作了一個(gè)簡(jiǎn)單的美食網(wǎng)站系統(tǒng)，實(shí)現(xiàn)了美食網(wǎng)站用戶登陸、注冊(cè)以及新聞發(fā)布等功能。第一章 項(xiàng)目需求分析1.1需求分析互聯(lián)網(wǎng)豐富多彩，這些信息大多通過網(wǎng)頁與用戶進(jìn)行交互。網(wǎng)頁的實(shí)現(xiàn)形式多種多樣，無論是短小精悍的個(gè)人主頁，還是結(jié)構(gòu)清晰、豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設(shè)計(jì)都要放在第一步，因?yàn)樗苯雨P(guān)系到網(wǎng)站的功能是否完善，質(zhì)量是否能夠達(dá)到保證。1.2實(shí)訓(xùn)目的網(wǎng)站的建設(shè)不僅僅是制作主頁的問題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問題，寫出詳盡的建站計(jì)劃，可以說這是網(wǎng)站建設(shè)的根源和核心所在。作為一個(gè)美食網(wǎng)站，我們的服務(wù)群體及訪問者都定位在愛好和熱愛美食的大眾，為為大家服務(wù)就是我們這個(gè)網(wǎng)站的目的和方向。從整個(gè)頁面上可以看出，我們的這個(gè)整個(gè)網(wǎng)站涉及所有熱愛美食的人。整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過詳細(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)所；由此可見，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。通過綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和拓展學(xué)生的理論知識(shí)與專業(yè)技能。訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動(dòng)手能力,學(xué)會(huì)通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖象資料、flash動(dòng)畫和網(wǎng)頁特效等。培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過程中所遇到的實(shí)際問題的能力及其基本工作素質(zhì)。培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力,樹立自信心。1.3 所需軟件網(wǎng)頁編輯排版Macromedia Dreamweaver 8、網(wǎng)頁圖像制作軟件Photo CS2、網(wǎng)頁動(dòng)畫制件軟件Flash、ACCESS數(shù)據(jù)庫、動(dòng)態(tài)網(wǎng)頁編程語言ASP第二章 網(wǎng)站設(shè)計(jì)2.1 網(wǎng)站主題我們網(wǎng)站的主旨在于從各個(gè)方面全面的介紹美食，展示美食，包括不同地方、不同民族的美食，網(wǎng)站里還包括美食的簡(jiǎn)介和美食的做法，為愛好美食的食友建立一個(gè)好的的平臺(tái)。同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁的主題色彩都是橘黃色，最重要的是做出自己的風(fēng)格，給瀏覽者和美食愛好者以好的視覺感受。 2.2 網(wǎng)站材料 主要在網(wǎng)站上搜集所要的網(wǎng)頁信息，包括圖片、文字、相關(guān)的新聞。同時(shí)，查詢相關(guān)的書籍、百度和素材光盤等方式收集所需的文字資料,圖象資料,flash動(dòng)畫和網(wǎng)頁特效等，用以得來更加具有說服力的頁面。要想做一個(gè)比較好的網(wǎng)站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁的素材，這樣就可以做好一個(gè)好的網(wǎng)站。2.3 網(wǎng)站的制作工具 做網(wǎng)頁時(shí)主要使用的是Deamweaver。另外，為了處理網(wǎng)頁中的其他元素，還使用了Photoshop、Macromedia Fireworks、Macromedia Flash等軟件。2.4 制作網(wǎng)站的網(wǎng)頁 素材、風(fēng)格、模板都設(shè)計(jì)好以后，下一步就是具體的制作網(wǎng)頁。制作網(wǎng)站時(shí)，首先要做的就是站點(diǎn)的規(guī)劃，建立一個(gè)本地站點(diǎn)，建立的各個(gè)頁面都應(yīng)該放在本地站點(diǎn)中，在網(wǎng)頁制作時(shí)所需的各個(gè)元素都進(jìn)行了統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時(shí)建立了“image”文件夾來存放圖片。同時(shí)，網(wǎng)頁中的css 樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊，我們?cè)O(shè)計(jì)的網(wǎng)站的新聞發(fā)布如下圖：圖3-1 新聞發(fā)布插入相關(guān)鏈接的菜單欄，一方面為了布局合理，彌補(bǔ)左下角的空缺，另一方面給瀏覽者提供放表的導(dǎo)航，點(diǎn)擊其中任意一個(gè)都會(huì)連接到其他網(wǎng)頁，如點(diǎn)擊返回登陸就會(huì)連接到下面網(wǎng)頁：圖 3-2 后臺(tái)登陸2.5 上傳測(cè)試網(wǎng)站網(wǎng)頁制作完畢以后，要進(jìn)行反復(fù)的測(cè)試，保存后在IE瀏覽器上反復(fù)運(yùn)行自己的網(wǎng)站，用以發(fā)現(xiàn)設(shè)計(jì)中的缺陷并及時(shí)改正。第三章 網(wǎng)頁設(shè)計(jì)3.1 首頁的設(shè)計(jì)與制作在靜態(tài)網(wǎng)頁制作中首先我們要考慮的就是主頁面的布局以及色彩。主頁的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，我們構(gòu)思大致分幾部分，首頁、菜譜、廚房、食材、飲食健康、飲食咨詢、后臺(tái)登錄等七大板塊。圖3-1網(wǎng)站主頁3.2 資料的搜集主頁的導(dǎo)航欄設(shè)計(jì)好后，接下來就是對(duì)主頁導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，我們采用大量的資料收集再對(duì)資料進(jìn)行塞選，得到最適合導(dǎo)航欄內(nèi)容的資料。素材的選擇，要符合網(wǎng)站的主題，圖片的大小要符合模板的輪廓，我們將不符合模板的用軟件處理編輯，然后放入站點(diǎn)底下，進(jìn)行圖文的鏈接和排版。3.3 建立模板和庫此次網(wǎng)站建設(shè)中我們決定大量運(yùn)用模板和庫，運(yùn)用模板和庫對(duì)于建立網(wǎng)站提供便利同時(shí)也為我們減少大量的工序。3.4各個(gè)子網(wǎng)頁的建立我們?cè)O(shè)計(jì)好模板后只要在可編輯區(qū)依次編輯所需資料就可，運(yùn)用模板建立子網(wǎng)頁少了很多工序，為我們節(jié)省大量的時(shí)間。盡管我們建立了模板，但我們?cè)诮⒆泳W(wǎng)時(shí)很小心，因?yàn)橐粡垐D片的大小插入就有可能破壞整個(gè)模板的結(jié)構(gòu)尤其在使用表格時(shí)，因此我們對(duì)所插入的圖片和表格都得進(jìn)行測(cè)量，做到不影響網(wǎng)站整體的美觀。圖3-2 分頁美食資訊圖3-3 分頁飲食菜譜3.5實(shí)現(xiàn)網(wǎng)頁間的鏈接做好各個(gè)子網(wǎng)和首頁后，接下來就是通過鏈接，將整個(gè)網(wǎng)站中的網(wǎng)頁鏈接起來，使各個(gè)分頁和主頁、分頁和分頁間可以流暢的切換，從而減少人們?yōu)g覽網(wǎng)頁的時(shí)間。圖3-4 分頁鏈接3.6實(shí)現(xiàn)動(dòng)靜態(tài)網(wǎng)頁的結(jié)合將靜態(tài)網(wǎng)頁轉(zhuǎn)換，插入動(dòng)態(tài)效果使得我們?cè)诤笈_(tái)操作時(shí)，插入的時(shí)事新聞可以在網(wǎng)頁中實(shí)現(xiàn)，完成新聞發(fā)布的效果。圖3-5 實(shí)現(xiàn)動(dòng)靜態(tài)網(wǎng)頁代碼第四章 Linux操作系統(tǒng)發(fā)布服務(wù)器： SFTP用戶名： SFTP密碼： TelNet用戶名： TelNet密碼： MySql 5.0及以上版本 Php 5.0及以上版本 Apache 2.0及以上版本 主站綁定域名： 默認(rèn)首頁：index.html 設(shè)置php解析htm和html擴(kuò)展名 博客綁定域名： 默認(rèn)首頁：index.php 網(wǎng)站目錄結(jié)構(gòu)： v-ec（主站） upload： 寫權(quán)限 w3cgroup（博客） upload： 寫權(quán)限 Apache、Php及MySql設(shè)置 httpd.conf配置： Linux路徑：/usr/local/apache/conf/httpd.conf #忽略大小寫 LoadModule speling_module modules/mod_speling.so CheckSpelling On #設(shè)置默認(rèn)首頁 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)將1更改為真實(shí)服務(wù)器IP NameVirtualHost 1:80 #綁定主域名，請(qǐng)將1更改為真實(shí)服務(wù)器IP DocumentRoot /www/docs/v-ec ServerName ServerAlias # ErrorLog logs/-error_log # CustomLog logs/-access_log common #綁定博客域名，請(qǐng)將1更改為真實(shí)服務(wù)器IP # ServerAdmin DocumentRoot /www/docs/w3cgroup ServerName ServerAlias # ErrorLog logs/-error_log # CustomLog logs/-access_log common php.ini設(shè)置： Linux路徑：/usr/local/Zend/etc/php.ini ;設(shè)置開始短標(biāo)簽?zāi)Ｊ?short_open_tag = On ;開啟顯示錯(cuò)誤，調(diào)試狀態(tài)設(shè)置為On，正式上線設(shè)置為Off display_errors = Off ;設(shè)置錯(cuò)誤報(bào)告方式 error_reporting = E_ALL & E_NOTICE ;啟用gd庫 extension=php_gd2.dll ;啟用mysql extension=php_mysql.dll ;設(shè)置時(shí)區(qū) date.timezone = PRC f（windows系統(tǒng)下名為my.ini）設(shè)置： Linux路徑：/etc/f ;默認(rèn)字符 default-character-set=utf8 ;表名、字段名的不區(qū)分大小寫 lower_case_table_names = 1 ;允許同時(shí)連接的數(shù)量 max_connections = 1024 ;關(guān)閉連接前的等待時(shí)間 wait_timeout = 7200第五章 后臺(tái)管理每個(gè)網(wǎng)站都是需要一個(gè)后臺(tái)管理系統(tǒng)，對(duì)整個(gè)網(wǎng)站進(jìn)行數(shù)據(jù)的管理。在后臺(tái)中只有管理人員通過口令和密碼驗(yàn)證才能進(jìn)入管理后臺(tái)的主頁面。在后臺(tái)管理中可以進(jìn)行留言的查看、留言回復(fù)、更新和注冊(cè)用戶信息的查看和注冊(cè)信息的修改。注冊(cè)信息的查看和修改步驟基本一致。后臺(tái)管理設(shè)計(jì)的邏輯拓?fù)鋱D如下所示：圖 5-1 后臺(tái)管理設(shè)計(jì)的邏輯拓?fù)鋱D5.1 登陸頁面的設(shè)計(jì)登陸頁面的設(shè)計(jì)，我們對(duì)用戶名和密碼進(jìn)行了加密，只允許管理員能登陸進(jìn)去，在頁面上，我們?cè)O(shè)計(jì)了自己的名稱“春色撩人登錄系統(tǒng)”，在登陸的下面設(shè)計(jì)了“welcome to cslr com”的字樣，讓瀏覽者一樣了然，字體大小適中，顏色搭配合理，格調(diào)淡雅，給瀏覽者好的視覺感受，后臺(tái)登錄頁面圖如下：圖 5-1 后臺(tái)登陸頁面后臺(tái)登陸頁面的代碼：圖5-2后臺(tái)登陸頁面的代碼5.2 新聞發(fā)布系統(tǒng)新聞發(fā)布系統(tǒng)，我們可以用這個(gè)后臺(tái)系統(tǒng)將新聞發(fā)布在網(wǎng)頁上，實(shí)現(xiàn)新聞發(fā)布的功能，瀏覽者可以通過主頁面瀏覽到我們發(fā)布的新聞內(nèi)容，新聞發(fā)布系統(tǒng)圖如下：圖5-2 新聞發(fā)布系統(tǒng)新聞發(fā)布系統(tǒng)代碼如下：圖5-3 新聞發(fā)布系統(tǒng)代碼第六章 實(shí)訓(xùn)過程6.1 收集網(wǎng)站建設(shè)的資料和信息通過我們小組成員的不斷討論，最后我們小組把本次的項(xiàng)目實(shí)訓(xùn)定為飲食一類，俗話說的好：民以食為天！我們覺得這關(guān)乎于我們的健康，與我們的生活息息相關(guān)，我們小組的成員在網(wǎng)上找了相關(guān)的圖片以及資料，向我們的實(shí)習(xí)老師咨詢了相關(guān)的專業(yè)知識(shí)，大家團(tuán)結(jié)起來一起把項(xiàng)目實(shí)訓(xùn)完成。6.2 確定每個(gè)頁面的布局在網(wǎng)站上下載了相關(guān)模板，然后將任務(wù)分配給小組每個(gè)人，開始整理素材，制定框架。組長(zhǎng)：馬瑞編程：彭旺景、陳豪美工：李毅、胡凱威秘書：馬紅成、仵江波6.3 先規(guī)劃好首頁要表達(dá)的內(nèi)容將規(guī)劃好的內(nèi)容羅列到紙上，小組進(jìn)行討論、研究；導(dǎo)航欄，網(wǎng)頁布局，版權(quán)，網(wǎng)站的風(fēng)格、網(wǎng)站的色彩搭配。6.4 將其余頁面分發(fā)給特定的幾人做出基本框架，然后開始工作，各組成員各司其職，將分頁分配給各個(gè)成員完成，遇到問題找同組人商量，解決不了的向老師請(qǐng)教，保證頁面的質(zhì)量。6.5 超鏈接給每個(gè)頁面都設(shè)置與之相應(yīng)的超鏈接，使主頁與分頁、分頁與分頁之間可以相互鏈接。6.6 整理待到所有頁面被制作好后，整合在一起用超鏈接相互連接起來，保證所有的鏈接沒有任何問題。6.7 美工整體框架構(gòu)建起來之后在通過美工將頁面整理到最佳狀態(tài)。6.8 前后