web設(shè)計(jì)基礎(chǔ)報(bào)告-個(gè)人網(wǎng)頁設(shè)計(jì)和實(shí)現(xiàn)-在線瀏覽
2024-10-29 16:37本頁面
【正文】 ......................................錯(cuò)誤 !未定義書簽。 1 課題的背景 ....................................................錯(cuò)誤 !未定義書簽。 1 鄭州輕工業(yè)學(xué)院 課 程 設(shè) 計(jì) 任 務(wù) 書 題目 個(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) 、布局合理；多媒體（圖像、音樂、滾動(dòng)字幕）運(yùn)用適當(dāng)； Flash、框架運(yùn)用合適 ；適當(dāng)使用 樣式頁（ CSS）等。 主要參考資料等： 《 Web 設(shè)計(jì)基礎(chǔ)》 李開榮 高等教育出版社 2020 《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)》張兵義 電子工業(yè)出版社 2020 《 Web 編程技 術(shù)》歷小軍 機(jī)械工業(yè)出版社 2020 完 成 期 限： 一周 指導(dǎo)教師簽名： 課程負(fù)責(zé)人簽名： 2020 年 5 月 日 目錄 一、引言 ....................................................................錯(cuò)誤 !未定義書簽。 可行性研究 ....................................................錯(cuò)誤 !未定義書簽。 系統(tǒng)概述： ....................................................錯(cuò)誤 !未定義書簽。 功能設(shè)計(jì) ...................................................................................3 界面設(shè)計(jì) ...................................................................................4 四．詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) ..................................................錯(cuò)誤 !未定義書簽。 可行性研究 經(jīng)過考慮 對(duì)制作工具的篩選 ，決定用 Dreamweaver 做個(gè)人網(wǎng)頁， Photoshop為輔助工具，設(shè)計(jì)和制作圖 片 、頁面及圖標(biāo)等。通過 這個(gè)學(xué)期對(duì)網(wǎng)頁制作代碼相關(guān)的學(xué)習(xí)以及之前對(duì)這些軟件的了解 ，制作出 相對(duì) 簡(jiǎn)單的 個(gè)人網(wǎng)頁，展示自己相關(guān)的一些東西； 本網(wǎng)站內(nèi)容充實(shí)， 在主頁的設(shè)計(jì)上運(yùn)用了模板， 框架等。插入了動(dòng)態(tài)圖片 以及視頻等 給網(wǎng)增加了美觀度，在首頁的設(shè)計(jì)上本著簡(jiǎn)單易懂的原則，用戶只要點(diǎn)擊鏈接就能看到自己 想看到的連接內(nèi)容。 二、 需求分析 系 統(tǒng)概述 一個(gè)具有個(gè)性的個(gè)人網(wǎng)站，是讓別人對(duì)你進(jìn)行了解，與別人溝通的更好途徑，本文研究的是 這次 個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 。 運(yùn)用 Windows XP + Dreamweaver8 +PS 的網(wǎng)站設(shè)計(jì)制作環(huán)境 ，設(shè)計(jì)出 神秘 、活力的 暗色 與絢麗特效的網(wǎng)頁特色。左邊框架作為導(dǎo)航欄，下邊的部分作為滾動(dòng)圖片欄；右上方一大部分作為各個(gè)子網(wǎng)頁的瀏覽區(qū)；在導(dǎo)航 1 欄插入了音樂，以便放入的音樂不會(huì)隨著鏈接的進(jìn)入而消失，增添了網(wǎng)頁的趣味性； 導(dǎo)航欄 包括共： 我的檔案 ， 我的 日志 ， 我的班級(jí) ， 我的寵物，視頻欣賞五項(xiàng) ，分別鏈接到各個(gè) 子頁面；在導(dǎo)航區(qū)的最下方還設(shè)置有返回歡迎頁面的鏈接；并且設(shè)置導(dǎo)航區(qū)的背景、顏色、插入動(dòng)態(tài)圖片等。 index_my web： 主模塊（右上層模塊）添加制作的動(dòng)態(tài)歡迎 圖片：歡迎 來到小小寒的主頁（動(dòng)態(tài)）；左側(cè)導(dǎo)航欄目分布了各個(gè)子頁面的鏈接，點(diǎn)擊即可進(jìn)入各個(gè)子頁面 ； 右下方的模塊放置我的圖片，并且運(yùn)動(dòng)代碼實(shí)現(xiàn)滾動(dòng)功能 ； 由 導(dǎo)航 欄分別可以進(jìn)入以下子頁面： 我的檔案 ：主要介紹了我的一些基本情況，愛好及性格特征等等； 我的日志 ： 選了一篇自己喜歡的寫過的文章供大家閱讀 ； 我的 寵物：展示了我的寵物小狗貝貝的一些東西，我養(yǎng)狗的一些感受等； 我的班級(jí) ：介紹了我的 班級(jí)的基本情況； 視頻欣賞：摘選了一個(gè)搞笑 flash 給大家娛樂 ； 以上五 個(gè)分頁面風(fēng)格 與整體保持 一致， 莊重而不失色彩 ； 四、 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 創(chuàng)建網(wǎng)頁頁面： （ 1） 新建站點(diǎn)： 1 如圖建立新站點(diǎn)，設(shè)置好各個(gè)選項(xiàng)，一般靜態(tài)網(wǎng)頁不用連接到網(wǎng)絡(luò)，設(shè)置不用做太多修改，只需要 設(shè)定好名稱及文件夾位置即可。 backgroundimage: url(image/)。 } .STYLE1 { fontsize: 24px。 } Layer1 { position:absolute。 height:633px。 1 left: 1px。 } .STYLE2 {fontsize: 24px。 color: FF0000。 width:35px。 zindex:1。 top: 510px。 color: 66FFFF。 color: F4F4
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1