第一篇：動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)指導(dǎo)書

動(dòng)態(tài)網(wǎng)站(ASP)建設(shè)實(shí)訓(xùn)指導(dǎo)書

（電子商務(wù)專業(yè)使用）

西京學(xué)院

編寫者：杜永紅

一、實(shí)訓(xùn)計(jì)劃

1、實(shí)訓(xùn)目的asp與網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)是我校電子商務(wù)專業(yè)集中實(shí)踐性環(huán)節(jié)之一，是學(xué)習(xí)完《asp程序設(shè)計(jì)》、《網(wǎng)絡(luò)數(shù)據(jù)庫》、《網(wǎng)頁制作》課程后進(jìn)行的一次全面的綜合練習(xí)。其目的在于加深對網(wǎng)站開發(fā)的理解，掌握使用asp語言進(jìn)行編程和用Dreamweaver制作網(wǎng)頁的基本方法，提高開發(fā)網(wǎng)站實(shí)際操作的能力。

2、基本要求

要求學(xué)生認(rèn)真對待本次實(shí)訓(xùn)任務(wù)，積極利用機(jī)房、網(wǎng)絡(luò)資源，積極了解網(wǎng)頁設(shè)計(jì)的前景，學(xué)會(huì)用ASP和網(wǎng)絡(luò)數(shù)據(jù)庫進(jìn)行網(wǎng)絡(luò)編程以及Dreamweaver軟件的使用，具備一定的網(wǎng)站開發(fā)能力。聽從指導(dǎo)教師的安排，認(rèn)真完成老師布置的各項(xiàng)任務(wù)。

二、實(shí)訓(xùn)課時(shí)安排：

實(shí)訓(xùn)課時(shí)為一周（30時(shí)），計(jì)劃安排在本學(xué)期第17周進(jìn)行。

三、實(shí)訓(xùn)報(bào)告的編寫規(guī)范

寫出不少于1500字的實(shí)訓(xùn)報(bào)告。實(shí)訓(xùn)報(bào)告的封面是統(tǒng)一格式，其正文一般有如下幾個(gè)方面的內(nèi)容：

1.2.3.4.5.6.7.實(shí)訓(xùn)課題標(biāo)題； 網(wǎng)站整體構(gòu)架； 數(shù)據(jù)庫設(shè)計(jì)具體實(shí)現(xiàn)； 網(wǎng)站制作過程和網(wǎng)站首頁的附圖 網(wǎng)站實(shí)現(xiàn)的關(guān)鍵技術(shù) 網(wǎng)站功能說明 附錄或參考資料

四、實(shí)訓(xùn)的考核

由指導(dǎo)教師根據(jù)學(xué)生完成實(shí)訓(xùn)任務(wù)的情況、實(shí)訓(xùn)報(bào)告的撰寫和實(shí)訓(xùn)過程中的工作態(tài)度等綜合打分。成績評(píng)定實(shí)行優(yōu)秀、良好、及格和不及格四個(gè)等級(jí)。不及格者不能得到相應(yīng)的學(xué)分，需重新參加實(shí)訓(xùn)，經(jīng)指導(dǎo)教師考核及格后，方可取得相應(yīng)成績。有關(guān)的動(dòng)態(tài)網(wǎng)站實(shí)訓(xùn)作品和實(shí)訓(xùn)報(bào)告，以班為單位刻錄成光盤，交由教務(wù)科統(tǒng)一妥善保管，實(shí)訓(xùn)報(bào)告需打印好交給指導(dǎo)教師。

五、實(shí)訓(xùn)設(shè)計(jì)題目

學(xué)生可在下列所提供的實(shí)訓(xùn)設(shè)計(jì)題目中，任選一題完成。也可自行擬題完成，但不允許直接從網(wǎng)上下載源碼，否則按違紀(jì)作弊處理。

（一）BBS論壇

BBS論壇是異步交流的重要工具，目前在門戶網(wǎng)站、游戲網(wǎng)站、教育網(wǎng)站中的作用非常大。

BBS論壇分成多個(gè)欄目，并可以多人回復(fù)。

1、總體設(shè)計(jì)

主要功能：管理員可以管理用戶、管理欄目、管理留言信息，并可以將重要信息置頂，可以指定欄目版主；普通客戶可以注冊、登陸、修改個(gè)人信息，可以發(fā)言和回復(fù)別人；作為版主，除了可以正常發(fā)言外，還可以將本欄目的發(fā)言置頂或刪除。

根據(jù)以上分析，首先要畫出如下的主要功能模塊圖（由學(xué)生自主完成）。

2、數(shù)據(jù)庫的設(shè)計(jì)由于要涉及欄目信息、文章信息和用戶信息，所以要建立相應(yīng)的數(shù)據(jù)表，并建立它們之間的聯(lián)系。

3、關(guān)鍵技術(shù)

（1）數(shù)據(jù)分面顯示的綜合處理技術(shù)

（2）顯示數(shù)據(jù)頁碼

（3）根據(jù)關(guān)鍵字進(jìn)行搜索

（4）文章置頂

（5）后臺(tái)管理程序

說明：本論壇功能比較簡單，BBS中只能有2層文章，其中只有第1層文章能被回復(fù)，學(xué)生也可自行制作能多層回復(fù)的BBS論壇。

（二）創(chuàng)建企業(yè)網(wǎng)站

目前企業(yè)網(wǎng)站大多以動(dòng)態(tài)網(wǎng)站為主，比如網(wǎng)站的新聞更新、產(chǎn)品發(fā)布、信息反饋等，學(xué)生自擬企業(yè)網(wǎng)站的名稱，網(wǎng)站內(nèi)容、風(fēng)格自擬。

1、總體設(shè)計(jì)

企業(yè)網(wǎng)站的欄目大致有：公司簡介、產(chǎn)品推薦、新聞發(fā)布、客戶留言等。要求：

（1將新聞發(fā)布至網(wǎng)頁中去。最新的新聞的標(biāo)題顯示在網(wǎng)站的首頁。

（2）客戶留言：制作留言簿，來訪用戶無需注冊直接進(jìn)行留言。其它頁面可采用靜態(tài)網(wǎng)頁的形式。

2、數(shù)據(jù)庫設(shè)計(jì)：分為二個(gè)部分

（1）客戶留言：留言信息，此留言簿不須注冊，直接可以留言，因此只有留言信息數(shù)據(jù)表。

（2）新聞發(fā)布：新聞信息，包括有標(biāo)題、內(nèi)容、圖片等。

3、關(guān)鍵技術(shù)

（1）圖片上傳技術(shù)

（2）網(wǎng)頁分頁的綜合處理技術(shù)

（3）顯示頁碼

（4

（5）后臺(tái)管理程序

說明：產(chǎn)品推薦欄目，如果公司產(chǎn)品比較多，并且經(jīng)常更新，可制作產(chǎn)品發(fā)布系統(tǒng)，將產(chǎn)品的圖片、性能和價(jià)格通過后臺(tái)管理系統(tǒng)發(fā)布到網(wǎng)頁中。

