【正文】 ，同時隨著INTERNET的迅速發(fā)展，人們越來越多地通過網(wǎng)絡(luò)來實現(xiàn)其活動：網(wǎng)上信息、網(wǎng)上購物、網(wǎng)上求醫(yī)等等。對于網(wǎng)站的要求也隨之不斷提高，網(wǎng)站的內(nèi)容要充實，網(wǎng)頁的瀏覽以及更新速度要快，網(wǎng)頁在視覺上要美觀，這對網(wǎng)站開發(fā)人員提出了更高的要求。為了在最短時間內(nèi)開發(fā)出最符合客戶需求的網(wǎng)站，開發(fā)工具的選擇成為一個重要因素。由Macromedia公司開發(fā)的Dreamweaver、Fireworks和Flash被稱為網(wǎng)頁制作三劍客，為 網(wǎng)站的開發(fā)人員提供了三把用于網(wǎng)站開發(fā)的利劍。我們將在隨后的章節(jié)中逐一介紹。本篇主要內(nèi)容： 介紹網(wǎng)頁設(shè)計的基本知識 介紹網(wǎng)站的建設(shè)流程本篇主要目的： 對網(wǎng)頁設(shè)計有一個初步的認識和了解 萬維網(wǎng)的基本概念萬維網(wǎng) World Wide Web是Internet上最廣泛的資源瀏覽和查詢系統(tǒng)。網(wǎng)站、網(wǎng)頁和主頁統(tǒng)一資源定位器（URL） 用于標識WWW網(wǎng)中每個信息資源的位置。通信協(xié)議：//主機域名或IP地址/路徑/文件名如：：// 網(wǎng)頁編輯語言HTML（Hyper Text Markup Language，超文本標記語言）是一種標記語言，而不是編程語言，由Tim BernersLee于1990年創(chuàng)立，使用標記控制網(wǎng)頁排板的格式。具有跨平臺的特性，可嵌入JavaScript、VBScript等語言。XML（Extensible Markup Language）可擴展的標記語言，可由網(wǎng)頁設(shè)計者自己定義的，主要用來描述什么是數(shù)據(jù)。XHTML（Extensible Hyper Text Markup Language ）可擴展超文本標記語言。國際W3C組織在HTML基礎(chǔ)上使用XML的規(guī)則進行優(yōu)化和擴展。結(jié)合XML強大功能和HTML的簡單特性。 CSS（Cascading Style Sheets）層疊樣式表，簡稱樣式表，與HTML類似的標記語言，利用樣式表將站點上所有網(wǎng)頁指向某個CSS文件，使站點整體修改變得簡單。JavaScript由Netscape公司推出的面向?qū)ο竽_本語言，用于開發(fā)動態(tài)交互網(wǎng)頁，JavaScript腳本直接嵌入HTML源代碼中由瀏覽器解釋執(zhí)行 網(wǎng)頁制作軟件Dreamweaver是Macromedia公司推出的網(wǎng)頁編輯工具，集網(wǎng)頁創(chuàng)作和站點管理于一身的所見即所得的工具軟件，包括許多與編碼相關(guān)的工具和功能，可使用服務(wù)器語言聲成支持動態(tài)數(shù)據(jù)庫的Web應(yīng)用程序。FrontPage是微軟公司設(shè)計的網(wǎng)頁設(shè)計軟件，使用簡單，易學(xué)易用，與Office中其他軟件的功能互補。Fireworks是基于屏幕的圖像處理軟件，以處理網(wǎng)頁圖片見長，適用于制作小而漂亮的圖片，Potoshop是Adobe公司推出的功能強大的平面圖像處理軟件，功能強大，是許多涉及圖像處理的行業(yè)的事實標準。CorelDraw是加拿大Corel公司開發(fā)的繪圖軟件包，長于矢量圖形制作，廣泛應(yīng)用于網(wǎng)頁制作、演示文稿制作和排版印刷等圖形領(lǐng)域。Flash是一款優(yōu)秀的網(wǎng)頁動畫開發(fā)軟件。從簡單動畫到復(fù)雜的交互式Web應(yīng)用程序，F(xiàn)lash功能強大，作品體積小，適用于網(wǎng)絡(luò)傳輸。注重創(chuàng)建、導(dǎo)入和處理多媒體。Ulead GIF Animator是友立公司發(fā)布的GIF動畫制作工具，創(chuàng)建、生成GIF動畫體積小，方便在互聯(lián)網(wǎng)上瀏覽。網(wǎng)站設(shè)計與建立的基本原則網(wǎng)站建立的一般流程 在Internet上建立和管理一個網(wǎng)站網(wǎng)站設(shè)計的創(chuàng)意及風(fēng)格 設(shè)計網(wǎng)站需要考慮的因素非常多，從前期的網(wǎng)站的定位、整理資料、設(shè)定網(wǎng)站框架，到具體制作中的設(shè)計環(huán)節(jié)，再到最后的調(diào)試、發(fā)布、宣傳，是一個環(huán)環(huán)相扣的過程。作為一名普通網(wǎng)頁設(shè)計師，無論你設(shè)計的是企業(yè)網(wǎng)站還是個人網(wǎng)站，最重要的是要有創(chuàng)意，要有自己的風(fēng)格，要與眾不同。網(wǎng)站的創(chuàng)意與風(fēng)格是網(wǎng)站能否生存的關(guān)鍵所在 給定一個主題，不同的人不可能設(shè)計出完全一樣的網(wǎng)站。創(chuàng)意是捕捉出來的點子，是創(chuàng)作出來的奇招，是傳達信息的一種特別方式。其目的是為了更好地宣傳推廣網(wǎng)站。這里說的創(chuàng)意是指網(wǎng)站的整體創(chuàng)意 。（1）創(chuàng)意并不是天才的靈感，而是思考的結(jié)果 根據(jù)美國廣告學(xué)教授詹姆斯的研究，創(chuàng)意思考的過程可分為五個階段：準備期 ——研究所搜集的資料，根據(jù)經(jīng)驗，啟發(fā) 新創(chuàng)意； 孵化期 ——將資料咀嚼消化，使意識自由發(fā)展， 任意結(jié)合；啟示期 ——意識發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；驗證期 ——將產(chǎn)生的創(chuàng)意討論修正；形成期 ——設(shè)計制作網(wǎng)頁，將創(chuàng)意具體化。 （2）創(chuàng)意是將現(xiàn)有要素的重新組合網(wǎng)絡(luò)上的許多創(chuàng)意來自于現(xiàn)實生活（或者虛擬現(xiàn)實）的結(jié)合。今天，網(wǎng)上的許多在線書店、電子社區(qū)、在線拍賣等無一不是現(xiàn)有要素重新組合的結(jié)果。從這一點出發(fā)，任何人，包括你和我，只要用心去觀察都可以創(chuàng)造出不同凡響的創(chuàng)意。 風(fēng)格是網(wǎng)站的整體形象給瀏覽者的感受，它有以下主要特點：（1）風(fēng)格是抽象的 （2）風(fēng)格是獨特的（3）風(fēng)格是人性的如何樹立網(wǎng)站的風(fēng)格樹立網(wǎng)站風(fēng)格通?？蓮囊韵聨讉€方面來思考：①確信風(fēng)格是建立在有價值的內(nèi)容之上的。②要徹底搞清楚自己希望網(wǎng)站給人的印象是什么。③在明確自己的網(wǎng)站印象后，開始努力建立和加強這種印象。 （1）準確定位網(wǎng)站的主題、名稱，方向明確。（2）做好網(wǎng)站形象和整體風(fēng)格的創(chuàng)意設(shè)計。（3）仔細策劃網(wǎng)站的欄目模塊及其層次結(jié)構(gòu)。（4）網(wǎng)站內(nèi)容要精、專、奇、新，不要面面俱到。（5）靈活運用色彩，發(fā)揮其在網(wǎng)頁設(shè)計中的作用。（6）導(dǎo)航結(jié)構(gòu)要一目了然，以提高網(wǎng)絡(luò)的交互性 和親合度。（7）要注意帶寬、瀏覽器、分辨率等問題。 網(wǎng)站建立的一般流程一般來說，網(wǎng)頁制作可分為三個階段：1．前期工作準備階段：在此階段主要完成以下幾個方面的工作：擬定網(wǎng)頁主題、搜集相關(guān)資料、規(guī)劃網(wǎng)頁內(nèi)容、繪制結(jié)構(gòu)草圖。2．中期制作階段：在此階段主要利用各種網(wǎng)頁制作工具，開始制作網(wǎng)頁，并不斷地進行上傳與測試，直到最后制作完畢。3．后期維護階段：網(wǎng)頁制作完成后，可進行發(fā)布和推廣應(yīng)用。根據(jù)需要，對網(wǎng)頁進行更新與維護。 介紹的主要內(nèi)容 創(chuàng)建Web網(wǎng)站的第一步是設(shè)計規(guī)劃，在制作之前對網(wǎng)站進行規(guī)劃是非常重要的。要明確設(shè)計網(wǎng)站的目的和用戶需求，從而做出切實可行的設(shè)計計劃。根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析，以“消費者”為中心，而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃在設(shè)計規(guī)劃時我們應(yīng)考慮 （1）建站的目的是什么? （2）為誰提供服務(wù)和產(chǎn)品?（3）能提供什么樣的產(chǎn)品和服務(wù)? （4）網(wǎng)站的目的消費者和訪問者的特點是什么? （5）產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）?Web網(wǎng)站主頁應(yīng)具備得基本成分：頁頭： 準確無誤地標識你的網(wǎng)站和企業(yè)標志 Email地址： 用來接收用戶垂詢 聯(lián)系信息： 比如普通郵件地址或電話 版權(quán)信息： 聲明版權(quán)所有者等 所謂CI(Corporate Identity)，是借用的廣告界術(shù)語，意思是通過視覺來統(tǒng)一企業(yè)的形象。 一個杰出的網(wǎng)站，和實體公司一樣，也需要整體的形象包裝和設(shè)計。準確的、有創(chuàng)意的CI設(shè)計，對網(wǎng)站的宣傳推廣有事半功倍的效果設(shè)計網(wǎng)站的標志（logo） logo是你網(wǎng)站特色和內(nèi)涵的集中體現(xiàn) 標志的設(shè)計創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容標志可以是中文、英文字母，可以是符號、圖案，還可以是動物或者人物等等。 標志的設(shè)計創(chuàng)意來源①網(wǎng)站有代表性的人物、動物、花草，可以作為設(shè)計的藍本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍，鯊?fù)w壇的籃球鯊魚。②專業(yè)性的網(wǎng)站，可以以本專業(yè)有代表性的物品作為標志。比如中國銀行的銅板標志，奔馳汽車的方向盤標志。③最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志。采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。 設(shè)計網(wǎng)站的標準色彩“標準色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。例如：IBM的深藍色，肯德基的紅色條形，Windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。 標準色彩要用于網(wǎng)站的標志、標題、主菜單和主色塊，給人以整體統(tǒng)一的感覺。一般來說，一個網(wǎng)站的標準色彩不超過3種 ，太多則讓人眼花繚亂通常適于網(wǎng)頁標準色的顏色有：藍色，黃/橙色， 黑/灰/白色三大系列色 設(shè)計網(wǎng)站的標準字體標準字體是指用于標志、標題、主菜單的特有字體。一般我們網(wǎng)頁默認的字體是宋體。為了體現(xiàn)網(wǎng)站的“與眾不同”和特有風(fēng)格，可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC機里沒有安裝你的特別字體，那么你的辛苦設(shè)計制作便會付之東流。 設(shè)計網(wǎng)站的宣傳標語 網(wǎng)站的宣傳標語也可以說是網(wǎng)站的精神、網(wǎng)站的目標，可用一句話甚至一個詞來高度概括，它類似于現(xiàn)實生活中的廣告金句 。 在制定欄目的時候，要仔細考慮，合理安排 網(wǎng)站的欄目 欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來 一般的網(wǎng)站欄目安排要注意以下幾方面： （1）記住一定要緊扣你的主題即將你的主題按 一定的方法分類并將它們作為網(wǎng)站的主題欄目