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