web設(shè)計(jì)基礎(chǔ)報(bào)告-個(gè)人網(wǎng)頁(yè)設(shè)計(jì)和實(shí)現(xiàn)-wenkub.com
2024-08-22 16:37 本頁(yè)面
【正文】 最終看到了自己親手做出來(lái)的網(wǎng)站，心里有了收獲般的欣喜，這讓我從心底里感謝這次實(shí)踐的機(jī)會(huì)，感謝老師給了我們一次自己動(dòng)手的機(jī)會(huì)，在設(shè)計(jì)的過(guò)程中，同學(xué)們互相討論，這也增強(qiáng)了同學(xué)之間的交流 。 top: 105px。 width:416px。 zindex:2。 top: 5px。 width:131px。 backgroundimage: url(image/)。 width:200px。 } /style/head body /body /html 1 我的 寵物 ： 代碼： html head title無(wú)標(biāo)題文檔 /title style type=text/css ! body { backgroundimage: url(image/)。 backgroundrepeat: norepeat。 left: 659px。 } Layer1 { position:absolute。 backgroundcolor: 000000。 WIDTH: 1100px。 top: 4px。 } Layer2 { position:absolute。 height:147px。 color: 66FFFF。 color: F4F4F4。 top: 510px。 width:35px。 } .STYLE2 {fontsize: 24px。 height:633px。 } 1 .STYLE1 { fontsize: 24px。 } /style /head body div id=Layer3 img src=image/ width=1078 height=407 / div id=Layer4img src=image/ width=923 height=338 //div /div /body /html html xmlns= head meta equiv=ContentType content=text/html。 height:115px。 left: 12px。 } Layer3 { position:absolute。 height:126px。 } body { backgroundcolor: 000000。 charset=gb2312 / title無(wú)標(biāo)題文檔 /title style type=text/css 1 ! Layer2 { position:absolute。 color: F4F4F4。 color: 66FFFF。 zindex:1。 color: FF0000。 1 left: 1px。 } Layer1 { position:absolute。 backgroundimage: url(image/)。左邊框架作為導(dǎo)航欄，下邊的部分作為滾動(dòng)圖片欄；右上方一大部分作為各個(gè)子網(wǎng)頁(yè)的瀏覽區(qū)；在導(dǎo)航 1 欄插入了音樂(lè)，以便放入的音樂(lè)不會(huì)隨著鏈接的進(jìn)入而消失，增添了網(wǎng)頁(yè)的趣味性； 導(dǎo)航欄 包括共： 我的檔案 ， 我的 日志 ， 我的班級(jí) ， 我的寵物，視頻欣賞五項(xiàng) ，分別鏈接到各個(gè) 子頁(yè)面；在導(dǎo)航區(qū)的最下方還設(shè)置有返回歡迎頁(yè)面的鏈接；并且設(shè)置導(dǎo)航區(qū)的背景、顏色、插入動(dòng)態(tài)圖片等。 二、 需求分析 系 統(tǒng)概述 一個(gè)具有個(gè)性的個(gè)人網(wǎng)站，是讓別人對(duì)你進(jìn)行了解，與別人溝通的更好途徑，本文研究的是 這次 個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 。通過(guò) 這個(gè)學(xué)期對(duì)網(wǎng)頁(yè)制作代碼相關(guān)的學(xué)習(xí)以及之前對(duì)這些軟件的了解 ，制作出 相對(duì) 簡(jiǎn)單的 個(gè)人網(wǎng)頁(yè)，展示自己相關(guān)的一些東西； 本網(wǎng)站內(nèi)容充實(shí)， 在主頁(yè)的設(shè)計(jì)上運(yùn)用了模板， 框架等。 功能設(shè)計(jì) ...................................................................................3 界面設(shè)計(jì) ...................................................................................4 四．詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) ..................................................錯(cuò)誤 !未定義書(shū)簽。 可行性研究 ....................................................錯(cuò)誤 !未定義書(shū)簽。 1 鄭州輕工業(yè)學(xué)院 課 程 設(shè) 計(jì) 任 務(wù) 書(shū) 題目 個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 主要內(nèi)容： 利用所學(xué)內(nèi)容，設(shè)計(jì)個(gè)人網(wǎng)站 基本要求： 本系統(tǒng)制作一個(gè)個(gè)人網(wǎng)站， 要求個(gè)人網(wǎng)站主題設(shè)計(jì)思想明確、思路清晰、顏色選擇恰當(dāng) 、布局合理；多媒體（圖像、音樂(lè)、滾動(dòng)字幕）運(yùn)用適當(dāng)； Flash、框架運(yùn)用合適 ；適當(dāng)使用 樣式頁(yè)（ CSS）等。 二、需求分析 .............................................................錯(cuò)誤 !未定義書(shū)簽。 六、結(jié)語(yǔ) ..........................
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1