個人網(wǎng)站制作
本章將以循序漸進的方式介紹一個簡單的個人網(wǎng)站“紫荊設計室”,來幫助逐步了解
網(wǎng)站建設與制作過程。本章將不采用數(shù)據(jù)庫來實現(xiàn)部分數(shù)據(jù)庫功能,完成動態(tài)更新網(wǎng)頁的
效果。
網(wǎng)站設計概述
隨著In贍m曰在全世界的發(fā)展與普及,尤其是web的快速增長,人們都想建立自己
的網(wǎng)站來展現(xiàn)自己。許多軟件公司提供了容易學習和使用的工具軟件,因而使網(wǎng)站的建立
變得簡單容易。
要想建立一個優(yōu)秀的網(wǎng)站,除了要求設計者有熟練的軟件應用技巧之外,更重要的是
要求設計者對網(wǎng)站結構以及內(nèi)容進行全面細致的分析和設計。
2.1.1 網(wǎng)站結構設計
一個網(wǎng)站在建立之前,設計者應該清楚地知道該網(wǎng)站要包括什么樣的信息,具備什么
樣的功能,以及將采取什么樣的風格來體現(xiàn)出與眾不同的效果.并讓人看起來賞心悅目。
同時,還需要判斷哪些瀏覽者群體將會訪問該網(wǎng)站,并且他們大多數(shù)使用什么樣的平臺以
及他們的硬件設施情況如何。一旦選擇了目標瀏覽者群體,確定了他們使用的計算機類
型、連接連度和瀏覽器種類,設計者就能開始設計網(wǎng)站。
網(wǎng)站中的網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下
框架型、綜合框架型、封面型、FlMh型、變化型,下面分別論述。
(1)“國“字型。也可以稱為“同”字型,是一些大型網(wǎng)站喜歡采用的類型,即最上
面是網(wǎng)站的標題以及橫幅廣告條,接下來就是網(wǎng)站的主要內(nèi)容,左右分列一些內(nèi)容,中間
是主要部分,與左右一起羅列到底部,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權聲
明等o這種結構幾乎是在網(wǎng)上見到最多的一種結構類型。
(2)拐角型。這種結構與“國”字型其實只是形式上的區(qū)別。上面是標題及廣告橫
幅,中間左測是一窄列導航鏈接,右側是很寬的正文,下面也是一些網(wǎng)站的輔助信息。
(3)標題正文型。這種類型即最上面是標題或類似的一些東西,下面是正文,比如一
些文章頁面或注冊頁面等就是這種類型。
(4)左右框架型。這是一種分為左右兩頁的框架結構.一般左面是導航鏈接.有時員
上面會有一個小的標題或標志,右面是正文。大部分的大型論壇都是這種結構,有一些企
業(yè)網(wǎng)站也喜歡采用。這種類型結構非常清晰,一目了然。 ’
(5)上下框架型。與左右框架類似,區(qū)別僅僅在于它的框架分為上下兩頁。
(6)綜合框架型。這是一種左右框架與上下框架結構結合的、相對復雜的框架結構。
較為常見的是結構上類似于拐角型,但采用了框架結構。
(7)封面型。這種類型通常出現(xiàn)在一些網(wǎng)站的首頁,大部分為一些精美的平面設計結
合一些小的動畫,故上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在圖片上做
鏈接而沒有任何提示。封面型如果處理得好,會給人帶來賞心悅目的感覺。
(8)F1Mh型。n服h型與封面型結構是類似的,只是采用了目前非常流行的FI朋ho
與封面型不同的是,由于F1Mh強大的功能,nash型頁面所表達的信息更豐富,其視覺
效果及聽覺效果如果處理得當,絕不差于傳統(tǒng)的多媒體。
(9)變化型。變化型是上面幾種類型的結合與變化。例如,“紫荊設計室
覺上很接近拐角型,但所實現(xiàn)的功能實質(zhì)是上、左、有結構的綜合框架型。
在當前的ImMt應用中,很多公司和個人紛紛建立自己的網(wǎng)站,但由于對網(wǎng)站的認
識不足,隨著時間流逝,剛開始創(chuàng)建網(wǎng)站的熱情逐漸冷卻,最后將網(wǎng)站棄人被遺忘的角
落。一般來說,網(wǎng)站的內(nèi)容更新是一項長期不間斷的工作,常常需要輸入“新鮮血液”來
保持網(wǎng)站的青春活力。網(wǎng)站的內(nèi)容設計方面要遵循以下原則:
(1)頁面要如林春風、美感十足。要想留住訪問者,首先要從視覺、聽覺等方面吸引
住瀏覽者,它主要體現(xiàn)在網(wǎng)頁結構和排版上。要善于使用表格來布局網(wǎng)頁,把網(wǎng)站內(nèi)容的
層次感和空間感凸顯出來,使人一眼就能看出網(wǎng)站的重點所在,并且整個網(wǎng)站要統(tǒng)一風
格,這樣訪問者在瀏覽網(wǎng)頁時會覺得舒服、順暢,從而對網(wǎng)站留下一個深刻的印象。
(2)內(nèi)容要新、精、專。網(wǎng)頁內(nèi)容應該是動態(tài)的,隨時保持更新,以便緊緊抓住訪問
者。每次更新的頁面內(nèi)容應該盡量在主頁中給出提示。當訪問者再次訪問網(wǎng)站.發(fā)現(xiàn)網(wǎng)站
的內(nèi)容或者信息有新變化時,就會進一步增加對網(wǎng)站的興趣。
網(wǎng)站的信息往往多而雜,這就要求設計者首先要確定網(wǎng)站需要表達的主要信息,然后
適一斟酌篩選.把它們合情合理地組織起來.最后設計出相關網(wǎng)頁,務求盡善盡美。
在網(wǎng)站內(nèi)容中最重要的是文字。要提高網(wǎng)站的訪問率,就必須先在信息內(nèi)容上多下苦
功。華麗的畫面和絢麗的動畫都只是短暫的輝煌,而樸實且又充實的文字才是真正吸引訪
問者的原因。
(3)快捷而又安全的訪問。網(wǎng)站要提供給訪問者一個快捷的頁面,特別是在國內(nèi)通信
線路傳擄速率櫻的情況下更應如此。即使網(wǎng)站內(nèi)容很好,但由于速度太僵,訪問者也會失
去耐心,因此在設計網(wǎng)站內(nèi)容時,應該考慮悶站及其訪問群體的實際訪問速度情況,適當
減少圖像內(nèi)容。
大連網(wǎng)站制作 大連網(wǎng)站建設 大連 網(wǎng)站推廣 大連軟件開發(fā) 大連網(wǎng)絡公司
Copyright@ 2011-2016 版權所有:大連千億科技有限公司 遼ICP備11013762-3號 google網(wǎng)站地圖 百度網(wǎng)站地圖 網(wǎng)站地圖
公司地址:大連市沙河口區(qū)中山路692號辰熙星海國際2317 客服電話:0411-39943997 QQ:2088827823 37482752
法律聲明:未經(jīng)許可,任何模仿本站模板、轉(zhuǎn)載本站內(nèi)容等行為者,本站保留追究其法律責任的權利! 隱私權政策聲明