【文章內(nèi)容簡介】 需軟件介紹 8 簡介 Macromedia Dreamweaver 8是建立 Web站點和 應(yīng)用程序 的專業(yè)工具。它將可視布局工具、 應(yīng)用程序開發(fā) 功能和代碼編輯支持組合在一起，其功能 強大 ，使得各個層次的開發(fā)人員和設(shè)計人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。 從對基于 CSS的設(shè)計的領(lǐng)先支持到手工編碼功能， Dreamweaver 提供了專業(yè)在一個集成、高效的環(huán)境中所需的工具。開發(fā)人員可 以使用Dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強大的 Inter 應(yīng)用程序 ，從而使用戶能連接到數(shù)據(jù)庫、 Web 服務(wù)和舊式系統(tǒng)。 Adobe Photoshop CS5 簡介 Adobe Photoshop CS5 Extended 是電影、視頻和多媒體領(lǐng)域的專業(yè)人士 , 使用 3D 和動畫的圖形 第 7 頁 共 21 頁 和 Web 設(shè)計人員 , 以及工程和科學(xué)領(lǐng)域的專業(yè)人士的理想 選擇。呈現(xiàn) 3D 圖像并將它合并到 2D 復(fù)合圖像中。輕松編輯視頻圖層上的動畫圖形 , 讓時間停下來。以及使用測量、計數(shù)和可視化工具 , 探查您的圖像。 CS5 中最閃亮的明星莫過于 Photoshop CS5。作為 Adobe 的核心產(chǎn)品， Photoshop CS5 歷來最受關(guān)注， Adobe也在 2021 年 4 月 12 日發(fā)布了其正式版版。選擇 Photoshop CS5 的理由不僅僅是它會完美兼容 Vista 和 Windows7 ，更重要的是幾十個激動人心的全新特性，諸如支持寬屏顯示器的新式版面、集 20 多個窗口于一身的 dock、占 用面積更小的工具欄、多張照片自動生成全景、靈活的黑白轉(zhuǎn)換、更易調(diào)節(jié)的選擇工具、智能的濾鏡、改進的消失點特性、更好的 32 位 HDR 圖像支持，等等等等。另外， Photoshop 從 CS5 首次開始分為兩個版本，分別是常規(guī)的標(biāo)準(zhǔn)版和支持 3D 功能的Extended(擴展 )版。 這些組件中我們最熟悉的可能就是 Photoshop 了， Photoshop CS5 有標(biāo)準(zhǔn)版和擴展版兩個版本。Photoshop CS5 標(biāo)準(zhǔn)版適合攝影師以及印刷設(shè)計人員使用， Photoshop CS5 擴展版除了包含標(biāo)準(zhǔn)版的功能外還添加了用于創(chuàng)建和編輯 3D 和基于動畫的內(nèi)容的突破性工具。 Adobe flash 簡介 Adobe Flash（原稱 Macromedia Flash，簡稱 Flash；前身 FutureSplash），是 美國 Macromedia公司（現(xiàn)在已被 Adobe 公司收購）所設(shè)計的一種二維動畫 軟件 。通常包括 Macromedia Flash，用于設(shè)計和編輯 Flash 文檔，以及 Adobe Flash Player，用于播放 Flash 文檔。 網(wǎng)頁制作所需技術(shù)介紹 CSS 簡介 CSS是英語 Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn) HTML或 XML等文件樣式的計算機語言。 CSS 目前最新版本為 CSS3，能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計語言。相對于傳統(tǒng) HTML的表現(xiàn)而言， CSS能夠?qū)W(wǎng)頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象 盒模型的能力，并能夠進行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言。 DIV+CSS 簡介 DIV+CSS 是網(wǎng)站標(biāo)準(zhǔn)（或稱 “WEB標(biāo)準(zhǔn) ”）中常用術(shù)語之一， div+css 是一種網(wǎng)頁的布局方法， 第 8 頁 共 21 頁 這一種網(wǎng)頁布局方法有別于傳統(tǒng)的 HTML網(wǎng)頁設(shè)計語言中的 表格 （ table）定位方式，可實現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。 XHTML 是 The Extensible HyperText Markup Language（可擴展 超文本標(biāo)識語言 ）的縮寫。 XHTML 基于 可擴展標(biāo)記語言 （ XML），是一種在 HTML 基礎(chǔ)上優(yōu)化和改進的的新語言，目的是基于 XML 應(yīng)用與強大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。在 XHTML 網(wǎng)站設(shè)計標(biāo)準(zhǔn)中，不再使用表格 定位技術(shù) ，而是采用 DIV+CSS 的方式實現(xiàn)各種定位。 主題網(wǎng)站所需材料 碭山“梨花節(jié)”主題網(wǎng)站的各種文字、圖片、視頻材料主要是通過在網(wǎng)絡(luò)上以及報紙上搜集來的。有部分圖片是通過 photoshuop 軟件自己制作的。 黃石“雙節(jié)”主題網(wǎng)站的各種文字、圖片、視頻材料主要是通過在網(wǎng)絡(luò)上以及報紙上搜集來的。有部分圖片是通過 Photoshop 軟件自己制作的。 網(wǎng)站的總體設(shè)計 確定網(wǎng)站主題 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。 如果自己在某些方面有興趣，或掌握的資料越多，也可以做一個自己感興趣的東西。你可以有自己的見解，做出自己的特色。對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。我的網(wǎng)站主題是 碭山“梨花節(jié)”。 確定網(wǎng)站形象 網(wǎng)站形象的設(shè)計可以從網(wǎng)站標(biāo)志、網(wǎng)站色彩、網(wǎng)站字體等這些方面著手。 網(wǎng)站色彩，網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹?biāo)準(zhǔn)色彩”是指能 體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人以整體統(tǒng)一的感覺。我的主題網(wǎng)站的色彩確定為以 白色 （ FFFFFF） 為主，以 綠色 (006000)和 灰色 （ 6C6C6C）為輔，給人一種清新、簡潔、大方的感覺。 網(wǎng)站字體，和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的特有字體。為了體現(xiàn)網(wǎng)站的特有風(fēng)格，可以根據(jù)自已網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。我的主題網(wǎng)站的標(biāo)準(zhǔn)字體是宋體。 確定網(wǎng)站風(fēng)格 第 9 頁 共 21 頁 風(fēng)格是抽象的，是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個“整體形象”包括網(wǎng)站的標(biāo)志、色彩、字體、標(biāo)語等諸多因素。網(wǎng)站是可以 平易近人、生動活潑的，也可以是專業(yè)嚴(yán)肅 的。 不管是色彩、技術(shù)、文字、布局、還是交互方式，只要你能由此讓瀏覽者明確的分辨出這是你網(wǎng)站獨所有的，這就形成了風(fēng)格。 一個人擁有自己獨特的風(fēng)格，是一般人所沒有的，就會讓人注意到那個人的特別，若那個人的風(fēng)格是正面的，甚至就會引起別人的羨慕與注意，或是贊賞。就如同一個網(wǎng)站，擁有別的網(wǎng)站所沒有的風(fēng)格，就會讓瀏覽者愿意多停留些時間，細細品嘗該站的內(nèi)容，甚至該站會得到多人的鼓勵與注目 。 風(fēng)格是有人性的，通過網(wǎng)站的色彩、排版、特效、文字、布局、內(nèi)容、交互方式可以概括出一個網(wǎng)站的風(fēng)格；我的主題網(wǎng)站風(fēng)格是以簡潔為主，最大限度的方便瀏覽者在較短的時間內(nèi)獲取最及時以及最有價值的有關(guān) 碭山“梨花節(jié)” 舉辦的各種信息。 確定網(wǎng)站內(nèi)容 我制作的 碭山“梨花節(jié)” 主題網(wǎng)站主要包括了一些內(nèi)容：首頁、活動安排、志愿者風(fēng)采、紀(jì)錄、留言板等網(wǎng)站常用內(nèi)容，方便大家瀏覽。 第 10 頁 共 21 頁 規(guī)劃布局結(jié)構(gòu) 網(wǎng)頁布局結(jié)構(gòu)如圖 網(wǎng)頁的 Banner banner 網(wǎng)頁的導(dǎo)航欄 nav 網(wǎng)頁的登錄 log 網(wǎng)頁的主體部分 content 網(wǎng)頁的腳注 foot （圖 ） 功能模塊的概述 碭山“梨花節(jié)” 主題網(wǎng)站主要是展現(xiàn)自我的平臺。最要是運用了 JS特效來使網(wǎng)站更吸引年瀏覽者的眼球。功能不多，網(wǎng)頁也比較簡潔明了，主要是關(guān)于 “梨花節(jié)” 的各種信息以及 碭山 本地的風(fēng)景圖片，目的是 宣傳碭山