動(dòng)態(tài)網(wǎng)頁asp實(shí)訓(xùn)報(bào)告

安徽商貿(mào)職業(yè)技術(shù)學(xué)院經(jīng)貿(mào)系電子商務(wù)

(201*級(jí))

動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)

設(shè)計(jì)時(shí)間：201*年6月14日至6月18日

設(shè)計(jì)地點(diǎn)：電子商務(wù)實(shí)訓(xùn)室二班級(jí)：電子商務(wù)082班姓名:周海強(qiáng)

一、實(shí)訓(xùn)目的與意義

通過實(shí)驗(yàn)教學(xué)主要培養(yǎng)學(xué)生的動(dòng)手能力，提高學(xué)生運(yùn)用ASP編程工具編寫動(dòng)態(tài)網(wǎng)頁能力的水平，掌握ASP網(wǎng)頁下HTML標(biāo)記、普通文本和腳本命令等的使用。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序和CSS語言的應(yīng)用，掌握在創(chuàng)建連接的“插入、查詢、修改”與數(shù)據(jù)庫連接等方法。綜合運(yùn)用所學(xué)ASP編程知識(shí)進(jìn)行網(wǎng)頁材料準(zhǔn)備，并建設(shè)一個(gè)小型的電子商務(wù)網(wǎng)站。

二、實(shí)訓(xùn)時(shí)間

6月14日6月18日

三、實(shí)訓(xùn)地點(diǎn)

電子商務(wù)實(shí)訓(xùn)室二

四、實(shí)訓(xùn)進(jìn)度與計(jì)劃

第一天：查看實(shí)訓(xùn)要求了解做什么網(wǎng)站，然后上網(wǎng)查看他人網(wǎng)站，之后規(guī)劃自己的網(wǎng)站。

建一個(gè)文件夾，收集相關(guān)素材，并利用PhotoShop、Flash等多媒體制作軟件

創(chuàng)作出一些多媒體作品，為網(wǎng)頁制作進(jìn)行網(wǎng)頁的充分材料準(zhǔn)備。

第二天：創(chuàng)建數(shù)據(jù)庫，建立相關(guān)數(shù)據(jù)表，并連接圖片地址等素材和輸出的相關(guān)信息。

第三天：編寫主頁頁面的內(nèi)容信息及其他導(dǎo)航欄的相關(guān)內(nèi)容。第四天：繼續(xù)編寫相關(guān)網(wǎng)頁內(nèi)容并做出最后的測(cè)試工作。第五天：驗(yàn)收通過并提交網(wǎng)站作業(yè)。

五、實(shí)訓(xùn)步驟

1.構(gòu)思網(wǎng)站總體規(guī)劃及布局。

2.創(chuàng)建數(shù)據(jù)庫，建立相關(guān)數(shù)據(jù)表。

3.在數(shù)據(jù)表中連接圖片地址和輸出的相關(guān)信息。

4.編寫網(wǎng)頁top頭部的logo、導(dǎo)航欄和banner的相關(guān)信息。

5．運(yùn)用ASP編寫左邊left的二級(jí)目錄內(nèi)容和底部boot的建站信息連接及相關(guān)內(nèi)容連接。

6.在主頁主體main內(nèi)容通過數(shù)據(jù)庫輸出相關(guān)的產(chǎn)品內(nèi)容及信息和導(dǎo)航欄其他頁面的內(nèi)容。

7.編寫注冊(cè)/登陸、購物車、FAQ和留言系統(tǒng)等網(wǎng)頁。（必要時(shí)建設(shè)后臺(tái)管理系統(tǒng)）8.測(cè)試網(wǎng)站并完善主頁及各個(gè)子頁，對(duì)不足之處做出相關(guān)改進(jìn)的工作。9.驗(yàn)收通過并提交網(wǎng)站作業(yè)。

六、實(shí)訓(xùn)心得與體會(huì)

經(jīng)過一周的實(shí)訓(xùn)練習(xí)讓我學(xué)到了許多知識(shí),也有了很大的收獲。這次實(shí)訓(xùn)讓我明白了我們實(shí)訓(xùn)的主要目的是讓我們通過不斷的上機(jī)實(shí)習(xí)以及使用它來解決實(shí)際的問題，才能更好的掌握所學(xué)技能。實(shí)踐出真理，在這一周的實(shí)訓(xùn)中確實(shí)很累但是累得有價(jià)值。學(xué)海無涯，好多好多的東西還在等待我們?nèi)ヅ�力的開發(fā)學(xué)習(xí)。我堅(jiān)信，用血淚去做自己認(rèn)為應(yīng)該做的事，努力的開拓我們的極限，沒有什么是不可能的。希望自己可以真正的化解這些知識(shí)為我所用！在以后的工作、生活和學(xué)習(xí)中，發(fā)展自己的優(yōu)勢(shì)，彌補(bǔ)自己的不足和缺陷。

