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