web設(shè)計(jì)基礎(chǔ)報(bào)告-個(gè)人網(wǎng)頁(yè)設(shè)計(jì)和實(shí)現(xiàn)(已修改)
2025-09-06 16:37 本頁(yè)面
【正文】 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）等。 主要參考資料等： 《 Web 設(shè)計(jì)基礎(chǔ)》 李開(kāi)榮 高等教育出版社 2020 《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)》張兵義 電子工業(yè)出版社 2020 《 Web 編程技 術(shù)》歷小軍 機(jī)械工業(yè)出版社 2020 完 成 期 限： 一周 指導(dǎo)教師簽名： 課程負(fù)責(zé)人簽名： 2020 年 5 月 日 目錄 一、引言 ....................................................................錯(cuò)誤 !未定義書(shū)簽。 1 課題的背景 ....................................................錯(cuò)誤 !未定義書(shū)簽。 可行性研究 ....................................................錯(cuò)誤 !未定義書(shū)簽。 二、需求分析 .............................................................錯(cuò)誤 !未定義書(shū)簽。 系統(tǒng)概述： ....................................................錯(cuò)誤 !未定義書(shū)簽。 功能要求 ： ................................................................................1 三、總體設(shè)計(jì) .............................................................錯(cuò)誤 !未定義書(shū)簽。 功能設(shè)計(jì) ...................................................................................3 界面設(shè)計(jì) ...................................................................................4 四．詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) ..................................................錯(cuò)誤 !未定義書(shū)簽。 六、結(jié)語(yǔ) .............................................................................................. 24 個(gè)人網(wǎng)頁(yè)設(shè)計(jì)和 實(shí)現(xiàn) 一、 引言 1 課題的背景 經(jīng)過(guò)本學(xué)期對(duì) web 設(shè)計(jì)基礎(chǔ)這門(mén)課程的學(xué)習(xí)，對(duì) web 的設(shè)計(jì)以及相關(guān)代碼的使用有了深入的了解，在學(xué)期末制作主題為個(gè)人主頁(yè)的網(wǎng)頁(yè)，對(duì)其設(shè)計(jì)并實(shí)現(xiàn)。 可行性研究 經(jīng)過(guò)考慮 對(duì)制作工具的篩選 ，決定用 Dreamweaver 做個(gè)人網(wǎng)頁(yè)， Photoshop為輔助工具，設(shè)計(jì)和制作圖 片 、頁(yè)面及圖標(biāo)等。 本網(wǎng)站 是以靜態(tài)網(wǎng)頁(yè)為基礎(chǔ)，以 Dreamweaver 為制作軟件、以 Photoshop為設(shè)計(jì)軟件而成的 。通過(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)用了模板， 框架等。 分頁(yè)面上運(yùn)用了導(dǎo)航條。插入了動(dòng)態(tài)圖片 以及視頻等 給網(wǎng)增加了美觀度，在首頁(yè)的設(shè)計(jì)上本著簡(jiǎn)單易懂的原則，用戶(hù)只要點(diǎn)擊鏈接就能看到自己 想看到的連接內(nèi)容。網(wǎng)站 的首頁(yè)設(shè)置了背景音樂(lè)，使訪(fǎng)問(wèn)者在 瀏覽的 同時(shí)還能欣賞到悠揚(yáng)的旋律。 二、 需求分析 系 統(tǒng)概述 一個(gè)具有個(gè)性的個(gè)人網(wǎng)站，是讓別人對(duì)你進(jìn)行了解，與別人溝通的更好途徑，本文研究的是 這次 個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 。 能讓人通過(guò)本網(wǎng)站可以清晰地了解到我的一些信息。 運(yùn)用 Windows XP + Dreamweaver8 +PS 的網(wǎng)站設(shè)計(jì)制作環(huán)境 ，設(shè)計(jì)出 神秘 、活力的 暗色 與絢麗特效的網(wǎng)頁(yè)特色。 功能要求 實(shí)現(xiàn)鏈接、滾動(dòng)字幕或圖片、插入音頻、視頻等插件 的功能 ； 三、 總體設(shè)計(jì) 運(yùn)用 Dreamweaver 的框架功能；圍繞關(guān)于我自己的一些相關(guān)信息進(jìn)行分類(lèi)，實(shí)現(xiàn)分類(lèi)的鏈接進(jìn)行制作；并且要注重網(wǎng)頁(yè)的一體化，美感，還有色彩的搭配 ，音樂(lè)的選取等； 功能設(shè)計(jì)： 利用框架（選取了左右下的框架結(jié)構(gòu)）設(shè)置基本模樣。左邊框架作為導(dǎo)航欄，下邊的部分作為滾動(dòng)圖片欄；右上方一大部分作為各個(gè)子網(wǎng)頁(yè)的瀏覽區(qū)；在導(dǎo)航 1 欄插入了音樂(lè)，以便放入的音樂(lè)不會(huì)隨著鏈接的進(jìn)入而消失，增添了網(wǎng)頁(yè)的趣味性； 導(dǎo)航欄 包括共： 我的檔案 ， 我的 日志 ， 我的班級(jí) ， 我的寵
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1