（三）網(wǎng)上書店

網(wǎng)上書店是電子商務(wù)應(yīng)用的一個(gè)具體表現(xiàn)，目前應(yīng)用相當(dāng)廣泛。

1、總體設(shè)計(jì)

（1）普通用戶可以注冊、登陸、瀏覽商品、查看商品詳細(xì)情況；單擊購買就可以將商品添加到購物車，在購物車中還可以修改數(shù)量和刪除商品；全部選擇完畢后可以前往收銀臺(tái)結(jié)賬。

（2）管理員用戶登陸后，應(yīng)該可以管理普通用戶信息；可以添加和刪除圖書類別；可以添加和刪除書籍；可以查看和處理訂單。

2、數(shù)據(jù)庫設(shè)計(jì)

包括：用戶信息、類別信息、圖書信息、訂單表和訂單詳細(xì)表等。

3、關(guān)鍵技術(shù)

（1）購物車的設(shè)計(jì)

（2）訂單處理

（3）結(jié)賬

（4）后臺(tái)管理程序

六、學(xué)生上機(jī)要求

上機(jī)之前，學(xué)生應(yīng)當(dāng)為每次上機(jī)的內(nèi)容作好充分準(zhǔn)備。對每次上機(jī)需要完成的任務(wù)進(jìn)行認(rèn)真的分析，列出具體步驟，設(shè)計(jì)出網(wǎng)頁的部分框架，以便提高上機(jī)的效率。并按照實(shí)訓(xùn)設(shè)計(jì)目的和實(shí)訓(xùn)設(shè)計(jì)內(nèi)容的要求進(jìn)行上機(jī)操作,每個(gè)學(xué)生準(zhǔn)備一個(gè)優(yōu)盤，將每次上機(jī)內(nèi)容保存，以備下次上機(jī)使用。

第二篇：動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

摘要

人類永無止境的探索精神，是科技發(fā)展的原動(dòng)力，驅(qū)動(dòng)著我們的步伐飛速邁入21世紀(jì)的E世代。我們是新世代的探險(xiǎn)家，為人類探索陌生的價(jià)值，就像第一個(gè)發(fā)現(xiàn)黃金價(jià)值的人。我們了解所做的事，我們知道該如何去做，正確判斷自己，正確判斷周遭，我們絕不冒險(xiǎn)。我們肩負(fù)使命，為世人開拓溝通的新方法，人類的感知將無限延伸，溝通將與光同速。

企業(yè)形象和商業(yè)宣傳網(wǎng)站主要是為了全面展現(xiàn)企業(yè)的整體理念，介紹公司的業(yè)務(wù)和宣傳商業(yè)價(jià)值。

設(shè)計(jì)風(fēng)格配合企業(yè)的統(tǒng)一形象，力爭國際化、商業(yè)化；表現(xiàn)上配合多媒體技術(shù)和手段，充分體現(xiàn)寬帶環(huán)境下的絕對優(yōu)越，強(qiáng)調(diào)感官?zèng)_擊力網(wǎng)站信息編排和欄目設(shè)計(jì)上，力爭簡潔、明晰，做到信息模塊化；根據(jù)訪問者的不同動(dòng)態(tài)生成對應(yīng)級(jí)別信息；網(wǎng)站內(nèi)容上緊扣主題與各功能網(wǎng)站保持完整線上宣傳系統(tǒng)的絕對職能分工。

汽車網(wǎng)站是一個(gè)汽車企業(yè)的“商標(biāo)”，每一個(gè)汽車企業(yè)里的每一個(gè)系列汽車都有自己的特色，每一個(gè)系列都有自己的個(gè)性。在這個(gè)高度信息化的社會(huì)里，建立自己汽車企業(yè)網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時(shí)空特性，不僅能讓地區(qū)內(nèi)的人們了解該汽車企業(yè)的文化，更可讓世界了解你的汽車發(fā)展過程。

本網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與靜態(tài)網(wǎng)頁相結(jié)合的技術(shù)，運(yùn)用網(wǎng)頁三劍客軟件及Dreamweaver軟件進(jìn)行網(wǎng)站開發(fā)、制作，Access數(shù)據(jù)庫的應(yīng)用使網(wǎng)站更加完整明了。整體頁面采用的是模版加表格的形式，適當(dāng)加如CSS特效編程使網(wǎng)頁變的越加生動(dòng)和新穎。本站主要包括搜索商品信息、瀏覽商品信息、修改商品信息以及購物車及留言板的設(shè)置更是為網(wǎng)站增分不少。

利用現(xiàn)在時(shí)下非常流行的引導(dǎo)頁加首頁的樣式，此樣式最大的特點(diǎn)在于，引導(dǎo)頁給予閱讀者一個(gè)網(wǎng)站總體的感受，第一印象是最重要的，所以我們要抓住這第一印象，給予讀者一個(gè)數(shù)字化的網(wǎng)站新概念。

關(guān)鍵詞：汽車、保養(yǎng)、站點(diǎn)、網(wǎng)站建設(shè)

目錄

第一章 概述........................................3 第二章 實(shí)訓(xùn)內(nèi)容 ?????????????????? 3

2.1 實(shí)訓(xùn)策劃書的撰寫 ?????????????????????3 2.2 電子商務(wù)網(wǎng)站建設(shè) ?????????????????????3 2.3 電子商務(wù)網(wǎng)站發(fā)布 ?????????????????????4 2.4 電子商務(wù)網(wǎng)站推廣 ?????????????????????4 2.5 電子商務(wù)網(wǎng)站管理 ?????????????????????4 第三章 實(shí)訓(xùn)步驟 ??????????????????5

3.1 實(shí)訓(xùn)分工?????????????????????????5 3.2 電子商務(wù)網(wǎng)站欄目規(guī)劃 ??????????????????5 3.3 網(wǎng)站整體數(shù)據(jù)庫設(shè)計(jì) ???????????????????5 3.3.1 數(shù)據(jù)庫表的設(shè)計(jì) ??????????????????5 3.3.2 數(shù)據(jù)庫表的設(shè)計(jì) ??????????????????6 3.3.3 數(shù)據(jù)庫表的設(shè)計(jì) ??????????????????6 3.3.4 數(shù)據(jù)庫表的設(shè)計(jì) ??????????????????7 3.4 網(wǎng)站系統(tǒng)設(shè)計(jì) ?????????????????????7 3.4.1 登陸與密碼驗(yàn)證系統(tǒng) ???????????????7 3.4.2 商品信息維護(hù)系統(tǒng) ????????????????8 3.4.3 商品信息搜索系統(tǒng) ????????????????9 3.4.4 留言板系統(tǒng) ???????????????????9 3.4.5 整體網(wǎng)站系統(tǒng)展示 ????????????????10 第四章 實(shí)訓(xùn)心得 ?????????????????10一． 概述

