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