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

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

一、開(kāi)發(fā)背景

通過(guò)教學(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)頁(yè)面的效果。

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

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

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

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

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

css+div的頁(yè)面布局

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

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

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

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

圖片2

圖片3

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

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

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

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

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

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

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

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

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

第4頁(yè)共4頁(yè)

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

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

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

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

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

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

評(píng)價(jià)

教師簽名：

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

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

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

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