實(shí)訓(xùn)目的：電子商務(wù)網(wǎng)站建設(shè)課程實(shí)習(xí)是電子商務(wù)專業(yè)的重要實(shí)踐環(huán)節(jié)。通過實(shí)習(xí)使學(xué)生能夠更進(jìn)一步的領(lǐng)會(huì)電子商務(wù)網(wǎng)站建設(shè)的相關(guān)知識(shí)，熟悉和掌握網(wǎng)站規(guī)劃、設(shè)計(jì)的基本流程和注意事項(xiàng)，熟練運(yùn)用網(wǎng)站建設(shè)的各種開發(fā)工具。并希望通過網(wǎng)站建設(shè)課程設(shè)計(jì)來培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí)分析和解決實(shí)際問題的能力，為今后就業(yè)打下堅(jiān)實(shí)的基礎(chǔ)。通過規(guī)劃與設(shè)計(jì)以營銷為導(dǎo)向的網(wǎng)站，加強(qiáng)對網(wǎng)絡(luò)營銷導(dǎo)向的企業(yè)網(wǎng)站的認(rèn)識(shí)，掌握網(wǎng)站的規(guī)劃和設(shè)計(jì)方法，達(dá)到以學(xué)致用的目的。

電子商務(wù)作為網(wǎng)絡(luò)和商務(wù)的結(jié)合的產(chǎn)物，電子商務(wù)網(wǎng)站建設(shè)是電子商務(wù)的一個(gè)重要的環(huán)節(jié)。實(shí)踐是學(xué)習(xí)網(wǎng)站建設(shè)的十分重要的環(huán)節(jié)，通過實(shí)際的上機(jī)操作調(diào)試過程建立動(dòng)態(tài)網(wǎng)站所需的一些基本的實(shí)訓(xùn)。

1、學(xué)會(huì)使用Dreamweaver 軟件，了解并掌握該軟件的各種功能

2、學(xué)習(xí)使用“頁面創(chuàng)建”和“設(shè)置服務(wù)器信息”功能。

3、學(xué)會(huì)在頁面訪問數(shù)據(jù)庫的方法，包括對后臺(tái)數(shù)據(jù)庫進(jìn)行各項(xiàng)操作。

4、利用已經(jīng)學(xué)習(xí)的動(dòng)態(tài)網(wǎng)頁知識(shí)和數(shù)據(jù)庫知識(shí)進(jìn)行一個(gè)綜合練習(xí)

實(shí)訓(xùn)內(nèi)容：通過實(shí)際操作建立一個(gè)網(wǎng)上書店購物系統(tǒng)。這次實(shí)訓(xùn)的要求就是讓我們建立三個(gè)系統(tǒng)：用戶和管理員登錄和密碼驗(yàn)證系統(tǒng)、商品信息維護(hù)系統(tǒng)、集成的購物車系統(tǒng)。

二． 實(shí)訓(xùn)內(nèi)容 2.1 實(shí)訓(xùn)策劃書的撰寫

見實(shí)訓(xùn)報(bào)告后附的實(shí)訓(xùn)報(bào)告紙（3頁）

2.2 電子商務(wù)網(wǎng)站建設(shè)

近幾年來人們的消費(fèi)習(xí)慣、消費(fèi)理念以及生活模式都在發(fā)生著潛移默化的轉(zhuǎn)換，網(wǎng)絡(luò)化帶來的一種新興生活模式將變得越來越直觀，這給電子商務(wù)帶來更多的發(fā)展機(jī)遇。在這個(gè)信息化的社會(huì)，利用互聯(lián)網(wǎng)迅速搶占商機(jī)也成為廣大企業(yè)決策者在決策過程中的首選。而電子商務(wù)網(wǎng)站的重要性也逐漸的體現(xiàn)出來。越來越多的企業(yè)開始意識(shí)到電子商務(wù)網(wǎng)站在日后的競爭中所占絕的地位越來越遠(yuǎn)重要。我們此次就是針對這一需求而開發(fā)的一個(gè)電子商務(wù)網(wǎng)站。旨在更加熟練的掌握動(dòng)態(tài)網(wǎng)站建設(shè)的相關(guān)技巧與知識(shí)，并迎合當(dāng)今市場開發(fā)出適合消費(fèi)者的網(wǎng)站。

2.3 電子商務(wù)網(wǎng)站發(fā)布

網(wǎng)站發(fā)布及前期準(zhǔn)備工作：域名的申請；運(yùn)行環(huán)境的準(zhǔn)備（服務(wù)器的選擇）；人員培訓(xùn)；數(shù)據(jù)準(zhǔn)備；試運(yùn)行；系統(tǒng)正式發(fā)布

發(fā)布一個(gè)站點(diǎn)就是將做好的文件復(fù)制到一個(gè)目的地，即運(yùn)行網(wǎng)站的服務(wù)器上。常用的發(fā)布工具有：利用FrontPage來發(fā)布網(wǎng)站；利用DreamWeaver發(fā)布網(wǎng)站；利用CuteFTP上傳。

2.4 電子商務(wù)網(wǎng)站推廣

突出網(wǎng)站的主題，把網(wǎng)站的功能作用發(fā)揮到最大。我們網(wǎng)站采用個(gè)性化開發(fā)，以凸顯我們企業(yè)的文化及產(chǎn)品，讓客戶在瀏覽網(wǎng)站的時(shí)候眼前一亮，進(jìn)而讓人們記住我們的網(wǎng)站，以增加瀏覽量及客戶群。

首先我們可以與一些知名度較高，并與我們互補(bǔ)的一些網(wǎng)站進(jìn)行友情鏈接。而且我們這次選擇的目標(biāo)市場是高校園區(qū)的一些在校大學(xué)生及周邊居民，根據(jù)他們的消費(fèi)特性，我們可以流量較大的個(gè)人站點(diǎn)進(jìn)行宣傳推廣，并按訂單成交金額向小網(wǎng)站付傭金的方式，以減少推廣費(fèi)用，并取得良好的回報(bào)。

我們還可以進(jìn)行郵件廣告的推廣，發(fā)給注冊用戶，可以讓客戶了解網(wǎng)站動(dòng)態(tài)，持續(xù)關(guān)注網(wǎng)站，并在醒目位置放“退定”選項(xiàng)，以達(dá)到最好的宣傳效果，減少用戶的反感。

我們還可以提供一些免費(fèi)的服務(wù)，比如免費(fèi)Blog，免費(fèi)資源下載等等，增加用戶的流量，留住顧客群。

最終我們可以進(jìn)行客戶關(guān)系管理，以抓住新顧客，留住老顧客，用產(chǎn)品和服務(wù)說話，并致力于為消費(fèi)者提供一個(gè)友好頁面的網(wǎng)站而努力。

2.5 電子商務(wù)網(wǎng)站管理

我們根據(jù)我們網(wǎng)站的性質(zhì)打算采用租用虛擬主機(jī)模式，以減少運(yùn)營成本。我們主要采取ACCESS、SQL等數(shù)據(jù)庫后臺(tái)管理技術(shù)，以方便我們的維護(hù)和管理。并且后期我們網(wǎng)站打算采用Window2000/NT，雖然費(fèi)用較貴，而且需要的硬件配置也較Linux要求高，但是Windows操作簡便、配置和管理伺服器容易上手，并且不需要專門的技術(shù)人員維護(hù)，可以降低維護(hù)成本和更新難度。

