動態(tài)網(wǎng)頁asp實訓報告

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

(201*級)

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

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

設(shè)計地點：電子商務(wù)實訓室二班級：電子商務(wù)082班姓名:周海強

一、實訓目的與意義

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

二、實訓時間

6月14日6月18日

三、實訓地點

電子商務(wù)實訓室二

四、實訓進度與計劃

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

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

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

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

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

五、實訓步驟

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、導航欄和banner的相關(guān)信息。

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

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

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

六、實訓心得與體會

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

七、合理化建議

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

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

擴展閱讀：asp動態(tài)網(wǎng)頁設(shè)計實訓報告

網(wǎng)頁設(shè)計實訓報告

一、開發(fā)背景

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

二、設(shè)計思路

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

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

基于asp動態(tài)網(wǎng)頁技術(shù)的學習

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

css+div的頁面布局

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

登陸界面的css：網(wǎng)頁設(shè)計實訓報告

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

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

圖片2

圖片3

六、網(wǎng)站測試

應(yīng)用動態(tài)asp技術(shù)，用iis或者安裝的小旋風進行本地的測試。

第3頁共4頁網(wǎng)頁設(shè)計實訓報告

七、實訓總結(jié)

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

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

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

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

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

第4頁共4頁

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

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

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

• 上一篇：《ASP動態(tài)網(wǎng)站設(shè)計》實訓報告
• 下一篇：《ASP動態(tài)網(wǎng)站設(shè)計》實訓報告