畢業(yè)設(shè)計(jì)-個(gè)人網(wǎng)站設(shè)計(jì)-文庫吧
2024-12-28 23:18 本頁面
【正文】 件都存放在根目錄下。 （ 2）目錄層次不要太深，建議不要超過三層。 （ 3） 不要使用過長的目錄名，盡量不要使用中文目錄名。 。 主要是針對個(gè)人站點(diǎn)而言，這樣不但能使網(wǎng)站結(jié)構(gòu)清晰 ，一目了然，而且便于網(wǎng)站的日常維護(hù)。 。 網(wǎng)頁長度應(yīng)限定在三個(gè)整屏以內(nèi)，一個(gè)半屏為最佳。 。 。 （二） 設(shè)計(jì)步驟及功能 ： 本次設(shè)計(jì)主要通過以下這幾步：第一步收集資料，第二步 通過各種設(shè)計(jì)軟件進(jìn)行圖形、動(dòng)畫、聲音等等的編輯，第三步運(yùn)用 Dreamweaver 進(jìn)行頁面設(shè)計(jì)，排版 ，將設(shè)計(jì)好的圖形、動(dòng)畫、聲音導(dǎo)入到 Dreamweaver 中，始頁面達(dá)到更好的效果，第四步進(jìn)行動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)，始設(shè)計(jì)更完整，第五步進(jìn)行測試。 ： 整個(gè)個(gè)人主頁設(shè)計(jì)包括 六 部分，分別是 ： 個(gè)人主頁、 個(gè)人空間 、 心情驛站 、快樂音樂、豬豬相冊、在線明星 。 個(gè)人主頁由五部分構(gòu)成：首頁、收藏、祁愿、新聞、留言。 個(gè)人 空間包括四部分它們是 夢想、涂鴉、動(dòng)畫、圖片 ； 在夢想版塊里，我記錄的是與計(jì)算機(jī)有關(guān)的知識(shí)，在計(jì)算機(jī)方面有所成就一直是我的夢想。在涂鴉版塊中，是幾只可愛的卡通動(dòng)物，它展示了我童心未泯的一面。在動(dòng)畫版塊中，是星座耳飾欣賞，我相信 女孩子一定會(huì)喜歡的。在圖片里，是漫畫作品，因?yàn)?，漫畫，一直是我喜歡的。 ： 1） 個(gè)人主頁各個(gè)部分版塊的功能及介紹 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 7 主頁 ： 以藍(lán)色、綠 色、黃色為主色調(diào)，最上方有個(gè)小女孩在俯視籃球，給人一種恬淡美好的感覺。 圖一：主頁 首頁：對各部分模塊有個(gè)簡單的描述。 圖二：首頁 收藏：以紫色為主，有種夢幻的感覺。 圖三：收藏 祁愿：是個(gè)音樂下載界面，藍(lán)色為主 。 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 8 圖四：祁愿 新聞： 圖五：新聞 留言：這個(gè)版塊主要是想很好的和大家 互動(dòng) 圖六：留言 2） 個(gè)人空間各個(gè)部分版塊的功能及介紹 夢想：每個(gè)人都有自己的夢想，我的夢想是能在計(jì)算機(jī)方面有所發(fā)展，能夠找到一份和計(jì)算機(jī)相關(guān)的工作。所以，忍不住，做了這個(gè)版塊。 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 9 圖七：夢想 涂鴉：這些都是小可愛圖片，供大家在閑暇之余放松心情。 圖八：涂鴉 動(dòng)畫：星座總是充滿著神奇的色彩。 圖九：動(dòng)畫 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 10 圖片：可愛的漫畫圖片，一定會(huì)讓你的視覺一亮。 圖十： 圖片 3） 各個(gè)模塊的功能及介紹 個(gè)人空間：我的空間，等待你的參與。 圖十一 ：個(gè)人空間 心情驛站 ：心累的時(shí)候不妨停下來喝杯咖啡，放松一下。 圖十二：心情驛站 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 11 快樂音樂：沒有音樂的世界，天空都將是灰色的，音樂地帶，大家動(dòng)起來。 圖十三：快樂音樂 豬豬相冊：相冊是用 flash 制作的，用到按鈕和代碼。把我在大學(xué)里的好朋友記錄在相冊中，看到她們，就會(huì)讓我忍不住回想我們在一起時(shí)的喜怒哀樂，老朋友，常記心里，閑暇時(shí)，發(fā) 個(gè)短信，問候一下，一定要常聯(lián)系呀，我會(huì)想念你們的。 圖十四：豬豬相冊 在線明星 ：明星永遠(yuǎn)是年輕人關(guān)注的亮點(diǎn)。 圖十五：在線明星 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 12 第四章 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) （一） 開發(fā)環(huán)境和工具 1. 開發(fā)環(huán)境 本次設(shè)計(jì)主要是 在 Dreamweaver 的環(huán)境下制作 完成的。這是 Macromedia 公司推出的一款“所見所得”的網(wǎng)頁編輯工具 。它操作簡單，可進(jìn)行多個(gè)站點(diǎn)的管理，設(shè)置了 HTML語言編輯器，支持 XHTML 和 CSS，分類提供了頁面對象，可凈化 Microsoft Word 生成的 HTML 文件，可導(dǎo)入 Microsoft Excel 和 Microsoft Access 建立的數(shù)據(jù)文件，導(dǎo)入和編輯 Fireworks 制作的 HTML 源代碼和圖像，以及導(dǎo)入 Flash 動(dòng)畫、按鈕和文字，編輯動(dòng)態(tài)網(wǎng)頁，等等。 Dreamweaver 介紹： 1） “ 設(shè)計(jì) ” 和 “ 代碼 ” 編輯器合二為一的設(shè)計(jì)窗口 ， 2）動(dòng)態(tài)跨瀏覽器有效檢查 3）運(yùn)用完整的集成開發(fā)環(huán)境開發(fā) HTML、 XHTML、 ASP、 NET、 PHP 等站點(diǎn) 4）增加了 FTP 安全保障 5）外部文檔 /代碼的無縫結(jié)合 6）增強(qiáng)了與 其它產(chǎn)品的結(jié)合能力 7）通過內(nèi)置的 Flash 構(gòu)件增加了頁面的交互性 8）改進(jìn)了表格編輯工具 9）對 “ 插入 ” 欄進(jìn)行了改進(jìn) 10）利用改進(jìn)的用戶界面可得到最大的可用工作區(qū) Dreamweaver 工作界面圖 Flash 介紹： Flash MX 2022 的主要工作界面由主菜單、 主 工具欄、繪圖工具欄、修改工具欄、場景窗口、時(shí)間軸窗口、庫窗口、屬性監(jiān)視器、場景或圖標(biāo)工作區(qū)以及各種面板組成： ：包括主要欄、控制欄、編輯欄 ：放置動(dòng)畫內(nèi)容的區(qū)域 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 13 板：包含對齊面板、色彩混合器面板、顏色樣本面板、信息面板、場景面板、轉(zhuǎn)換面板、復(fù)制選項(xiàng)面板、庫面板、組建面板、組建參數(shù)面板、影片瀏覽器面板 ：包含動(dòng)作、組件、組件檢查器、輸出、調(diào)試器、行為、 Web 服務(wù)等面板 Flash 工作界面圖 Photoshop 介紹： 在眾多圖像處理軟件中， Adobe 公司推出的專門用于圖形圖像處理的軟件 Photoshop，以其功能強(qiáng)大、集成度高、適用面廣和操作簡便而著稱于世。它不僅提供強(qiáng)大的繪圖工具，可以繪制藝術(shù)圖形，還能從 掃描儀、數(shù)碼相機(jī)等設(shè)備采集圖像，對它們進(jìn)行修改、修復(fù)，調(diào)整圖像的色彩、亮度，改變圖像的大小，還可以對多幅圖像進(jìn)行合并增加特殊效果。 Photoshop 界面圖 1）首先，在本地硬盤建立一個(gè)文件夾。 2）運(yùn)行 Dreamweaver MX 2022，選擇“站點(diǎn)” /“管理站點(diǎn)” 3）單擊“新建” /“站點(diǎn)”選項(xiàng)。 4）在彈出的“ mysite 的站點(diǎn)定義為”對話框中輸入新建站點(diǎn)名稱。不要用中文名字來命名。 5）在彈出的對話框中選擇“否，我不想使用服務(wù)器技術(shù) ”。 石家莊計(jì)算機(jī)職業(yè)學(xué)院畢業(yè)論文 14 6） 在彈出的對話框中選擇選擇“編輯我的計(jì)算機(jī)上的本地副本”
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號(hào)-1