三．實(shí)訓(xùn)步驟 3.1 實(shí)訓(xùn)分工

在此次電子商務(wù)網(wǎng)站建設(shè)實(shí)訓(xùn)中，我們小組是第12小組，我們小組共有六人：徐愛蓉、武勁、范元、唐意峰、侯晴晴、胡夢雅。我在這次實(shí)訓(xùn)中，參與了實(shí)訓(xùn)內(nèi)容的討論，參與并制定了商品藍(lán)布規(guī)劃，確定了一級(jí)目錄、二級(jí)目錄的確切內(nèi)容，參與了汽車產(chǎn)品的信息收集，完成了電子商務(wù)網(wǎng)站建設(shè)的策劃書。并完成了用戶登錄和注冊的頁面設(shè)計(jì)。

3.2 電子商務(wù)網(wǎng)站欄目規(guī)劃

1.網(wǎng)站的結(jié)構(gòu)導(dǎo)航

網(wǎng)站欄目包括：輸入商品信息、修改商品信息、瀏覽商品信息、搜索商品信息及購物車以及留言板

靜態(tài)頁面有：首頁、公司簡介、新聞專區(qū)、保養(yǎng)專區(qū)、車展專區(qū)、好車推薦以及聯(lián)系我們等 2.網(wǎng)站整合功能

FLASH引導(dǎo)頁、會(huì)員系統(tǒng)、網(wǎng)上購物系統(tǒng)、在線支付、注冊、登錄、信息搜索查詢系統(tǒng)、信息修改、留言板系統(tǒng)等等。

3.3 網(wǎng)站整體數(shù)據(jù)庫設(shè)計(jì)

3.3.1 數(shù)據(jù)庫表的設(shè)計(jì) ：cccount表

3.3.2 數(shù)據(jù)庫表的設(shè)計(jì)： catalog表

3.3.3 數(shù)據(jù)庫表的設(shè)計(jì)：order表

3.3.4 數(shù)據(jù)庫表的設(shè)計(jì)：shoppingcart表

3.4 網(wǎng)站系統(tǒng)設(shè)計(jì)

3.4.1 登錄和驗(yàn)證密碼系統(tǒng)設(shè)計(jì)

網(wǎng)上車店有幾類用戶，用戶通過網(wǎng)上車店選擇想購買的汽車，管理員利用網(wǎng)上車店的產(chǎn)品目錄系統(tǒng)來維護(hù)可選的汽車信息，當(dāng)然可能還存在更多類別的用戶。對于每一類用戶，他們在網(wǎng)上車店中的權(quán)限是不一樣的，用戶只能選擇汽車，而不能修改汽車信息； 管理員只能維護(hù)汽車信息，而不應(yīng)該有查看和修改用戶購物車和訂單信息的權(quán)力。通常，用戶登錄和密碼驗(yàn)證系統(tǒng)包含一般用戶注冊功能、用戶登錄功能、用戶登錄失敗提示、密碼和賬戶信息修改功能。

用戶注冊界面

用戶登錄界面

3.4.2 商品信息維護(hù)系統(tǒng)

商品信息管理系統(tǒng)，包含供管理員輸入和維護(hù)商品信息的功能，以及公用的商品信息查詢功能。管理員通過商品信息輸入功能來加入新的商品信息，通過商品信息修改功能來維護(hù)已有商品信息的變化； 顧客和管理員都可以通過商品信息查詢功能來得到商品的相關(guān)信息，比如管理員可以用它來檢查數(shù)據(jù)輸入是否有誤，顧客可以用它來了解商品的詳細(xì)信息，以便決定是否選擇該商品。輸入商品信息頁面

修改商品信息界面

瀏覽商品信息界面

3.4.3 商品信息搜索系統(tǒng)

用戶可以選擇自己想要找的汽車，然后在此頁面輸入

3.4.4 留言板系統(tǒng) 用戶可以在此留言板上留言，我們會(huì)及時(shí)回復(fù)

3.4.5 整體網(wǎng)站系統(tǒng)展示

四．實(shí)訓(xùn)心得

通過這次實(shí)習(xí)我了解到了電子商務(wù)遠(yuǎn)大的發(fā)展前景，現(xiàn)在網(wǎng)絡(luò)日漸走進(jìn)大家的生活中，人們的生活也漸漸離不開計(jì)算機(jī)，同時(shí)大家的消費(fèi)習(xí)慣也有所改變，網(wǎng)上購物也日漸為大家所接受，網(wǎng)上銷售網(wǎng)上廣告的比重也逐漸增加，而這一切都與電子商務(wù)有密切的聯(lián)系，學(xué)習(xí)電子商務(wù)，使我有信心在自己專業(yè)上有所發(fā)展。

在我看來，設(shè)計(jì)網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

本次網(wǎng)站主要是運(yùn)用本學(xué)期學(xué)過的知識(shí)來布局應(yīng)用、制作動(dòng)畫效果，通過本次的網(wǎng)站設(shè)計(jì)，運(yùn)用了本學(xué)期所學(xué)到的知識(shí)這樣不僅復(fù)習(xí)了本學(xué)期學(xué)過的一些知識(shí)，同時(shí)也加深所學(xué)知識(shí)的內(nèi)容，在制作網(wǎng)站的過程中，碰到了不少的不明白的地方通過老師同學(xué)的幫助也解決了不少問題，通過循序漸進(jìn)的學(xué)習(xí)慢慢地完成了本次的網(wǎng)站建設(shè)，這次做的網(wǎng)頁雖不是很好看，有不足之處，比如網(wǎng)頁布局不是很完善，可是我花了很多時(shí)間來完成它，所以呢，它對我以后做網(wǎng)頁有很大的幫助。在此次做網(wǎng)頁的過程中也讓我學(xué)到了很多東西，所以呢從我內(nèi)心來說我是很滿意我的這次經(jīng)歷，同時(shí)也要謝謝老師安排這樣的實(shí)習(xí)周。因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西，也培養(yǎng)了我獨(dú)立思考問題的能力，同時(shí)還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。因此，不論從哪個(gè)角度來說，這次設(shè)計(jì)就是在不斷的“發(fā)現(xiàn)問題——解決問題——再發(fā)現(xiàn)問題——再解決問題——”這個(gè)學(xué)習(xí)過程中完成的。

通過此次實(shí)訓(xùn),我覺得平面設(shè)計(jì)的創(chuàng)意思維、版面設(shè)計(jì)、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個(gè)以多學(xué)科設(shè)計(jì)為基礎(chǔ)，受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計(jì)的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計(jì)創(chuàng)意，文字也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動(dòng)人心的，唯美的文字。文字與圖片要搭得上調(diào)，也就是整體的搭配問題。

第三篇：《電子商務(wù)網(wǎng)站建設(shè)》課程設(shè)計(jì)實(shí)訓(xùn)指導(dǎo)書

