網(wǎng)頁設(shè)計(jì)大作業(yè)模板

/伊犁師范學(xué)院《網(wǎng)頁設(shè)計(jì)》期末課程設(shè)計(jì)設(shè)計(jì)題目：草樣年華個(gè)人網(wǎng)站學(xué)號：08080605014 姓名：劉寶龍?jiān)合担弘娮优c信息工程學(xué)院專業(yè)班級：計(jì)算機(jī)科學(xué)與技術(shù)08-2指導(dǎo)老師：王雪峰一、設(shè)計(jì)思想在已跨入21世紀(jì)的今天.人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命.這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會(huì)發(fā)展的推動(dòng)遠(yuǎn)為復(fù)雜而巨大。目前.我國上網(wǎng)的人口已經(jīng)越來越多.成為世界上網(wǎng)民最多的國家。許多人在需要查詢信息.首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖像、聲音、動(dòng)畫和視頻等信息和內(nèi)容.具有豐富的多媒體信息與互動(dòng)特點(diǎn).無可置疑.網(wǎng)站已成為最吸引人的也是最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展.各類網(wǎng)站紛紛出現(xiàn)。個(gè)人網(wǎng)站也成為了一種時(shí)尚。越來越多的人希望擁有自己的網(wǎng)站.開辟網(wǎng)絡(luò)世界的一片天地.發(fā)展自己的才華和風(fēng)格。二、開發(fā)環(huán)境及軟件WindowsXP.MacromediaDreamweaver8.photoshopCS3.flash等三、系統(tǒng)結(jié)構(gòu)功能圖、頁面結(jié)構(gòu)草圖及部分頁面截圖個(gè)人檔案個(gè)人檔案〔二級頁面相冊〔二級頁面留言板〔二級頁面首頁<一級頁面>青春紀(jì)念冊1〔三級頁面青春紀(jì)念冊2〔三級頁面真三〔三級頁面英語〔三級頁面日志〔二級頁面養(yǎng)生〔三級頁面四、部分代碼〔主要添加CSS代碼1.添加浮動(dòng)照片<!--圖片漂浮廣告代碼開始--><divid="www_qpsh_com"style="position:absolute;left:88px;top:57px;width:252px;height:313px;visibility:visible;"><!--鏈接地址--><ahref=""target="_blank"><!--圖片地址--><ahref=""target="_blank"></a></a><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="200"height="300"><paramname="movie"value="image/fffff.swf"/><paramname="quality"value="high"/><embedsrc="image/fffff.swf"quality="high"pluginspage="/go/getflashplayer"type="application/x-shockwave-flash"width="200"height="300"></embed></object></div><script>varx=50,y=60varxin=true,yin=truevarstep=1vardelay=10varobj=document.getElementById<"www_qpsh_com">functionfloatwww_qpsh_com<>{varL=T=0varR=document.body.clientWidth-obj.offsetWidthvarB=document.body.clientHeight-obj.offsetHeightobj.style.left=x+document.body.scrollLeftobj.style.top=y+document.body.scrollTopx=x+step*<xin?1:-1>if<x<L>{xin=true;x=L}if<x>R>{xin=false;x=R}y=y+step*<yin?1:-1>if<y<T>{yin=true;y=T}if<y>B>{yin=false;y=B}}varitl=setInterval<"floatwww_qpsh_com<>",delay>obj.onmouseover=function<>{clearInterval<itl>}obj.onmouseout=function<>{itl=setInterval<"floatwww_qpsh_com<>",delay>}</script><!--圖片漂浮廣告代碼結(jié)束-->2.文字滾動(dòng)<marqueebehavior=alternatedirection=rightalign=middleborder=1><strong>歡迎大家來到糖糖工作室...<spanclass="STYLE11">QQ：594760962</span></strong></marquee3.文本css樣式.<styletype="text/css"><!--body{background-image:url<image/BJ-3L.jpg>;}.STYLE2{color:#333366; font-size:14px;}.STYLE11{font-size:12px}.STYLE12{color:#CC6633;font-size:12px;}.STYLE15{font-size:16px; color:#FF6666; font-weight:bolder;}.STYLE17{font-size:36px; color:#FF9966;}--></style>4.超鏈接變化代碼.body{color:#FF0000;}a:link{color:#FF3399; font-size:16px; text-decoration:none;}a:visited{color:#FF0000; font-size:16px; text-decoration:none;}a:hover{font-size:16px; color:#FF3399; text-decoration:underline;}a:active{color:#3366FF;} 五、部分原創(chuàng)素材Logo圖像導(dǎo)航條六、主要界面截圖1、主頁〔必須包含2.個(gè)人檔案3.個(gè)人日記4.留言版七、設(shè)計(jì)總結(jié)第一要具備專業(yè)的網(wǎng)頁制作技術(shù).能夠用模板.框架實(shí)現(xiàn)自己的所想。第二.要仔細(xì)分析客戶需求.使自己的設(shè)計(jì)具有實(shí)用性.在總體設(shè)計(jì)時(shí)要充分與客戶交流.以免遺漏客戶的要求。第三.要充實(shí)自己的美學(xué)知識(shí).網(wǎng)站在傳播信息的同時(shí)還帶給人們以美得享受.科學(xué)的應(yīng)用美學(xué)知識(shí)在網(wǎng)站設(shè)計(jì)中尤為重要。第四.網(wǎng)頁設(shè)計(jì)需要設(shè)計(jì)者不怕失敗.不斷虛心學(xué)習(xí).在制作過程中需要不斷克服各種困難.直到任務(wù)完成。第五.能夠熟練引用Photoshop和Flash是網(wǎng)頁設(shè)計(jì)必備的條件.在今后的學(xué)習(xí)中自己應(yīng)加強(qiáng)學(xué)習(xí)。第六.生活中的積累是做出好網(wǎng)頁的前提.今后的生活中瀏覽網(wǎng)頁時(shí)要多想網(wǎng)頁設(shè)計(jì)的優(yōu)點(diǎn)和缺點(diǎn)來提高自己通過對本次設(shè)計(jì)的制作.我深深的體會(huì)到每一個(gè)漂亮作品的背后都有無盡的付出.網(wǎng)頁設(shè)計(jì)更是如此。它不僅需要我們有很好的審美觀.同時(shí)在制作之初要對網(wǎng)頁的整