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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告第1頁共4頁開發(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ī)劃頁面大小布局網(wǎng)頁logo設(shè)計(jì)網(wǎng)站導(dǎo)航條；網(wǎng)頁flash搜索框產(chǎn)品展示技術(shù)介紹基于asp動(dòng)態(tài)網(wǎng)頁技術(shù)的學(xué)習(xí)從建立的數(shù)據(jù)庫中讀出圖片；圖片存儲(chǔ)為路徑；并按一行5個(gè)排列；大于五個(gè)自動(dòng)換行。<tablewidth="700"height="260"border="0"cellspacing="0"cellpadding="0"><%'從數(shù)據(jù)庫中調(diào)出圖片dimsqldimanamesql="select*fromgoodsxinxi"setrs=server.createobject("adodb.recordset")rs.opensql,conn,1,1i=0dowhilenotrs.eofi=i+1%><tdalign="center"><ahref="details.asp?id=<%=rs("goodsID")%>"><imgsrc="<%=rs("goodsPhoto")%>"width="100"height="100"/></a><br/><%=rs("goodsName")%></td><%Rs.MoveNextifimod5=0thenresponse.write("<tr>")Looprs.closesetrs=nothingconn.closesetconn=nothing%></table>css+div的頁面布局多出用到css+div是整個(gè)頁面更加美觀。Logo的css樣式：<styletype="text/css"><!--#logo{ margin:0pxauto; width:800px; height:100px; float:left; background-image:url(images/logo.gif); background-repeat:no-repeat;}#touchway{ text-align:left; width:300px; height:100px; margin:0pxauto; float:right; font-size:18px; font-family:"黑體";}--></style>登陸界面的css：<styletype="text/css"><!--body{background-image:url(images/adminbg.gif);background-repeat:repeat;text-align:center;}#admindenglu{ background-image:url(images/admin.jpg); background-repeat:no-repeat; height:247px; width:350px; margin:100pxauto;}#admin{width:200px;height:61px;float:right;margin:80px20pxauto;font-size:18px;font-family:"黑體";}--></style>頁面設(shè)計(jì)（抓圖）圖片1圖片2圖片3網(wǎng)站測(cè)試應(yīng)用動(dòng)態(tài)asp技術(shù)，用iis或者安裝的小旋風(fēng)進(jìn)行本地的測(cè)試。實(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)。提高了自己的鑒賞能力，綜合搭配