《電子商務(wù)網(wǎng)站建設(shè)》課程設(shè)計(jì)實(shí)訓(xùn)任務(wù)書

一、實(shí)訓(xùn)目的1.通過本課程設(shè)計(jì)的實(shí)踐，使學(xué)生能夠根據(jù)Web網(wǎng)站應(yīng)用系統(tǒng)的設(shè)計(jì)原理以及軟件工程的開發(fā)思想完成對企業(yè)商務(wù)網(wǎng)站的需求分析及規(guī)劃與設(shè)計(jì)；能夠使用HTML語言、CSS語言和Javascript語言完成對商務(wù)網(wǎng)站的前臺(tái)開發(fā)，包括網(wǎng)頁制作與腳本編寫等；能夠使用面向?qū)ο蟮臏y試方法實(shí)現(xiàn)對電子商務(wù)網(wǎng)站的網(wǎng)頁測試與功能驗(yàn)證；能夠使用LeapFTP將企業(yè)商務(wù)網(wǎng)站發(fā)布到IIS服務(wù)器上，并進(jìn)行遠(yuǎn)程定期備份與更新。

2.通過本課程設(shè)計(jì)的實(shí)踐，使學(xué)生能夠在“中小型”企業(yè)商務(wù)網(wǎng)站仿真項(xiàng)目的實(shí)踐開發(fā)過程中主動(dòng)去接觸和學(xué)習(xí)網(wǎng)站開發(fā)的新知識(shí)、新技術(shù)，樹立起主動(dòng)學(xué)習(xí)、積極探索與大膽創(chuàng)新的工作態(tài)度，使學(xué)生對電子商務(wù)網(wǎng)站的開發(fā)流程有一個(gè)全面的認(rèn)識(shí)和掌握，提高學(xué)生在今后參與開發(fā)“中大型”實(shí)際電子商務(wù)網(wǎng)站項(xiàng)目和探索未知領(lǐng)域的能力與自信心。

3.通過本課程設(shè)計(jì)的實(shí)踐，使學(xué)生通過參加小組團(tuán)隊(duì)的開發(fā)認(rèn)識(shí)和了解軟件項(xiàng)目管理、團(tuán)隊(duì)合作、文檔編寫、口頭與書面表達(dá)的重要性。在開發(fā)過程中，培養(yǎng)學(xué)生團(tuán)隊(duì)合作與溝通交流的能力，培養(yǎng)學(xué)生查閱技術(shù)文檔資料和分析事務(wù)日志文檔的能力，培養(yǎng)學(xué)生實(shí)事求是、認(rèn)真嚴(yán)謹(jǐn)、細(xì)致求精和守信負(fù)責(zé)的工作作風(fēng)與職業(yè)素養(yǎng)。

二、實(shí)訓(xùn)內(nèi)容

以開發(fā)一個(gè)中小型規(guī)模的企業(yè)電子商務(wù)網(wǎng)站前臺(tái)為目標(biāo)，采用B/S軟件開發(fā)架構(gòu)和html、CSS及Javascript語言，按照分析、規(guī)劃、設(shè)計(jì)、開發(fā)、發(fā)布與維護(hù)的網(wǎng)站開發(fā)流程完成杭州立能綜合信息科技公司商務(wù)網(wǎng)站前臺(tái)的開發(fā)任務(wù)，并按要求在網(wǎng)站開發(fā)完成后提交需求分析報(bào)告、系統(tǒng)規(guī)劃設(shè)計(jì)方案及網(wǎng)站原型。

1.網(wǎng)站建設(shè)的需求描述

杭州立能信息科技有限公司商務(wù)網(wǎng)站主要是將該公司生產(chǎn)或代理的綜合布線產(chǎn)品、弱電實(shí)訓(xùn)室產(chǎn)品及鈑金系列產(chǎn)品通過網(wǎng)站平臺(tái)發(fā)布到互聯(lián)網(wǎng)上，從而使客戶可以隨時(shí)了解該公司的產(chǎn)品信息及售后服務(wù)，并通過網(wǎng)站向客戶提供客戶項(xiàng)目案例展示、產(chǎn)品在線訂購、客戶留言與在線交流、技術(shù)支持等功能服務(wù)；同時(shí)，公司也希望通過網(wǎng)站及時(shí)地把公司的日?；顒?dòng)事項(xiàng)及綜合布線行業(yè)內(nèi)發(fā)生的重要事件以新聞的形式發(fā)布到網(wǎng)上，幫助客戶及時(shí)了解公司和行業(yè)所發(fā)生的事情。此外，公司也希望通過網(wǎng)站把公司基本情況、公司企業(yè)文化、公司組織結(jié)構(gòu)、公司所獲榮譽(yù)、公司聯(lián)系方式以及公司不定期的人才招聘信息發(fā)布到互聯(lián)網(wǎng)上。公司的基本信息見公司已有的企業(yè)門戶網(wǎng)站：http:///。

2.客戶在線訂購的交易流程

注冊用戶登陸后，首先通過頁面瀏覽或搜索查找的形式，選擇自己所需的產(chǎn)品（產(chǎn)品的編碼和購買數(shù)量）后放入購物車；然后進(jìn)入結(jié)算中心進(jìn)行商品結(jié)算，確認(rèn)或填寫收獲信息（如收獲地址、聯(lián)系人和聯(lián)系電話等），選擇運(yùn)輸方式（如快遞、EMS等），選擇支付方式（如網(wǎng)上銀行、支付寶等）；最后提交訂單。未注冊的用戶只能進(jìn)行瀏覽商品和選擇商品，如要完成具體的交易過程則必須要注冊成為一個(gè)正式用戶。

在用戶提交訂單后，有取消訂單 等待發(fā)貨 商家已發(fā)貨 確認(rèn)收貨 完成交易5種訂單狀態(tài)。用戶提交后，就是等待發(fā)貨狀態(tài)，在此狀態(tài)，用戶可以取消和恢

復(fù)等待發(fā)貨狀態(tài)；商家確認(rèn)用戶的訂單后，進(jìn)入商家已發(fā)貨狀態(tài)，用戶收到貨物后，用戶讓訂單進(jìn)入確認(rèn)收貨狀態(tài)，商家便讓訂單最終完成，進(jìn)入交易完成狀態(tài)。

圖1 完整的交易流程

3.實(shí)訓(xùn)任務(wù)

任務(wù)一：網(wǎng)站需求分析

根據(jù)用戶完整的交易流程和基本的需求描述對杭州立能信息科技有限公司商務(wù)網(wǎng)站的功能需求、性能需求、輸入輸出要求、數(shù)據(jù)管理要求、運(yùn)行環(huán)境要求進(jìn)行分析，繪制DFD圖和E-R圖，編寫電子商務(wù)網(wǎng)站需求分析報(bào)告，報(bào)告格式見附錄一。

任務(wù)二：網(wǎng)站規(guī)劃與設(shè)計(jì)