七、合理化建議

對(duì)自己而言，多提升獨(dú)立完成工作的能力和團(tuán)隊(duì)的合作能力。提升自我的審美能力，加強(qiáng)“美”的判斷，提升網(wǎng)頁的整體優(yōu)化意識(shí)。多思考，多動(dòng)手。學(xué)�？稍偬岣邫C(jī)房的電腦的利用率，多置些“好”的機(jī)子，減少學(xué)生實(shí)訓(xùn)過程中的機(jī)子故障，提高效率。

以上報(bào)告內(nèi)容會(huì)因?qū)嶋H情況而不同，但基本上就是這樣的。

擴(kuò)展閱讀：asp動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

一、開發(fā)背景

通過教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測(cè)試與發(fā)布技術(shù)。會(huì)綜合利用Photoshop、Flash和Dreamweaver三個(gè)軟件進(jìn)行靜態(tài)網(wǎng)站的設(shè)計(jì)。加上ASP技術(shù)和CSS+DIV進(jìn)行昂也布局，實(shí)驗(yàn)頁面的效果。

二、設(shè)計(jì)思路

我做的大致算是一個(gè)服裝企業(yè)推廣的小型網(wǎng)站。網(wǎng)站主頁，一般都會(huì)包括首頁，管理，鏈接，公司的產(chǎn)品圖片文加字說明，我的網(wǎng)站主頁也不例外，包括次首頁，圖片（展示照片），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說明），鏈接（比較有名的站點(diǎn)）。不同的是，我自己獨(dú)立的構(gòu)思使頁面完整化。三、網(wǎng)站規(guī)劃1.頁面大小布局2.網(wǎng)頁logo

3.設(shè)計(jì)網(wǎng)站導(dǎo)航條；4.網(wǎng)頁flash5.搜索框6.產(chǎn)品展示四、技術(shù)介紹

基于asp動(dòng)態(tài)網(wǎng)頁技術(shù)的學(xué)習(xí)

從建立的數(shù)據(jù)庫中讀出圖片；圖片存儲(chǔ)為路徑；并按一行5個(gè)排列；大于五個(gè)自動(dòng)換行。網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

css+div的頁面布局

多出用到css+div是整個(gè)頁面更加美觀。Logo的css樣式：

登陸界面的css：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

font-family:"黑體";}-->

五、頁面設(shè)計(jì)（抓圖）圖片1

圖片2

圖片3

六、網(wǎng)站測(cè)試

應(yīng)用動(dòng)態(tài)asp技術(shù)，用iis或者安裝的小旋風(fēng)進(jìn)行本地的測(cè)試。

第3頁共4頁網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

七、實(shí)訓(xùn)總結(jié)

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

在所有配色當(dāng)中，不同的顏色傳達(dá)著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會(huì)給人帶來視覺上的疲勞。所以，在我下載準(zhǔn)備素材的時(shí)候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實(shí)訓(xùn),我覺得平面設(shè)計(jì)的創(chuàng)意思維、版面設(shè)計(jì)、色彩配置、圖形創(chuàng)意等方面都有很重要，對(duì)于網(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)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。

通過此次實(shí)訓(xùn)，使我對(duì)于網(wǎng)頁制作的三大軟件有了進(jìn)一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對(duì)以前學(xué)過的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。

通過此次實(shí)訓(xùn)，我更了解到，生活中有許多色彩，搭配顏色的時(shí)候，聯(lián)想到生活中的東西會(huì)做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會(huì)聯(lián)想到做網(wǎng)頁的時(shí)候，還有怎么布局。反正此次實(shí)訓(xùn)收獲很多。

第4頁共4頁

友情提示：本文中關(guān)于《動(dòng)態(tài)網(wǎng)頁asp實(shí)訓(xùn)報(bào)告》給出的范例僅供您參考拓展思維使用，動(dòng)態(tài)網(wǎng)頁asp實(shí)訓(xùn)報(bào)告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《動(dòng)態(tài)網(wǎng)頁asp實(shí)訓(xùn)報(bào)告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.weilaioem.com/gongwen/585529.html

• 上一篇：《ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)》實(shí)訓(xùn)報(bào)告
• 下一篇：《ASP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)》實(shí)訓(xùn)報(bào)告