word版可編輯-網(wǎng)站設(shè)計說明書精心整理doc-在線瀏覽
2024-08-25 12:35本頁面
【正文】 0px。.list{liststyleposition:inside。（如圖13）HTML代碼：div id=kuang4 div id=kuang4_4a href=首頁/a〉a href=烹飪食譜/a 〉a href=正文/a/divdiv id=kuang4_1 h2如何煮玉米才能更香甜 /h2/div div id=kuang4_52010年9月21號 精致膳食養(yǎng)生網(wǎng)/div div id=kuang4_2img src=images/ width=300 height=197 //div div id=kuang4_3 p正文略/p/div /divCSS代碼：kuang4 { float: left。 marginleft: 20px。}kuang4_1 { textalign: center。 fontfamily: 黑體。 verticalalign: middle。 height: 30px。 margintop: 10px。 borderbottomstyle: solid。 color: 333333。 width: 300px。 marginleft: 140px。}kuang4_3 { float: left。 margintop: 10px。 color: 000000。}kuang4_4 { float: left。}kuang4_5 { textalign: center。 width: 580px。（如圖14） 圖14 特效圖片Javascript語言：script type=text/javascript src=/scriptSCRIPT src= type=text/javascript/SCRIPTSCRIPT type=text/javascript var _c = _h = 0。play li39。alt39。 clearInterval(_h)。 //play()。 }) $(pic img).hover(function(){clearInterval(_h)}, function(){play()})。})function play(){ _h = setInterval(auto(), 8000)。play li39。backgroundcolor39。00000039。backgroundcolor39。FF300039。 $(pic img).fadeOut(39。).eq(i).fadeIn(39。)。 change(_c)。 HEIGHT: 300px。 margintop: 0。 marginbottom: 0。}.img_switch_content { HEIGHT: 300px。 width: 400px。}.img_switch_text {width: 262px。zindex:5。left:12px。 zindex:10000 !important}.number_nav {DISPLAY: inline。}.number_nav UL {font:12px Arial, Helvetica, sansserif。MARGIN: 0px。color:fff。fontweight: bold。float: left。width: 23px。lineheight: 17px。textalign: center。mozopacity:。}pic {OVERFLOW: hidden}/style五、網(wǎng)站測試（一）網(wǎng)站鏈接測試網(wǎng)站完成之后，開始網(wǎng)站的鏈接測試。（二）頁面檢查 檢查每一張頁面，在二級子頁中，為保證三次點擊能到達指定頁面，在文章上方加入頁面導(dǎo)航條，方便大眾瀏覽網(wǎng)頁。給每一個圖片加上alt屬性，便于搜索引擎搜索到圖片文件。使站點文件夾中不存在不必要的文件。當(dāng)初毅然決定選擇網(wǎng)站設(shè)計作為畢業(yè)設(shè)計，原因是因為大一時期我曾經(jīng)做過網(wǎng)站，初步了解了制作網(wǎng)站的大致流程。可是問題又來了，我不能明白書里的內(nèi)容到底是什么。在這期間，我不止看了買的書，也經(jīng)常在網(wǎng)上查看一些別人做的網(wǎng)站，當(dāng)然，也通過向老師提問并獲得了解答。終于，在完成了老師要求的開題報告后，我開始了網(wǎng)站資料的搜集。資料收集完畢，就要開始本次畢業(yè)設(shè)計的重頭戲了——網(wǎng)站制作。清新的綠色也能讓瀏覽者產(chǎn)生視覺上的放松；漢書文字設(shè)計出的logo也成功的讓我的網(wǎng)頁別具一格；導(dǎo)航條加上我所中意的懸停效果，也能使導(dǎo)航具有動態(tài)的效果。設(shè)計稿完成后，通過老師的指點修改后，我正式開始了網(wǎng)站的制作。由于前一段時間的學(xué)習(xí)，制作網(wǎng)頁顯得不是那么的困難，很快，我便做好了網(wǎng)站的首頁，在IE8瀏覽器里的效果也沒有出現(xiàn)偏差。剛遇到這一類型的問題我也不知道怎么解決，只能向老師請教。}，加上這個屬性后再去瀏覽網(wǎng)頁，果然，問題解決了。制作了精致膳食養(yǎng)身網(wǎng)給了我很大的收獲，不僅學(xué)習(xí)了很多關(guān)于網(wǎng)頁的專業(yè)知識，也再次認(rèn)識到學(xué)習(xí)的重要性及團結(jié)協(xié)作的重要性，因為在網(wǎng)站制作過程中，不僅僅是老師，同學(xué)也給予了我很大的幫助。這次的網(wǎng)站制作，也將是我難忘的經(jīng)歷。這三年中我還得到眾多老師及同學(xué)的關(guān)心支持和幫助。參考文獻[1] [M].[2] [3] [4] 袁磊. 網(wǎng)頁設(shè)計與制作實例教程. [5] [6] 張磊. 網(wǎng)頁設(shè)計與制作:,[7] 魯波. [8] 姚奇富，陳偉 [9] 江文. [10] （第2版）. 附錄首頁完整代碼：htmlheadmeta equiv=ContentType content=text/html。39。39。}/scriptstyle type=text/css!.STYLE1 {color: 000000}.STYLE2 {color: FFFFFF}.STYLE4 { fontsize: 14。}/style/headscript type=text/javascript src=/scriptSCRIPT src= type=text/javascript/SCRIPTSCRIPT type=text/javascript var _c = _h = 0。play li39。alt39。 clearInterval(_h)。 //play()。 }) $(pic img).hover(function(){clearInterval(_h)}, function(){play()})。})function play(){ _h = setInterval(auto(), 8000)。play li39。backgroundcolor39。00000039。backgroundcolor39。FF300039。 $(pic img).fadeOut(39。).eq(i).fadeIn(39。)。 change(_c)。 HEIGHT: 300px。 margintop: 0。 marginbottom: 0。}.img_switch_content { HEIGHT: 300px。 width: 400px。}.img_switch_text {width: 262px。zin
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1