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