【正文】 規(guī)劃，統(tǒng)一風格，讓瀏覽者體會到設計者完整的設計思想。從某種意義上講，強調網(wǎng)頁結構形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調網(wǎng)頁整體性設計的同時必須注意：過于強調整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎上的整體。網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。即時的交互性是Web成為熱點的主要原因，也是網(wǎng)頁設計時必須考慮的問題。傳統(tǒng)媒體（如廣播、電視節(jié)目、報刊雜志等）都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環(huán)境下，人們不再是一個傳統(tǒng)媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁藝術設計不像印刷品設計那樣，發(fā)表之后就意味著設計的結束。網(wǎng)頁設計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標，配合網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁進行調整和修改。例如，為了保持瀏覽者對網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進行改版，這就需要設計者在保持網(wǎng)站視覺形象一貫性的基礎上，不斷創(chuàng)作出新的網(wǎng)頁設計作品。多維性源于超級鏈接，主要體現(xiàn)在網(wǎng)頁設計中對導航的設計上。由于超級鏈接的出現(xiàn)，網(wǎng)頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前人們接收信息的線性方式。例如，可將頁面的組織結構分為序列結構、層次結構、網(wǎng)狀結構、復合結構等。但頁面之間的關系過于復雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息，設計者必須考慮快捷而完善的導航設計。印刷品中導航問題不是那么突出，如果一個句子在頁尾突然終止，讀者會很自然地翻到下一頁查找剩余部分，為了幫助讀者找到他們要找的信息，出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時，讀者會看到類似于“續(xù)68頁”這樣的指引語句。然而，作為一名網(wǎng)頁設計者，你以前所學的導航技術沒有一種完全適合于網(wǎng)頁導航。在替瀏覽者考慮得很周到的網(wǎng)頁中，導航提供了足夠的、不同角度的鏈接，幫助讀者在網(wǎng)頁的各個部分之間跳轉，并告知瀏覽者現(xiàn)在所在的位置、當前頁面和其他頁面之間的關系等。而且，每頁都有一個返回主頁的按鈕或鏈接，如果頁面是按層次結構組織的，通常還有一個返回上級頁面的鏈接。對于網(wǎng)頁設計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網(wǎng)頁，因此必須考慮更多的問題。如：怎樣構建合理的頁面組織結構，讓瀏覽者對你提供的巨量信息感到條理？怎樣建立包括站點索引、幫助、頁面、查詢功能在內的導航系統(tǒng)？這一切從哪兒開始，到哪兒結束？目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網(wǎng)頁，以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質量提出的更高要求。目前國內網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術的改進和流（Stream）技術的推動下，Internet網(wǎng)上出現(xiàn)實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多種媒體的綜合運用是網(wǎng)頁藝術設計的特點之一，是未來的發(fā)展方向。網(wǎng)頁版式設計與傳統(tǒng)印刷版式設計有著極大的差異：(1) 印刷品設計者可以指定使用的紙張和油墨，而網(wǎng)頁設計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器；(2)網(wǎng)絡正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標準；(3) 網(wǎng)頁設計過程中有關Web的每一件事都可能隨時發(fā)生變化。這一切說明，網(wǎng)絡應用尚處在發(fā)展之中，關于網(wǎng)絡應用也很難在各個方面都制訂出統(tǒng)一的標準，這必然導致網(wǎng)頁版式設計的不可控制性。其具體表現(xiàn)為：(1) 網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出；(2) 網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式；(3) 不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面，效果會有所不同；(4) 用戶的瀏覽器工作環(huán)境不同，顯示效果也會有所不同。把所有這些問題歸結為一點，即網(wǎng)頁設計者無法控制頁面在用戶端的最終顯示效果，但這也正是網(wǎng)頁設計的吸引人之處。設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制，優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡技術主要表現(xiàn)為客觀因素，藝術創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁設計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術規(guī)律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現(xiàn)藝術想象，滿足瀏覽者對網(wǎng)頁信息的高質量需求。例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流（Stream）技術出現(xiàn)以后，網(wǎng)頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務，無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。網(wǎng)絡技術與藝術創(chuàng)意的緊密結合，使網(wǎng)頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。 現(xiàn)在的WEB頁面能把文本、圖像、聲音、動畫、視像等多媒體信息集于一體，不但使信息的顯示更加生動，而且使信息的瀏覽更為方便，同時動態(tài)的網(wǎng)頁能實現(xiàn)網(wǎng)上交易平臺、把個人信息反饋方便了朋友與網(wǎng)友之間信息交流。所以我這次所設計的網(wǎng)站為個人博客網(wǎng)站，即能提高自己的網(wǎng)站設計的技術，豐富自己的文化知識，在建設網(wǎng)站的過程中能學到實際的網(wǎng)絡知識；其次，對與即將畢業(yè)的學生，個人網(wǎng)站是一個很好的網(wǎng)絡身份證明，可以讓別人對自己有更好的了解。最后，有這么一個自己設計和制作的網(wǎng)站，可以證明用有了一定的計算機水平，對于以后的應聘中能有個很好的籌碼，本人比較喜歡中國的古典文化，所以我所設計的網(wǎng)站頁面設計中 有很濃厚的中國水墨風格。每個標題下都設有鏈接，方便訪問者訪問其他頁面首先建立自己的網(wǎng)站站點，在站點shixun中我建立了幾個文件夾用于保存網(wǎng)站設計所需要的各種素材和網(wǎng)頁存根s，其中文件夾包括images、music、css、data、video、zhaopian等，images文件夾保存著我的個人網(wǎng)站設計中的導航等圖片，music文件夾保存著我的網(wǎng)站中的背景音樂及音樂下載文件，css文件夾中保存的是我的網(wǎng)站中涉及到的頁面格式，data文件夾中保存的是我的動態(tài)網(wǎng)頁中所需要的數(shù)據(jù)庫文件，video文件夾中保存的是我的首頁flash動畫，zhaopian文件夾中所保存的是我的相冊中所有的相片。每個網(wǎng)頁的文件都是保存在shixun站點下的文件夾中，包括留言板、個人心情等動態(tài)網(wǎng)頁，使得我的個人博客網(wǎng)站的增加了很多的多變性，游人可以隨時瀏覽我的個人心情和留言等，增加了訪問者與被訪問者的互動性，可以使得被訪者和訪問者能夠更好的溝通共同進步。1．網(wǎng)頁的布局其實就是一個網(wǎng)頁的排版過程，只有你布局布的合理讓人一看就能明白你要表達的意思，這才是最重要的。成功的網(wǎng)頁中，一個共同的特點就是網(wǎng)頁的整體架構十分的清晰明了，便于用戶瀏覽。我的個人網(wǎng)頁布局采用的是“三”字型的設計，就是最上方是體現(xiàn)個人網(wǎng)站風格圖片和導航圖片，中間是各個網(wǎng)頁的主題的主打內容，最下方是網(wǎng)站的結尾宣示版權所有及郵箱聯(lián)系方式等。總體布局來看比較整齊簡潔和美觀。2．導航欄能讓我們在瀏覽時會很容易的到達不同的網(wǎng)頁，是網(wǎng)頁元素中非常重要的部分，所以導航欄一定要清晰醒目，一般來講，導航欄要在“第一屏”能顯示出來，但是有時第一屏可能會小于435px，基于這點考慮，那種橫向放置的導航欄要優(yōu)于縱向的導航欄。我的導航欄基于以上想法制作的是橫向的導航欄，借用PS軟件制作出類似毛筆筆畫的導航，貼切與網(wǎng)頁的整體風格。保證了網(wǎng)站統(tǒng)一的中國水墨風格。首先要明確網(wǎng)站的目標，網(wǎng)站要有明確的主題，體現(xiàn)自己的風格，特別是對于個人網(wǎng)站，不可能像大型網(wǎng)站那樣做得內容全面，所以必須要找準一個自己感興趣內容，做深、做透，辦出自己的特色，這樣才能給瀏覽者留下深刻的印象。 至于網(wǎng)站的內容則沒有限制自己喜歡什么就弄什么，但是要主題鮮明，切合自己網(wǎng)站的名字。一個網(wǎng)站設計得是否成功，很大程度上決定于設計前的規(guī)劃。網(wǎng)站規(guī)劃包含的內容很多，如網(wǎng)站的結構、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。網(wǎng)站的整體色調以黑白色為主，然后點綴其他不同的圖片進行搭配，突出主題，顏色沒有過多，過雜，以免給人一種雜亂的感覺。版面設計十分靈活，根據(jù)各部分的內容決定字體風格，相同的風格多次調用的是用CSS設定的樣式，以保證隨時，準確的調用。網(wǎng)站中共分為10個頁面，包括了開場的flash動畫，和留言板等頁面，頁面的風格統(tǒng)一是中國水墨風格，每頁分三部分，最上方是風格圖片和導航圖片，中間是個網(wǎng)頁的主題內容，最下方是網(wǎng)站的結尾宣示版權所有及郵箱聯(lián)系方式等?？傮w布局來看比較整齊簡潔和美觀。1．網(wǎng)頁的排版與制作使用的是Adobe Dreamweaver cs3，是一款在網(wǎng)頁設計與制作中比較簡單好用的軟件.2．用Photoshop制作和處理網(wǎng)頁中相關的圖片。例如：我的logo用的是ps軟件中的圖層蒙版工具，把風格相同的圖片疊加在一起使用圖層蒙版，運用畫筆工具是最下圖層突顯出來，最后剪切完成。如圖3圖32所示。我的banner制作是用ps軟件制作而成，因為要貼切去網(wǎng)站的整體風格我選用的是字體是漢儀粗篆繁字體和經(jīng)典行書簡字體。效果如圖33所示：圖33我的導航欄是用ps軟件中的畫筆工具和文字工具制作而成的，通過修改畫筆的各項數(shù)值，使畫筆畫出的感覺如同毛筆的感覺，在其上用文字工具打上導航文字。每個導航各制作了兩種不同顏色，在網(wǎng)頁效果中使用了鼠標經(jīng)過圖片，效果如圖34所示：圖343．用flash軟件制作了網(wǎng)頁中的動畫。（網(wǎng)頁中的開場動畫效果為例）如圖35所示：本網(wǎng)站前臺包括首頁、日記、心情、照片、留言板等欄目，下面是對個欄目的簡介：：開始是一個自制的flash歡迎動畫，采用自動跳轉動作，自動跳轉到包含個人資料、日記等欄目的頁面。：主要是作者的平時轉載的日記，及各種相關的知識存儲。：主要是作者平時的個人心情介紹。只有主人能夠通過密碼登錄修改心情。游人沒有權限去修改。：是作者相關的圖像資料。有人不需要登錄即可瀏覽觀看。：此欄目設立的主要目的是為了能夠和大家進行交流。瀏覽者不需要登錄即可留言。：簡單的羅列了主人個人資料的相關介紹。：是作者喜歡以及收藏的音樂,可以供游人下載。：是作者以前做過的flash、photograph作品的展示。：只有主人有權限去修改、添加、刪除信息。四、 網(wǎng)站的詳細設計與制作 啟用Dreamweaver CS3，點擊Dreamweaver 站點管理，建立一個站點。如圖442所示：圖41圖42在“站點定義”對話框的“高級”選項卡的“分類”欄中選擇“本地信息”，設置站點名稱，將“本地根文件夾”設置為“E：\shixun\”，本地信息設置結果如圖43所示：圖43選擇“測試服務器”,將服務器類模型設置為ASP JavaScript，如圖44所示：圖44設置完畢，單擊“確認”按鈕返回到編輯站點對話框。在編輯站點對話框中，點擊“完成”按鈕。如圖45所示：在網(wǎng)站文件夾里面建立一些文件夾，包括“image” （存儲圖片）、“video（存儲fl ash)“data”(用于存儲數(shù)據(jù)庫)、“music”（用于存儲背景音樂）等。如圖46所示： 圖46 選擇建立的站點文件夾，右鍵單擊該文件夾，在彈出的快捷菜單欄中選擇新建文件，，主要是我的一些個人日記。，是我的一些收藏。，是我以前的flash作品和ps作品展示。如圖448所示： 圖47 圖48單擊快捷工具欄中的apdiv標簽繪制一個可調節(jié)大小的標簽框，在其中插入單元格，并把用flash制作的歡迎動畫插入進來，如圖49所示：圖49打開主頁文件，單擊快捷工具欄中的apdiv標簽繪制一個可調節(jié)大小的標簽框，在其中插入單元格，并把用Photoshop制作的首頁圖片插入進來，如圖410所示：圖410再次單擊快捷工具欄中的apdiv標簽繪制一個可調節(jié)大小的標簽框，在其中插入單元格，在單元格中插入ps制作的導航，制作成鼠標經(jīng)過圖片，并全部選中水平（居中對齊）垂直（居中）。如圖411所示：再次單擊快捷工具欄中的apdiv標簽繪制一個可調節(jié)大小的標簽框，在其中插入單元格，在其中插入個人資料，日記，留言板，心情等。如圖412所示：圖412：圖413使用Access設計視圖設計表格如圖414所示：圖414建立三個表為xinqing（心情）、denglu（管理員賬號和密碼）、mytable（留言板）如圖415所示：圖415在dreamweaver軟件中的應用程序綁定數(shù)據(jù)庫記錄集以及在網(wǎng)頁表格中添加服務器行為使其中能夠顯示留言及心情內容等。如圖41圖417所示：3主要的數(shù)據(jù)表結構，如圖418所示：：留言板頁面中可以看到有昵稱及內容填選框，所有游客都可以留言并發(fā)表，該頁面在設計中如圖421所示：