在結(jié)合現(xiàn)行網(wǎng)站主流設(shè)計(jì)方案及開發(fā)技術(shù)的基礎(chǔ)上，根據(jù)網(wǎng)站需求分析結(jié)果完成網(wǎng)站規(guī)劃（包括網(wǎng)站目的及功能定位、網(wǎng)站內(nèi)容規(guī)劃、網(wǎng)站技術(shù)解決方案、網(wǎng)站開發(fā)進(jìn)度安排、宣傳推廣方案、維護(hù)方案）及網(wǎng)站詳細(xì)設(shè)計(jì)（包括網(wǎng)站Banner條設(shè)計(jì)、網(wǎng)站導(dǎo)航條設(shè)計(jì)、首頁設(shè)計(jì)、其他頁面設(shè)計(jì)），并編寫完成網(wǎng)站規(guī)劃設(shè)計(jì)方案書，方案書格式見附錄二。

任務(wù)三：網(wǎng)站的頁面制作與開發(fā)

根據(jù)網(wǎng)站規(guī)劃與設(shè)計(jì)的結(jié)果，結(jié)合用戶需求，使用HTML、CSS和JS語言開發(fā)制作完成網(wǎng)站各個(gè)頁面，其中，各個(gè)頁面的框架可以采用CSS+DIV結(jié)構(gòu)也可以采用表格來實(shí)現(xiàn)。

任務(wù)四：網(wǎng)站的測試

根據(jù)軟件工程的單元測試和集成測試的原則，依次開展對網(wǎng)站各個(gè)頁面的測試及網(wǎng)站整體功能的測試工作，測試內(nèi)容包括：①測試網(wǎng)頁圖片及文字顯示是否能正常顯示，網(wǎng)頁布局、顏色及字體是否與預(yù)期目標(biāo)一致；②測試頁面中各個(gè)功能模塊是否正常；③測試各個(gè)頁面中的各個(gè)超級(jí)鏈接是否能正常鏈接；④監(jiān)測各個(gè)頁面從打開到正常顯示所花費(fèi)的時(shí)間。

運(yùn)用Dreamweaver提供的站點(diǎn)報(bào)告測試功能，檢測網(wǎng)頁在六種不同版本的常用瀏覽器中的支持情況，并自動(dòng)生成一份測試報(bào)告。

任務(wù)五：網(wǎng)站的發(fā)布與維護(hù)

以小組中的一臺(tái)PC來構(gòu)建一個(gè)Web服務(wù)器(用系統(tǒng)自帶的IIS6.0)，然后使用LeapFTP將靜態(tài)網(wǎng)頁設(shè)計(jì)課程網(wǎng)站發(fā)布到服務(wù)器上；最后在小組其他PC機(jī)的瀏覽器中輸入網(wǎng)站IP地址來訪問剛才發(fā)布的網(wǎng)站頁面，檢查是否能正確訪問。

三、課程設(shè)計(jì)過程與具體要求

1.學(xué)習(xí)課程設(shè)計(jì)指導(dǎo)書和分組

學(xué)習(xí)研究課程設(shè)計(jì)實(shí)訓(xùn)指導(dǎo)書，按項(xiàng)目小組進(jìn)行分組（建議每小組4～6人，男女混合）并且明確每個(gè)學(xué)生在開發(fā)小組中扮演的角色及承擔(dān)的職責(zé)（項(xiàng)目經(jīng)理（組長鐘侯春）、網(wǎng)站設(shè)計(jì)師（徐麗）、網(wǎng)站程序員（陳萍）、網(wǎng)站測試員（湯紅燕）、網(wǎng)頁美工（徐皛辰）、文檔編寫員（黃想））。

2.確定目標(biāo)、初步方案，準(zhǔn)備、試用開發(fā)環(huán)境與工具

每個(gè)小組確定開發(fā)網(wǎng)站目標(biāo)及初步方案；選擇、準(zhǔn)備、試用開發(fā)平臺(tái)、交互網(wǎng)頁開發(fā)技術(shù)、網(wǎng)頁設(shè)計(jì)工具及其他有關(guān)開發(fā)工具。

3.學(xué)習(xí)與搜集素材，借閱、購置必要的書籍與材料

學(xué)習(xí)開發(fā)小組及成員根據(jù)自己承擔(dān)的任務(wù)利用各種途徑（圖書館、因特網(wǎng)、書店、同學(xué)親友等）進(jìn)行針對性的學(xué)習(xí)并收集相關(guān)素材，包括精選、購置必要的書籍。

4.課堂與課下結(jié)合開發(fā)項(xiàng)目

因?yàn)樾枰詫W(xué)和探索的內(nèi)容與軟件較多，每個(gè)學(xué)生要特別發(fā)揮積極主動(dòng)精神投入課程設(shè)計(jì)和開發(fā)活動(dòng)。除了實(shí)驗(yàn)室正式安排的課程設(shè)計(jì)時(shí)間之外，學(xué)生需要充分利用好課余時(shí)間，自己有計(jì)算機(jī)的學(xué)生更要充分利用有利條件以取得盡可能好的開發(fā)成果，力爭獲得最大收益。

5.各階段的開發(fā)工作要求

開發(fā)過程中，小組長必須承擔(dān)起領(lǐng)導(dǎo)責(zé)任，不定期召開小組開發(fā)工作研討會(huì)(建議5-8次)。會(huì)前有準(zhǔn)備，會(huì)議有記錄(包括日期、出席人員、主題、討論紀(jì)要、結(jié)論與問題、計(jì)劃與行動(dòng)分工。事后要保存好供老師檢查)，會(huì)后有分工和檢查。開發(fā)小組工作會(huì)議的可能內(nèi)容是：

1)選題、網(wǎng)站內(nèi)容及開發(fā)方案研討；小組成員分工；開發(fā)計(jì)劃擬定。

2)同類著名網(wǎng)站瀏覽、分析；網(wǎng)站需求分析；網(wǎng)站原型及成員分工確認(rèn)。

3)網(wǎng)站主頁設(shè)計(jì)及網(wǎng)頁組織研討。

4)交互網(wǎng)頁開發(fā)技術(shù)或其他專門開發(fā)技術(shù)或開發(fā)工具使用的研討。

5)網(wǎng)站原型集成測試、原型功能改進(jìn)與擴(kuò)充；開發(fā)文檔整理、匯總。

6.做好小組與個(gè)人的開發(fā)記錄、總結(jié)，做好小組內(nèi)外的交流與互助各個(gè)開發(fā)小組及其每個(gè)成員可以互相研討、幫助，但必須獨(dú)立完成自己承擔(dān)的開發(fā)任務(wù)與文檔編制任務(wù)，不得抄襲他人成果。在課程設(shè)計(jì)進(jìn)行期間，每個(gè)小組由小組長建立項(xiàng)目開發(fā)記錄本（不少于30頁），每周至少做一次記錄，包括小組會(huì)議記錄，小組記錄本要保存好供老師檢查。

