asp動態(tài)網(wǎng)頁設(shè)計實訓(xùn)報告

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

一、開發(fā)背景

通過教學(xué)實習(xí)掌握站點制作、站點測試與發(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)站導(dǎo)航條；4.網(wǎng)頁flash5.搜索框6.產(chǎn)品展示四、技術(shù)介紹

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

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

css+div的頁面布局

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

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

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

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

圖片2

圖片3

六、網(wǎng)站測試

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

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

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

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

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

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

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

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

第4頁共4頁

擴展閱讀：《ASP動態(tài)網(wǎng)站設(shè)計》實訓(xùn)報告

計算機科學(xué)系201*-201*學(xué)年秋學(xué)期

《網(wǎng)頁設(shè)計實訓(xùn)》

設(shè)計報告

姓名：***專業(yè)：計算機科學(xué)系班級：08**學(xué)號：08045901010008實訓(xùn)室名稱：5號機房授課老師：****指導(dǎo)教師：****

完成時間：201*年11月01日項目：網(wǎng)頁設(shè)計報告實訓(xùn)目的實訓(xùn)要求更好得了解和懂得怎樣學(xué)習(xí)網(wǎng)頁制作，版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果，我們將反復(fù)推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。第一、要靈活運用網(wǎng)頁中的基本樣式第二、就是要活用FormatTable命令第三、同時鏈接到兩個網(wǎng)頁第四、不給文件起中文名稱1.網(wǎng)站的名稱我們在用Dreamweaver來制作非常復(fù)雜的效果時，有可能需要經(jīng)常重復(fù)地使用某一個或者多個對象，例如我們經(jīng)常需要定位某個特定的表格、圖象等，如果我們沒有給某一個網(wǎng)頁中的多個對象取名的話，那么在重復(fù)應(yīng)用這些對象的時候，可能很麻煩或者容易出錯。為了能夠方便調(diào)用這些對象，我們應(yīng)該在每創(chuàng)建一個新的對象時，都記得給它取一個有代表性而且比較容易記憶的名稱。在給這些對象命名時，我們可以通過對象的“屬性”面板來操作就行了。2.網(wǎng)站的宗旨有時我們?yōu)榱艘�達到一種逼真的效果，希望鼠標(biāo)移動到某個鏈接上時能有動感產(chǎn)生。使用Dreamweaver可以很容易實現(xiàn)這種效果。設(shè)計時，我們首先需要準(zhǔn)備兩幅圖象，第一幅是原始圖象，第二幅是鼠標(biāo)移動上去后的圖象。接著用鼠標(biāo)單擊第一幅圖，在屬性面板中的鏈接欄中填上要鏈接的文件，然后單擊鍵盤上的F8鍵，在彈出的Behaviors窗口中單擊“+”號，隨后選擇“swapimage首頁內(nèi)容與步驟總結(jié)思考概況民族風(fēng)俗歷史網(wǎng)頁設(shè)計和學(xué)別的東西一樣，也需要興趣。所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果沒有耐心就學(xué)不好它，因為當(dāng)你碰到一個問題，不及時解決，你就會在一個問題上消耗很長時間�？傮w來說這是我們綜合素質(zhì)的培養(yǎng)，鍛煉和提高，也是對團隊能力的一次檢驗。

評價

教師簽名：

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

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

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

• 上一篇：《動態(tài)網(wǎng)頁設(shè)計》實訓(xùn)報告1
• 下一篇：《動態(tài)網(wǎng)頁設(shè)計》實訓(xùn)報告2