個人網站制作
    本章將以循序漸進的方式介紹一個簡單的個人網站“紫荊設計室”，來幫助逐步了解
網站建設與制作過程。本章將不采用數據庫來實現部分數據庫功能，完成動態更新網頁的
效果。
網站設計概述
    隨著In贍m曰在全世界的發展與普及，尤其是web的快速增長，人們都想建立自己
的網站來展現自己。許多軟件公司提供了容易學習和使用的工具軟件，因而使網站的建立
變得簡單容易。
    要想建立一個優秀的網站，除了要求設計者有熟練的軟件應用技巧之外，更重要的是
要求設計者對網站結構以及內容進行全面細致的分析和設計。
2．1．1  網站結構設計
    一個網站在建立之前，設計者應該清楚地知道該網站要包括什么樣的信息，具備什么
樣的功能，以及將采取什么樣的風格來體現出與眾不同的效果．并讓人看起來賞心悅目。
同時，還需要判斷哪些瀏覽者群體將會訪問該網站，并且他們大多數使用什么樣的平臺以
及他們的硬件設施情況如何。一旦選擇了目標瀏覽者群體，確定了他們使用的計算機類
型、連接連度和瀏覽器種類，設計者就能開始設計網站。
    網站中的網頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下
框架型、綜合框架型、封面型、FlMh型、變化型，下面分別論述。
    (1)“國“字型。也可以稱為“同”字型，是一些大型網站喜歡采用的類型，即最上
面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些內容，中間
是主要部分，與左右一起羅列到底部，最下面是網站的一些基本信息、聯系方式、版權聲
明等o這種結構幾乎是在網上見到最多的一種結構類型。
    (2)拐角型。這種結構與“國”字型其實只是形式上的區別。上面是標題及廣告橫
幅，中間左測是一窄列導航鏈接，右側是很寬的正文，下面也是一些網站的輔助信息。
    (3)標題正文型。這種類型即最上面是標題或類似的一些東西，下面是正文，比如一
些文章頁面或注冊頁面等就是這種類型。
    (4)左右框架型。這是一種分為左右兩頁的框架結構．一般左面是導航鏈接．有時員
上面會有一個小的標題或標志，右面是正文。大部分的大型論壇都是這種結構，有一些企
業網站也喜歡采用。這種類型結構非常清晰，一目了然。    ’
    (5)上下框架型。與左右框架類似，區別僅僅在于它的框架分為上下兩頁。
    (6)綜合框架型。這是一種左右框架與上下框架結構結合的、相對復雜的框架結構。
較為常見的是結構上類似于拐角型，但采用了框架結構。

 

(7)封面型。這種類型通常出現在一些網站的首頁，大部分為一些精美的平面設計結
合一些小的動畫，故上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在圖片上做
鏈接而沒有任何提示。封面型如果處理得好，會給人帶來賞心悅目的感覺。
    (8)F1Mh型。n服h型與封面型結構是類似的，只是采用了目前非常流行的FI朋ho
與封面型不同的是，由于F1Mh強大的功能，nash型頁面所表達的信息更豐富，其視覺
效果及聽覺效果如果處理得當，絕不差于傳統的多媒體。
    (9)變化型。變化型是上面幾種類型的結合與變化。例如，“紫荊設計室
覺上很接近拐角型，但所實現的功能實質是上、左、有結構的綜合框架型。
    在當前的ImMt應用中，很多公司和個人紛紛建立自己的網站，但由于對網站的認
識不足，隨著時間流逝，剛開始創建網站的熱情逐漸冷卻，最后將網站棄人被遺忘的角
落。一般來說，網站的內容更新是一項長期不間斷的工作，常常需要輸入“新鮮血液”來
保持網站的青春活力。網站的內容設計方面要遵循以下原則：
    (1)頁面要如林春風、美感十足。要想留住訪問者，首先要從視覺、聽覺等方面吸引
住瀏覽者，它主要體現在網頁結構和排版上。要善于使用表格來布局網頁，把網站內容的
層次感和空間感凸顯出來，使人一眼就能看出網站的重點所在，并且整個網站要統一風
格，這樣訪問者在瀏覽網頁時會覺得舒服、順暢，從而對網站留下一個深刻的印象。
    (2)內容要新、精、專。網頁內容應該是動態的，隨時保持更新，以便緊緊抓住訪問
者。每次更新的頁面內容應該盡量在主頁中給出提示。當訪問者再次訪問網站．發現網站
的內容或者信息有新變化時，就會進一步增加對網站的興趣。
    網站的信息往往多而雜，這就要求設計者首先要確定網站需要表達的主要信息，然后
適一斟酌篩選．把它們合情合理地組織起來．最后設計出相關網頁，務求盡善盡美。
    在網站內容中最重要的是文字。要提高網站的訪問率，就必須先在信息內容上多下苦
功。華麗的畫面和絢麗的動畫都只是短暫的輝煌，而樸實且又充實的文字才是真正吸引訪
問者的原因。
    (3)快捷而又安全的訪問。網站要提供給訪問者一個快捷的頁面，特別是在國內通信
線路傳擄速率櫻的情況下更應如此。即使網站內容很好，但由于速度太僵，訪問者也會失
去耐心，因此在設計網站內容時，應該考慮悶站及其訪問群體的實際訪問速度情況，適當
減少圖像內容。

 

大連網站制作 大連網站建設  大連 網站推廣 大連軟件開發   大連網絡公司

---