【文章內(nèi)容簡介】 作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。 并且本人在鄭州土生土長近 20 年，深知鄭州的各種百年老店以及民間小吃和娛樂項目。 網(wǎng)站頁面設(shè)計的可行性 由于越來越多 的人們 開始建立自己的網(wǎng)站，網(wǎng)站除了具有傳播信息的功能外，還往往代表個人的形象。雖然 HTML 語言提供了對常用 Windows 標準控件的支持，但是，由于 Windows 標準控件的形狀和顏色十分單一，網(wǎng)頁的視覺效果可能會很差。 因此， 本文 并沒有單純的采用 HTML 來制作網(wǎng)頁。而是使用了 DIV+CSS 的方式來創(chuàng)建表格布局，并且在其中插入了 XML 已經(jīng) JS 等動態(tài)效果，使頁面看起來更有動感。這些通過 Dreamweaver 與 PS 等軟件的熟練運用都可以真正實現(xiàn)到網(wǎng)頁中去。 網(wǎng)站需求分析 建站目的 Inter 是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。作為 Inter 上一種先進的，易于被人們所接受的信息檢索手段， World Wide Web(簡稱 WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。 通 過建立一個游鄭州網(wǎng)站的站點，可以迅速融入到互聯(lián)網(wǎng)中，和世界各地連成一個整體。擁有了這種傳播媒介就可以方便在鄭州生活的以及來鄭州游玩的人們的行程安排。 大連東軟信息技術(shù)職業(yè)學院畢業(yè)設(shè)計 (論文 ) 第二章 網(wǎng)頁需求分析 3 技術(shù)需求 網(wǎng)頁的版面設(shè)計需要用 Dreamweaver 來實現(xiàn)。需要精通 HTML， DIV+CSS 等網(wǎng)頁編程語言。 網(wǎng)站 LOGO，需要用 PS 來設(shè)計。需要有一定的審美能力、設(shè)計能力，使其網(wǎng)站的主題突出鮮明。 后臺管理，需要使用 JSP 等動態(tài)頁面來實現(xiàn)，但由于自身水平有限，并且網(wǎng)站前期發(fā)布的小吃游玩等地方多是十年，甚至百年被老鄭州人們所熟知的地方，并不需要過多的 刪改，可以先從前臺進行刪改。 發(fā)布站點，通過 IIS， APACHE 等來發(fā)布。需要對互聯(lián)網(wǎng)技術(shù)有一定的理解，并熟悉發(fā)布流程。 大連東軟信息技術(shù)職業(yè)學院畢業(yè)設(shè)計 (論文 ) 第三章 網(wǎng)頁開 發(fā)環(huán)境 4 第三章 網(wǎng) 站 開發(fā)環(huán)境 網(wǎng)頁運行環(huán)境的開發(fā) 本系統(tǒng) 可以 被運行在 IIS 服務(wù) 下。使用 Microsoft Inter Information Server (IIS)，運行 Windows Server 的計算機便 成為容量 和 功能強大的 Web 服務(wù)器 。 除 了 這種方法，我們還可以通過配置網(wǎng)絡(luò)環(huán)境來發(fā)布站點，可以在 Linux或者 Unix 主機下，配置 Apache 環(huán)境進行發(fā)布 ，具體建立站點的過程本文會在第五章提到。 網(wǎng)頁設(shè)計工具 圖像工具 —— Photoshop 由 Adobe 公司開發(fā) 的 ， 專門 處理 圖形圖像的設(shè)計軟件。 DTP 和圖像軟件的結(jié)合，使設(shè)計師可在電腦上直接完成文字的排版、 錄入、 圖像處理 和分色制板的全過程，開創(chuàng)了“電腦平面設(shè)計” 的 時代。 Photoshop 軟件 的專長在于 圖形的 處理， 并 不是圖形創(chuàng)作。 這兩個概念 有必要區(qū)分一下。圖像處理是對 以 有的圖像進行 加工 編輯 處理 及運用一些特殊效果， 它的 重點在于對圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意， 并且來 設(shè)計圖形，這 類軟件主要有 Adobe 公司的另一個著名軟件 Illustrator 和 Macromedia 公司的 Freehand。 Photoshop 系列中使用最廣泛的有 版本 和 。 頁面工具 —— Dreamweaver Macromedia 公司的產(chǎn)品 ，是 一款“所見即所得”的網(wǎng)頁編輯 軟件 。與 FrontPage 不同， 它 對于初學者來說可能會感到不適應(yīng) ，因為 Dreamweaver 采用的是 Mac 機浮動面版的設(shè)計風格。但當你習慣了其操作方式后， 會發(fā)現(xiàn) Dreamweaver 擁有 FrontPage 所無法比擬的 直觀性與高效性 。 Dreamweaver 對于 HTML 的支持非常 好，可以輕而易舉地做出很多眩目的頁面 效果。并且 插件式的程序設(shè)計使得其功能可以無限的 延伸 。 Dreamweaver 與Firework、 Flash 并稱為網(wǎng)頁制作 的 三劍 客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結(jié)合。它 最新推出的 Dreamweaver UltraDev 更支持 Asp大連東軟信息技術(shù)職業(yè)學院畢業(yè)設(shè)計 (論文 ) 第三章 網(wǎng)頁開 發(fā)環(huán)境 5 與 JSP 語言 。因此， Dreamweaver 是高級網(wǎng)頁制作的首選 無庸置疑 。 它 常見的版本 有 Dreamweaver Dreamweaver Dreamweaver MX、 、Dreamweaver CS. 網(wǎng)頁開發(fā)語言 靜態(tài)頁與布局 —— HTML、 Div+CSS HTML 語言 是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的 網(wǎng)頁 語言 ， 即 是構(gòu)成網(wǎng)頁文檔的主要語言 ，也 是 超文本鏈接標示語言或超文本標記語言 。 HTML 文本是 一種 描述性文本 ，是 由 HTML 命令組成的 。 HTML 命令可以說明圖形、 表格、聲音、 動畫、 文字、 鏈接等。 HTML 語言 的結(jié)構(gòu)包括頭部（ Head）、主體（ Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要 說明的具體內(nèi)容。 DIV+CSS 是標準 網(wǎng)頁 （或稱 它為 “ WEB 標準”）中 的 常用術(shù)語 之一 ， Div+CSS是一種 新的 網(wǎng)頁的布局方法 ,這一種網(wǎng)頁布局方法 和 傳統(tǒng)的 HTML 網(wǎng)頁設(shè)計語言中的表格（ table）定位方式 并不一樣 ,真正地達到了 w3c 內(nèi)容與表現(xiàn)相分離。 HTML語言在 之后，不再發(fā)布新版本，因為 HTML 語言正變得越來越復雜化、專用化。 XHTML 語言 可以將 HTML 語言標準化，用 XHTML 語言重寫后的 HTML 頁面可以應(yīng)用 于更多的 XML 技術(shù)， 使得網(wǎng)頁更加容易擴展， 更加適合自動數(shù)據(jù)交換，并 更加規(guī)整。在 XHTML 網(wǎng)站設(shè)計標準中， 早就 不再使用表格定位技術(shù)，而是采用DIV+CSS 的方式實現(xiàn)各種定位。 動態(tài)效果實現(xiàn) —— JS JS 就是 JavaScript， 是 一種計算機腳本語言，主要在 web 瀏覽器 (客戶端 )解釋執(zhí)行，由網(wǎng)景公司 研發(fā)。 通過 JavaScript 可以做到回應(yīng)使用者的需求事件而不用任何的網(wǎng)路 。 來回傳輸資料 ， 所以當一位使用者輸入一項資料時，它不用經(jīng)過傳給 服務(wù)器 端處理，再傳回 來的過程，而直接可以被客戶端的應(yīng)用程式所處理 。 大連東軟信息技術(shù)職業(yè)學院畢業(yè)設(shè)計 (論文 ) 第四章 網(wǎng)站的總體規(guī)劃 6 第四章 網(wǎng)站的總體規(guī)劃 制作網(wǎng)頁的一般步驟 建立網(wǎng)站要先 明確建立網(wǎng)站的需求 和目標 。 例如 本文 的建站目的就是讓人們通過 本文 的網(wǎng)站來了解鄭州，面向群體就是來鄭州游玩或在鄭州生活的人。 其次， 網(wǎng)頁設(shè)計總體方案主題 要 鮮明 。試想， 如果 你把自己的照片和內(nèi)容都堆在一起，別人將無法明白你想干什么，說不 定 ，連你自己都糊涂了。一般來說，建立好網(wǎng)站 的關(guān)鍵是要對網(wǎng)頁 內(nèi)容建立條理清晰、層次分明 的結(jié)構(gòu)圖。腦子里有了這樣 的 一張結(jié)構(gòu)圖，就會對網(wǎng)頁 內(nèi)容 和 結(jié)構(gòu) 很 清楚 。 而后，要確定你的 網(wǎng)頁所具有的 特色 和 外觀 。 目的 是為了讓用戶被你的網(wǎng)頁所吸引。如果只是 把很多漂亮的 頁面 堆在一起，而不管內(nèi)容，那將 會吸引不了人。所以就要 讓你的網(wǎng)頁不僅漂亮， 而且 更重要的是實用。 把自己的圖片和內(nèi)容有機的結(jié)合在一起，這也正是本文的網(wǎng)頁特色 。 然后， 就可以 開始制作 頁面了 。 制作時候要條理清晰，合理結(jié)合自身的技術(shù)。 最后，等網(wǎng)頁做好了，就 可以 發(fā)布站點 并訪問 。 網(wǎng)頁包括的元素 無論是 經(jīng)常上網(wǎng)沖浪的老手 ，還是 初次領(lǐng)略 Inter 風光的新手 ，在初次頁面設(shè)計 之前，都必須先認識一下構(gòu)成網(wǎng)頁的基本元素。只有這樣，才能 真正的在 設(shè)計工作中得心應(yīng)手， 還 根據(jù)需要合理的組織和安排網(wǎng)頁 上 的內(nèi)容，從而達到期望的目標。 網(wǎng)頁設(shè)計的目的主要是發(fā)布信息。 因此， 文本和圖像 作為信息載體也就成了網(wǎng)頁的基本組成部分， 其 Web 的核心 超級鏈接 ，使它將 互 聯(lián)網(wǎng) 網(wǎng)中無數(shù)的網(wǎng)頁鏈接在 了 一起，如果沒有它， Web 就無從談起。除此之外 ， 還有 動畫、 表格、音樂和交互表單等信息的組織、表現(xiàn)，以及交互元素在網(wǎng)頁中也具有舉足輕重的地位 ，但是在此我們就不做過多闡述 。 (1)文本 文本一直是人類最重要的 交流工具 和 信息載體 ，網(wǎng)頁中的信息 大多 也以文本為主，與圖像相比，文字雖 然 不如圖像那樣能夠很快的引起瀏覽者的 注意 ，但卻大連東軟信息技術(shù)職業(yè)學院畢業(yè)設(shè)計 (論文 ) 第四章 網(wǎng)站的總體規(guī)劃