asp動態(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)測試與發(fā)布技術(shù)。會綜合利用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)站主頁，一般都會包括首頁，管理，鏈接，公司的產(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動態(tài)網(wǎng)頁技術(shù)的學(xué)習(xí)

從建立的數(shù)據(jù)庫中讀出圖片；圖片存儲為路徑；并按一行5個(gè)排列；大于五個(gè)自動換行。網(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)站測試

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

第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)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準(zhǔn)備素材的時(shí)候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實(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)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。

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

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

第4頁共4頁

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

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

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

設(shè)計(jì)報(bào)告

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

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

評價(jià)

教師簽名：

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

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

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

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