建議每個(gè)小組成員也建立自己個(gè)人的開發(fā)記錄或日志。記錄的內(nèi)容可以包括:個(gè)人在小組中承擔(dān)任務(wù)、計(jì)劃與進(jìn)度；相關(guān)學(xué)科與軟件工具學(xué)習(xí)內(nèi)容摘要與存在問題、難點(diǎn)；好的創(chuàng)意與建議；開發(fā)或?qū)W習(xí)心得；文檔草稿；重要信息與線索記錄等。這樣做可以有助于項(xiàng)目開發(fā)工作和自己的學(xué)習(xí)，也有助于最后完成個(gè)人課程設(shè)計(jì)報(bào)告和小組的項(xiàng)目總結(jié)報(bào)告。

四、課程設(shè)計(jì)交付成果說明

1.文檔

(1)個(gè)人總結(jié)報(bào)告：每個(gè)學(xué)生提交個(gè)人課程設(shè)計(jì)報(bào)告。

(2)小組總結(jié)報(bào)告：課程設(shè)計(jì)小組報(bào)告，包括項(xiàng)目總結(jié)報(bào)告、軟件需求規(guī)格說明書、系統(tǒng)設(shè)計(jì)說明書、測試分析報(bào)告。

(3)小組項(xiàng)目開發(fā)記錄本(含小組進(jìn)行課程設(shè)計(jì)的活動(dòng)日志與會(huì)議記錄)。注：組長把小組報(bào)告、開發(fā)記錄本連同所有成員的個(gè)人報(bào)告交給課代表,再由課代表統(tǒng)一交給老師。

2.軟件

網(wǎng)站源代碼以及編譯后的可運(yùn)行程序（以光盤的形式進(jìn)行上交）。

五、成績方式與考核標(biāo)準(zhǔn)

1、考核方式

本次實(shí)訓(xùn)采用綜合評(píng)分的考核方式,按照考核標(biāo)準(zhǔn)對四部分內(nèi)容進(jìn)行綜合測評(píng)，其中平時(shí)考勤（10%），網(wǎng)站開發(fā)（50%），軟件開發(fā)文檔（20%），課程設(shè)計(jì)總結(jié)報(bào)告（20%）。最后根據(jù)總評(píng)成績按一定比例評(píng)出優(yōu)、良、中、及格和不及格五檔成績。

2、考核標(biāo)準(zhǔn)

（1）平時(shí)考勤（10%）

能否按時(shí)到指定實(shí)訓(xùn)場所進(jìn)行項(xiàng)目開發(fā)和文檔編寫，學(xué)習(xí)態(tài)度是否端正。對缺勤三分之一者考核成績直接不及格，重修該課程設(shè)計(jì)內(nèi)容。

（2）網(wǎng)站開發(fā)（40%）

需求分析是否明確，設(shè)計(jì)方案是否合理，編寫思路是否清晰，網(wǎng)站功能是否完善、頁面設(shè)計(jì)是否美觀與有層次感，網(wǎng)站能否穩(wěn)定運(yùn)行。

（3）軟件開發(fā)文檔（20%）

軟件開發(fā)文檔是否規(guī)范正確，系統(tǒng)設(shè)計(jì)框圖是否清晰詳盡。

（4）課程設(shè)計(jì)總結(jié)報(bào)告（20%）

課程設(shè)計(jì)總結(jié)報(bào)告撰寫是否規(guī)范、工作總結(jié)是否到位、報(bào)告上交是否及時(shí)。

第四篇：動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

動(dòng)態(tài)網(wǎng)站建設(shè)

實(shí)訓(xùn)報(bào)告

班級(jí)：G093501

姓名：孫琦

學(xué)號(hào)：093501047

指導(dǎo)老師：XXX

實(shí)訓(xùn)時(shí)間：2011.10.10 ~ 2011.10.1

52011年10月15日甘肅機(jī)電職業(yè)技術(shù)學(xué)院

一、實(shí)訓(xùn)目的1、進(jìn)一步熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范；

2、鞏固運(yùn)用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作復(fù)雜網(wǎng)頁的知識(shí)；

3、鞏固綜合運(yùn)用Dreamweaver軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站；

4、在網(wǎng)頁設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團(tuán)隊(duì)意識(shí)；

5、緊緊圍繞網(wǎng)頁制作的流程：規(guī)劃、設(shè)計(jì)、開發(fā)、發(fā)布、維護(hù)來進(jìn)行網(wǎng)站的開發(fā)，制作出具有較高水準(zhǔn)的動(dòng)態(tài)網(wǎng)頁。以此作為學(xué)生學(xué)習(xí)這門課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過的理論，并予以適當(dāng)?shù)纳罨?，進(jìn)一步訓(xùn)練學(xué)生的基本技能（如：搜集資料、整理數(shù)據(jù)、制表繪圖、發(fā)現(xiàn)與分析問題、尋求解決問題的方案等），為今后從事網(wǎng)站開發(fā)、維護(hù)和管理奠定基礎(chǔ)。

二、實(shí)訓(xùn)項(xiàng)目

學(xué)生信息管理網(wǎng)站

三、實(shí)訓(xùn)過程 1．資料的搜集。

2.構(gòu)建站點(diǎn)框架。

3.設(shè)計(jì)主頁及二級(jí)頁面。

4.實(shí)現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

具體情況如下： 通過這半年的學(xué)習(xí)實(shí)踐中 和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會(huì)我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學(xué)的軟件融會(huì)貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個(gè)人網(wǎng)站，作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是Dreamweaver 軟件。Dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎng)頁和表單的動(dòng)態(tài)生成到企業(yè)級(jí)的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。

制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個(gè)關(guān)于學(xué)生信息管理的網(wǎng)站,于是確定主題,但有些內(nèi)容比較復(fù)雜,對于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個(gè)簡單的學(xué)生信息管理網(wǎng)站,于是網(wǎng)站主題確立。

然后是整體規(guī)劃，每一版塊清晰明，便于管理，大致分幾部分，學(xué)生信息顯示、編輯、添加、刪除等。

再后就是建立站點(diǎn)，接下來就是制作網(wǎng)頁了，使用Dreamweaver制作。

首頁主要是導(dǎo)航作用。首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁有動(dòng)有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔實(shí)用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。

