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