還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗`活了，不好控制，用的很少。

再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳

制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才開始查找，開始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個(gè)網(wǎng)頁一個(gè)的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書籍，最后才知道文件這有個(gè)資源，點(diǎn)擊：

進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個(gè)模版就應(yīng)用到你建立的網(wǎng)頁中去了。這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同。現(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。

以后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在以后的日子里，會(huì)努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點(diǎn)。

四、心得體會(huì) 在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

對于現(xiàn)在的社會(huì)，科技的飛速發(fā)展已經(jīng)成為社會(huì)發(fā)展的標(biāo)志。其中計(jì)算機(jī)的發(fā)展可謂快中之快，而在計(jì)算機(jī)的發(fā)展中計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計(jì)算機(jī)網(wǎng)絡(luò)從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時(shí)間，在這幾年中隨著計(jì)算機(jī)網(wǎng)絡(luò)的廣泛應(yīng)用，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺(tái)、新游戲的發(fā)布、最新的各種IT動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺(tái)的呢。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁?，F(xiàn)如今，數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會(huì)進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò)成為通信的主要手段的時(shí)候，在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“代言人”。我們將什么樣的信息傳達(dá)給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用。

（一）頁面的設(shè)計(jì)方面

網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一個(gè)問題，用了很長時(shí)間才解決。

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)

并且學(xué)習(xí)網(wǎng)頁設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，并且對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的“邊緣科學(xué).”不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到：,VBscript,css,asp等編程語言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。因此我提倡簡單的美。

（二）網(wǎng)頁的整體布局和導(dǎo)航

網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容，即讓用戶眼就看到這個(gè)網(wǎng)頁所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽。

網(wǎng)頁布局是主要考慮以下幾點(diǎn)：

1、首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3、正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）

（三）網(wǎng)頁制作過程中的其他注意事項(xiàng)

不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實(shí)用價(jià)值。通過這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動(dòng)畫，動(dòng)態(tài)特效?？墒强傆龅竭@樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果?？吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。

一個(gè)星期的實(shí)訓(xùn)將結(jié)束了，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了制作動(dòng)態(tài)網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

第五篇：動(dòng)態(tài)網(wǎng)站實(shí)訓(xùn)報(bào)告

動(dòng)態(tài)網(wǎng)站開發(fā)實(shí)訓(xùn)報(bào)告

前言

隨著計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，人們對網(wǎng)絡(luò)的要求越來越高。傳統(tǒng)的靜態(tài)網(wǎng)頁技術(shù)已不能滿足廣大用戶的需求，各種動(dòng)態(tài)網(wǎng)頁技術(shù)應(yīng)運(yùn)而生。ASP和ASP.NET作為兩種主流的動(dòng)態(tài)網(wǎng)頁技術(shù)，提供了用于創(chuàng)建Web頁的強(qiáng)大、快速、有效的方法，其中ASP.NET利用通用語言運(yùn)行環(huán)境CLR（common language runtime）和服務(wù)框架，主要任務(wù)之一就是生成HTML流返回客戶瀏覽器。它提供了一個(gè)全新而強(qiáng)大的服務(wù)器控件結(jié)構(gòu)，其本質(zhì)幾乎全是基于組件和模塊化，每一個(gè)頁，對象，和HTML元素都是一個(gè)運(yùn)行的組件對象。在開發(fā)語言上，ASP.NET拋棄了VBSCRIPT和JSCRIPT，而使用.NET Framework所支持的VB.NET，C#.NET等語言做為其開發(fā)語言，這些語言生成的網(wǎng)頁在后臺(tái)被轉(zhuǎn)換成了類并編譯成了一個(gè)DLL。由于ASP.NET是編譯執(zhí)行的，所以它比ASP擁有了更高的效率。

1.網(wǎng)站定位

運(yùn)用ASP.NET技術(shù)創(chuàng)建一個(gè)都市新聞管理系統(tǒng)，由前臺(tái)新聞瀏覽和后臺(tái)新聞管理兩大部分組成。其中主要內(nèi)容包括系統(tǒng)需求分析、系統(tǒng)整體設(shè)計(jì)、后臺(tái)數(shù)據(jù)庫設(shè)計(jì)，掌握數(shù)據(jù)庫創(chuàng)建、網(wǎng)站頁面設(shè)計(jì)與制作、網(wǎng)站功能的實(shí)現(xiàn)、程序調(diào)試以及網(wǎng)站的發(fā)布操作技能。

2.項(xiàng)目功能規(guī)劃

通過ASP.NET技術(shù)開發(fā)，后臺(tái)功能模塊主要包括后臺(tái)管理員信息管理，新聞?lì)悇e管理，新聞管理，留言板管理，友情鏈接管理、后臺(tái)安全退出等功能。前臺(tái)功能模塊則包括新聞分類、顯示新聞詳細(xì)信息、新聞信息查詢，提供留言板塊、友情鏈接等功能。

3.網(wǎng)站設(shè)計(jì)與開發(fā)

先創(chuàng)建數(shù)據(jù)庫News，包括Admin、Link、NewsType、News、Book五張表，對表結(jié)構(gòu)進(jìn)行相關(guān)設(shè)計(jì)。

創(chuàng)建公共模塊。所謂公共，就是共同擁有，其功能是共享的。新建一個(gè)站點(diǎn)，設(shè)置數(shù)據(jù)庫的鏈接，公共類的創(chuàng)建，為整個(gè)網(wǎng)站做好準(zhǔn)備工作。

創(chuàng)建后臺(tái)模塊。后臺(tái)首頁為管理員登陸頁面，設(shè)計(jì)完畢后創(chuàng)建后臺(tái)模板，接著通過母版創(chuàng)建相關(guān)網(wǎng)頁。需要?jiǎng)?chuàng)建的頁面有管理員信息的管理、添加，新聞?lì)悇e的管理和添加，新聞的管理、添加、更新，留言板信息的管理、添加和更新，友情鏈接的添加、管理等。每張頁面完成后接著編寫相關(guān)代碼，一共30張頁面。

創(chuàng)建前臺(tái)模塊。創(chuàng)建模板頁，通過母版頁創(chuàng)建首頁index.aspx，設(shè)計(jì)首頁頁面，編寫index.aspx.cs文件源碼。

4.網(wǎng)站的發(fā)布與調(diào)試

運(yùn)行的過程中，發(fā)生了很多錯(cuò)誤，如數(shù)據(jù)庫語句錯(cuò)誤，事件過程編寫錯(cuò)誤等，需調(diào)試后糾正錯(cuò)誤，達(dá)到運(yùn)行良好的效果。

5.實(shí)訓(xùn)總結(jié)

這次實(shí)訓(xùn)，讓我更深地了解了Visual Studio2005的基本知識(shí)，掌握和運(yùn)用ASP.NET的技巧，同時(shí)還掌握了電子商務(wù)網(wǎng)站建設(shè)的基本流程和注意事項(xiàng)，及相關(guān)網(wǎng)頁制作軟件工具的使用。

并且通過這次實(shí)訓(xùn)，我深深的體會(huì)到做網(wǎng)站建設(shè)信息管理系統(tǒng)的艱辛，以及作為一個(gè)后臺(tái)管理人員的艱辛，要做好一個(gè)完整的信息管理系統(tǒng)，不僅僅需要過硬的技術(shù)，還需要更多的耐心、細(xì)心與毅力。再次，在實(shí)訓(xùn)的過程中，我深深的感覺到自己在實(shí)際運(yùn)用中專業(yè)知識(shí)的缺乏，及自己工作能力的不足，遇到問題總是很難解決。通過這次實(shí)訓(xùn)，今后不管遇上什么樣的工作問題，要學(xué)會(huì)自己冷靜思考分析，一點(diǎn)點(diǎn)排除障礙，到最后獲取成功。并且不懂的問題，要多向別人請教。另外，今后應(yīng)多加練習(xí)多加熟悉常用的代碼，爭取在這方面取得更大進(jìn)步