網(wǎng)頁可以說是網(wǎng)站構(gòu)成的基本元素。當(dāng)我們輕點(diǎn)鼠標(biāo),在網(wǎng)海中遨游,一副副精彩的網(wǎng)頁會(huì)呈現(xiàn)在我們面前,那么,網(wǎng)頁的 精彩與否的因素是什么呢?色彩的搭配、文字的變化、圖片的處理等,這些當(dāng)然是不可忽略的因素,除了這些,還有一個(gè)非常重要的因素——網(wǎng)頁的布局。下面,我 們就有關(guān)網(wǎng)頁布局談?wù)撘幌隆?nbsp;
網(wǎng)頁布局類型
網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型,下面分別論述。
1、 “國”字型:也可以稱為“同”字型,是一些大型網(wǎng)站所喜歡的類型,即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來就是網(wǎng)站的主要內(nèi)容,左右分列一些兩小條內(nèi) 容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們?cè)诰W(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。
2、拐角型:這種結(jié)構(gòu)與上一種其實(shí)只是形式上的區(qū)別,其實(shí)是很相近的,上面是標(biāo)題及廣告橫幅,接下來的左側(cè)是一窄列鏈接等,右列是很寬的正文,下面也是一些網(wǎng)站的輔助信息。在這種類型中,一種很常見的類型是最上面是標(biāo)題及廣告,左側(cè)是導(dǎo)航鏈接
3、標(biāo)題正文型:這種類型即最上面是標(biāo)題或類似的一些東西,下面是正文,比如一些文章頁面或注冊(cè)頁面等就是這種類。
4、左右框架型:這是一種左右為分別兩頁的框架結(jié)構(gòu),一般左面是導(dǎo)航鏈接,有時(shí)最上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)致,右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)的,有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰,一目了然。
5、上下框架型:與上面類似,區(qū)別僅僅在于是一種上下分為兩頁的框架。
6、綜合框架型:上頁兩種結(jié)構(gòu)的結(jié)合,相對(duì)復(fù)雜的一種框架結(jié)構(gòu),較為常見的是類似于“拐角型”結(jié)構(gòu)的,只是采用了框架結(jié)構(gòu)。
7、 封面型:這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁,大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫,放上幾個(gè)簡(jiǎn)單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在 首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁,如果說處理的好,會(huì)給人帶來賞心悅目的感覺。
8、flash型:其實(shí)這與封面型結(jié)構(gòu)是類似的,只是這種類型采用了目前非常游戲行的flash,與封面型不同的是,由于flash強(qiáng)大的功能,頁面所表達(dá)的信息更豐富,其視覺效果及聽覺效果如果處理得當(dāng),絕不差于傳統(tǒng)的多媒體。
9、變化型:即上面幾種類型的結(jié)合與變化,比如本站在視覺上是很接近拐角型的,但所實(shí)現(xiàn)的功能的實(shí)質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型。
關(guān)于第一屏
所謂第一屏,是指我們到達(dá)一個(gè)網(wǎng)站在不拖動(dòng)滾動(dòng)條時(shí)能夠看到的部分。那么第一屏有多“大”呢? 其實(shí)這是未知的。一般來講,在800*600的屏幕顯示模式(這也是最常用的)下,在ie安裝后默認(rèn)的狀態(tài)(即工具欄地址欄等沒有改變)下,ie窗口內(nèi)能 看到的部分為778px*435px,一般來講,我們以這個(gè)大小為標(biāo)準(zhǔn)就行了,畢竟,在無法適合所有人的情況下,我們只能為大多數(shù)考慮了。
說了那么多,無非是一個(gè)標(biāo)準(zhǔn)的問題,其實(shí)接下來不用我說大家也能想到,第一屏當(dāng)然要放最主要的內(nèi)容,關(guān)鍵要知道的是,我們要對(duì)第一屏能顯示的面積要有個(gè)估計(jì),而不要僅僅以自己的機(jī)器為準(zhǔn)。其實(shí)網(wǎng)頁制作的一個(gè)很麻煩的地方就是瀏覽者的機(jī)器是未知的。
有關(guān)導(dǎo)航欄的位置
導(dǎo)航欄能讓我們?cè)跒g覽時(shí)容易的到達(dá)不同的頁面,是網(wǎng)頁元素非常重要的部分,所以導(dǎo)航欄一 定要清晰、醒目,一般來講,導(dǎo)航欄要在“第一屏”能顯示出來,但是有時(shí)第一屏可能會(huì)小于上面所說的435px,積于這點(diǎn)考慮,那種橫向放置的導(dǎo)航欄要優(yōu)于 縱向的導(dǎo)航欄考慮,原因很簡(jiǎn)單:如果瀏覽者的第一屏很矮,橫向的仍能全部看到,而縱向的就很難說了,因?yàn)榇翱诘膶挾纫话闶遣粫?huì)受瀏覽器設(shè)置影響的,而縱向 的則不確定性要大的多。
什么樣的布局是最好的
這是初學(xué)者可能會(huì)問的問題。其實(shí)這要具體情況具體分析的:比如如果內(nèi)容非常多,就要 考慮用“國字型”或拐角型;而如果內(nèi)容不算太多而一些說明性的東西比較多,則可以考慮標(biāo)題正文型;那幾種框架結(jié)構(gòu)的一個(gè)共同特點(diǎn)就是瀏覽方便,速度快,但 結(jié)構(gòu)變化不靈活;而如果是一個(gè)企業(yè)網(wǎng)站想展示一下企業(yè)形象或個(gè)人主頁想展示個(gè)人風(fēng)采,封面性是首選;flash型更靈活一些,好的flash大大豐富了網(wǎng) 頁,但是它不能表達(dá)過多的文字信息。還沒有提到的就是變化型了,我只是想把這個(gè)留給讀者了,因?yàn)?,只有不斷的變化才?huì)提高,才會(huì)不斷豐富我們的網(wǎng)頁!
大致就這些了,希望您有所啟發(fā)。
網(wǎng)頁導(dǎo)航設(shè)計(jì)的注意要點(diǎn)
一、注意超連結(jié)顏色與單純敘述文字的顏色呈現(xiàn)
www的語言—html允許webpage設(shè)計(jì)者特別標(biāo)明單純敘述文字與超連結(jié)的顏色,以便豐富webpage的色彩呈現(xiàn)。如果您的網(wǎng)站
充滿知識(shí)性的信息,欲傳達(dá)給訪問者,建議您將網(wǎng)頁內(nèi)的文字與超連結(jié)顏色,設(shè)計(jì)成較干凈素雅的色調(diào),會(huì)較有利于閱讀
∶純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn)(如∶黑色、墨綠色、暗褐色),超連結(jié)文字則以較鮮明搶眼的色彩來強(qiáng)調(diào)
(如∶亮黃色、翠綠色、鮮橘色),至于探訪過的超連結(jié)則采用較低于原超連結(jié)亮度的顏色做呈現(xiàn)。
二、測(cè)試所有的超連結(jié)與導(dǎo)覽按鈕的真實(shí)可行性
webpage上線之后,第一件該做的事,是逐一測(cè)試每一頁的每一個(gè)超連結(jié)與每一個(gè)導(dǎo)覽按鈕的真實(shí)可行性。徹底檢驗(yàn)有沒有
失敗的link無法連結(jié)到該連結(jié)的webpage,卻反而冒出“filenotfound”的錯(cuò)誤訊號(hào)出來。這是一個(gè)負(fù)責(zé)任、夠水準(zhǔn)的
webpage設(shè)計(jì)者對(duì)自己的作品應(yīng)有的基本品質(zhì)要求。
如果您果真有那么多的超連結(jié)必須提供給讀者,不如將這些超連結(jié)以條列的方式,一筆一筆清楚地列在一選單頁或目錄頁
上,既不防礙走文的順暢,又呈現(xiàn)一目了然的導(dǎo)覽連結(jié)。
三、讓超連結(jié)的字串長(zhǎng)短適中且走文自然
抓住能傳達(dá)主要訊息的字眼當(dāng)做超連結(jié)的錨點(diǎn)(anchor),可有效地控制住超連結(jié)的字串長(zhǎng)度,避免字串過長(zhǎng)(如∶整行、整
句都是錨點(diǎn)字串)或過短(如∶僅一個(gè)字當(dāng)做錨點(diǎn)),而不利于讀者的閱讀或點(diǎn)取。
四、當(dāng)導(dǎo)覽按鈕連結(jié)到目前此頁時(shí)
各webpage若重復(fù)使用同一組的導(dǎo)覽按鈕,無可避免地會(huì)產(chǎn)生某一導(dǎo)覽按鈕連結(jié)到目前此頁的情形。為達(dá)成界面設(shè)計(jì)的一致
性,并沒有絕對(duì)的必要性拿掉此導(dǎo)覽按鈕,但webpage設(shè)計(jì)者可讓此按鈕不再具有超連結(jié)的功能;或?qū)⒋税粹o的彩度、亮度
降低(如∶深綠色變成淡綠色,亮紅色變成暗紅色),使讀者可清楚地意識(shí)到∶這個(gè)暗設(shè)下來的導(dǎo)覽按鈕不再具有超連結(jié)的
功能。
|||五、分析、說明您提供的bookmarks或coollinks
常??吹綗嵝牡膚ebpage設(shè)計(jì)者條列了精心收集的bookmarks或coollinks,以分享讀者個(gè)人遨游www的美好經(jīng)驗(yàn)。但多數(shù)
webpage設(shè)計(jì)者就只提供一大串links,并不分門別類,也不加以分析、說明為什么這個(gè)link好,值得推薦?那個(gè)link的主
要內(nèi)容精彩之處?又在哪?提供您的bookmarks或coollinks是一大善舉,但未加以分析、說明,卻變得功虧一簣。多花幾
分鐘,將您提供的bookmarks或coollinks稍加分類、注解,可提供讀者清晰的概念與無限的方便,也使您的站臺(tái)的導(dǎo)覽系
統(tǒng)更加周全完善。未加以說明、注解的coollinks,其實(shí)一點(diǎn)也不cool。老實(shí)說,任何人都可以到y(tǒng)ahoo輕易地找到上百上
千的links。您若未對(duì)這些推薦的links加以個(gè)人獨(dú)特的評(píng)論、介紹,讀者又何勞偏得到您的站臺(tái)去找索引呢?任何一個(gè)分
類索引或搜尋引擎都絕對(duì)比您條列的links還要更完備齊全。
六、在具有前后連續(xù)順序的文件里提供必要的連結(jié)
將篇幅過長(zhǎng)的文件分隔成數(shù)篇較小的webpages大大地增加了界面的親和性,但在導(dǎo)覽按鈕與超連結(jié)的配置上,webpage設(shè)計(jì)
者則要更細(xì)心周全地安排,使得讀者不論身處您站臺(tái)的哪一階層,依然能夠快速便捷地通往其他任何一個(gè)頁面。webpage設(shè)
計(jì)者應(yīng)特別注意∶
1.提供“上一頁”、“下一頁”、“回子目錄頁”與“回首頁”的導(dǎo)覽按鈕或超鏈結(jié)在一系列具前后連續(xù)順序的文件里,
每篇webpage都至少應(yīng)提供“上一頁”、“下一頁”、“回子目錄頁”與“回首頁”的導(dǎo)覽按鈕或超連結(jié),可使讀者能夠立
即得知自己所在的頁面,是屬于一份較大文件內(nèi)的一小部分。(考慮、體貼一下某讀者不是從您的home順序連結(jié)至此頁,而
是依循別的站臺(tái)的某個(gè)link跳躍連結(jié)至此)。并且可以借由這些links隨時(shí)參考連結(jié)“上一頁”、“下一頁”與本頁的連貫
內(nèi)容;直接點(diǎn)取“回子目錄頁”查尋其他相關(guān)的標(biāo)題;或直接跳躍至homepage,瀏覽其他不同項(xiàng)目的信息。
2.簡(jiǎn)明扼要地標(biāo)明此頁、上一頁與下一頁文件的標(biāo)題或內(nèi)容梗概。
在一系列具有前后連續(xù)順序的文件里,每篇webpage都應(yīng)加上一個(gè)具有說明性的標(biāo)題,使讀者一目了然,馬上抓住這一頁的
重點(diǎn)。而完善的導(dǎo)覽系統(tǒng)除了提供“上一頁”、“下一頁”的導(dǎo)覽按鈕或超連結(jié)外,更添加精簡(jiǎn)達(dá)意的上一頁與下一頁標(biāo)
題、內(nèi)容提要,使讀者即使尚未點(diǎn)取這些webpages時(shí),亦能先梗概地了解自己將連結(jié)至什么樣的webpage。
3.提醒讀者某一系列文件已到盡頭。
當(dāng)讀者已達(dá)某一系列文件的最后一頁時(shí),webpage設(shè)計(jì)者應(yīng)提供一小段告示提醒讀者,同時(shí)不再提供“下一頁”的導(dǎo)覽按鈕
或超連結(jié)。但基于webpage界面設(shè)計(jì)的一致性,或許有些webpage設(shè)計(jì)者并不希望在同一系列的最后一篇webpage里忽然少了
一個(gè)先前每頁都有的“下一頁”導(dǎo)覽按鈕(尤其是精心設(shè)計(jì)過的圖形化導(dǎo)覽按鈕)。為達(dá)此目的,可考慮將最后一頁的“下
一頁”導(dǎo)覽按鈕顏色暗沉下來,且不賦予超連結(jié)的功能,并提供一小段告示提醒讀者,此系列文件已到盡頭,不再有“下
一頁”的內(nèi)容。
七、在較長(zhǎng)的webpage內(nèi)提供目錄表與大標(biāo)題
理想的webpage長(zhǎng)度以不超過三、四個(gè)熒幕頁面為佳。但是如果基于某些特殊理由,您的webpage一定要做得很長(zhǎng),那么不
要忘了在此長(zhǎng)篇的webpage最上頭,提供一個(gè)目錄表,webpage的內(nèi)容也標(biāo)上大小標(biāo)題,以利清楚閱讀。尤其重要的是,在
這些標(biāo)題與目錄表的htmlsource里分別設(shè)置錨點(diǎn),并鏈接到錨點(diǎn),以使您的webpage真正發(fā)揚(yáng)www的高互動(dòng)性、高便捷性功
能。
八、暫時(shí)不提供超連結(jié)到尚未完成的webpage
超連結(jié)或?qū)в[按鈕應(yīng)該引導(dǎo)讀者到一篇真正“有料”的webpage,而不是以“掛羊頭賣狗肉”的方式,事先將某一超連結(jié)描
述得超級(jí)精彩、超級(jí)誘人,結(jié)果讀者興致勃勃地連結(jié)過去,卻根本看不到任何精彩、誘人的內(nèi)容,唯一所見的,只是一張
無聊的告示牌“施工中”。
如果您急欲在網(wǎng)絡(luò)上推出您的站臺(tái)、展現(xiàn)您homepage,但仍有少數(shù)幾頁webpage尚未完成,建議您先暫時(shí)別讓這些“施工
中”的webpage正式露面。(即先暫時(shí)別讓這些連往“施工中”的webpage的“超連結(jié)”,擁有真正的超連結(jié)功能。)等到您
“幾乎”完工之后(webpage永遠(yuǎn)沒有“真正”完工之時(shí),總是需要不斷地修改、增添、翻新),再正式開放連結(jié)也不遲。
倘若您急欲告訴讀者,您即將提供一頁超級(jí)精彩、超級(jí)誘人的webpage在此站臺(tái),只是目前仍在努力趕制中,您大可直接擺
一段告示在即將是“超連結(jié)”的文字旁(但目前仍不具超連結(jié)的功能),明白昭示世人,以節(jié)省讀者徒然點(diǎn)取、徒然往返的
時(shí)間;也免得讀者滿懷希望,卻又落得失望而歸。
九、不要在一篇短文里提供太多的超連結(jié)
適當(dāng)、有效率地使用超連結(jié),是一個(gè)優(yōu)良的導(dǎo)覽系統(tǒng)不可或缺的條件之一。但過份濫用超連結(jié),造成短短的一篇文章里卻
處處是links,反而損害了webpage行文的流暢與可親性。在充斥著超連結(jié)的短文里,很可能其中不少是無意義、沒必要的
links。例如∶連結(jié)到一頁只有兩三行注解的link、連結(jié)到一頁只放了“施工中”的招牌的link。在一篇長(zhǎng)短適中的
webpage里(三、四個(gè)熒幕頁面),文章里提供的文字式超連結(jié)最好不要超過10個(gè)以上,以使全頁行文能夠順暢,而讀者也不
至于眼見一大堆超連結(jié),反而不知從何點(diǎn)取才好。況且,連續(xù)、肩并肩地出現(xiàn)兩三個(gè)文字式超連結(jié),很容易被誤認(rèn)為只是
一個(gè)長(zhǎng)度較長(zhǎng)的超連結(jié),于是被讀者忽略掉,便也失去了這些超連結(jié)的原本功能。
網(wǎng)頁留白的藝術(shù)
國畫中有一句話描述這種藝術(shù)形式的空間布局比較經(jīng)典,就是“計(jì)白當(dāng)黑”,表明了白也就是空的地方和著的墨一樣都是國 畫整體的組成部分,如何利用空間中的留白是非常重要的,也是提升藝術(shù)性的途徑,有些盡管是畫的很不錯(cuò),但是看起來不舒服,就是沒有重視留白,造成了畫面的 整體上的失敗。對(duì)于網(wǎng)頁設(shè)計(jì)來說,有何嘗不是如此呢?也許現(xiàn)在我們沒有把它提升到一個(gè)藝術(shù)審美的角度來看待,所以沒有人去深究過網(wǎng)頁的藝術(shù)性,我想這是我 們網(wǎng)頁設(shè)計(jì)者孜孜以求的方向,因?yàn)槲磥淼木W(wǎng)絡(luò)技術(shù)高度發(fā)達(dá),人們對(duì)于更高層次的追求也就必然會(huì)牽涉到對(duì)藝術(shù)、對(duì)美的追求。既然如此,我們就應(yīng)該把眼光放遠(yuǎn) 一點(diǎn),把網(wǎng)頁的設(shè)計(jì)提到這個(gè)層次來考慮。盡量的克服目前技術(shù)帶來的限制。既然如此,按照藝術(shù)審美的觀點(diǎn),網(wǎng)頁上的留白也是一個(gè)組成部分,同其它的主要的內(nèi) 容入文本、圖片、動(dòng)畫一樣,是每個(gè)設(shè)計(jì)者在制作網(wǎng)頁時(shí)要一起考慮的。 提升到藝術(shù)的高度來看待留白是通過視覺上的手段,留白也可以給人帶來心理上的輕松與快樂,也可以給人帶來緊張與節(jié)奏,通過這種手段可以向使用者表達(dá)出 設(shè)計(jì)者的心理感覺,設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁的同時(shí)也在同自己的使用對(duì)象在作一種交流,好的設(shè)計(jì)者能夠達(dá)到同自己的使用對(duì)象進(jìn)行心理對(duì)話的程度。不光通過頁面上的 文字、圖片、動(dòng)畫的組合和排列,同時(shí)借助留白進(jìn)行表達(dá)??梢赃_(dá)到非常好的效果,例如一個(gè)休閑的網(wǎng)站,設(shè)計(jì)者要傳達(dá)給使用者的一個(gè)信息就是要是讓他們輕松隨 意,無拘無束,光通過網(wǎng)頁上的圖片和文字的表達(dá)是干巴巴的,沒有感情色彩的。如果能通過網(wǎng)頁設(shè)計(jì)反映出這種感情色彩,顯然這樣的設(shè)計(jì)是較為高明的設(shè)計(jì)。能 實(shí)現(xiàn)嗎?當(dāng)然可以,借助網(wǎng)頁上的留白就可以,讓留白更多的顯示出自己的特色,在聯(lián)系圖片和文字的中間架起一道橋梁 。
網(wǎng)頁設(shè)計(jì)的八種陋習(xí)
一、不要為圖像加入太長(zhǎng)的交互文本
使用“alt=”為圖像加入交互文本是一個(gè)好習(xí)慣,因?yàn)椴⒉皇撬?nbsp;有的人都打開圖像載入開關(guān)的,這時(shí)候這些交互文本給了用戶一個(gè)有 用的提示,特別是一些連接。但有部分網(wǎng)頁制作者為圖像加入了很長(zhǎng) 的交互文本,當(dāng)用戶載入圖像時(shí),這并不影響結(jié)果;但如果用戶不載 入圖像,瀏覽器就會(huì)將所有的文本都顯示出來,以致超出了它本來的 寬度、或高度,對(duì)網(wǎng)頁原來的排版影響很大。
例如廣州市某免費(fèi)個(gè)人主頁提供商的網(wǎng)頁,我開始在關(guān)閉圖像載 入的情況下訪問,結(jié)果該網(wǎng)頁亂七八糟,而且需要使用滾動(dòng)條才能全 部瀏覽,每個(gè)文字連接都被前面的圖像*得排成兩行,很不順眼!后來我打開圖像載入再去訪問該站時(shí),發(fā)現(xiàn)網(wǎng)頁原來很整齊。那些用文 件名和長(zhǎng)度作為交互文本的圖像只是一些長(zhǎng)度、寬度都很小的裝飾圖 案,但因?yàn)榻换ノ谋咎L(zhǎng)了,所以才造成了混亂!
二、不要將連接全部擺在圖像中
以往的網(wǎng)頁中的連接都是文字,而且用下劃線以資識(shí)別。但不久人們就討厭了這些文字連接,于是都采用了圖像連接。 后來,更加嫌一個(gè)圖像一個(gè)連接太麻煩了,于是將所有的連接到擺進(jìn)了一個(gè)圖像中去。但與上忌情況一樣,不是所有的人都打開圖像載入,如果你把所有的連接到擺 在圖像中去,而沒有任何同樣功能的文字連接的話,用戶也許會(huì)很不知所措。
某網(wǎng)上男孩子的網(wǎng)頁,可能是考慮到這個(gè)情況,于是把包含在圖 像中的連接作為交互文本列了出來———呀!足有1000多像素的寬度 。結(jié)果我沒有用鼠標(biāo)去“探索”———其實(shí)可以用tab鍵去尋找這些 連接———而是退了出來。與其怕部分用戶望而止步寫了那么多的交 互文本,為什么就不可以增加一些同樣目的的文字連接呢?
三、不要使用自動(dòng)滾動(dòng)
||| 曾經(jīng)到過一個(gè)內(nèi)容“豐富”的網(wǎng)頁,它幾乎使用了所有曾經(jīng)在 《中國計(jì)算機(jī)報(bào)》中出現(xiàn)過的網(wǎng)頁制作技巧:現(xiàn)在的時(shí)間、訪問了的 時(shí)間、等等。不過有一個(gè)不是使用得很好的,就是窗口的自動(dòng)滾動(dòng)。 我只是想發(fā)個(gè)郵件給網(wǎng)頁的主人,但我卻無法使?jié)L動(dòng)條停下來讓我點(diǎn) 擊連接,于是我花了很久才“命中”窗口中的e-mail連接———真 后悔軍訓(xùn)的時(shí)候沒有練好射擊!也許自動(dòng)滾動(dòng)可以炫耀一下本事,但 就沒有什么實(shí)際價(jià)值了。用戶有鼠標(biāo),可以自己移動(dòng)滾動(dòng)條,網(wǎng)頁制 作者們可以少 *** 心。
四、不要用延時(shí)效果的javascript
現(xiàn)在的網(wǎng)頁制作者為了使網(wǎng)頁更加具有影響力,都瘋狂地加入javascript 。以現(xiàn)在的貓奔跑的速度而言,這些腳本也算不了什么,用戶不會(huì)介 意。但是,如果這些腳本可能導(dǎo)致延時(shí)的話,用戶的態(tài)度就不同了。 因?yàn)檫@些延時(shí)不會(huì)因?yàn)樨埖目炻淖?,任何用戶都必須望著屏幕?nbsp;的“雜耍”完了才可以繼續(xù)。頭一兩次還會(huì)覺得:well,棒極了!但 后來,……某個(gè)國人網(wǎng)頁的首頁在載入時(shí)窗口的底色———窗口里面 沒有任何內(nèi)容———由白色逐漸變成黑色,整個(gè)過程耗費(fèi)了幾秒,嘿! 別小看這幾秒,我能檢查了全部的郵箱了!
五、不要依賴瀏覽器
唉!其實(shí)留意《中國計(jì)算機(jī)報(bào)》的話,應(yīng)該看過這類的警告。但 事實(shí)上,太多的網(wǎng)站首頁中加入了“請(qǐng)?jiān)?23*456分辨率下使用789 瀏覽器瀏覽本網(wǎng)站”的文字。我是安裝了ie、nc、和opera,因?yàn)槲?nbsp;要制作網(wǎng)頁,需要它們來檢驗(yàn)網(wǎng)頁的在這些瀏覽器下的可讀性。但一 般用戶不會(huì)安裝那么多的瀏覽器,更加不會(huì)牢記著哪個(gè)網(wǎng)站需要用哪 個(gè)瀏覽器瀏覽 網(wǎng)頁設(shè)計(jì)是一門藝術(shù),一門大眾(流行)藝術(shù)!就好比音樂,只 使用一種樂器、沒有歌聲,當(dāng)然也會(huì)有人喜歡,但是流行音樂更多的 是采用各種樂器,加上歌手的歌聲,這樣才會(huì)被更加多的普羅大眾所 接受,對(duì)嗎?
也許不可能讓網(wǎng)頁在使用所有的瀏覽器瀏覽都有一樣的效果,但 盡量地去達(dá)到該目的,會(huì)讓網(wǎng)頁在這個(gè)瀏覽器下有這樣的特色、在另 一個(gè)瀏覽器下又有不同的特色,這是網(wǎng)頁制作者的工作,不是嗎?
六、不要濫用留言簿
別誤會(huì),雖然我的個(gè)人網(wǎng)頁由于服務(wù)器的問題不能使用留言簿, 但我絕對(duì)不是妒忌!那次在某個(gè)網(wǎng)友的網(wǎng)頁上留言,提交之后發(fā)現(xiàn)我 的留言和個(gè)人的部分資料立即送了上留言網(wǎng)頁,和其他以前的留言一 起展示出來。首先,我的個(gè)人資料之所以告訴你是因?yàn)橄肱c你交個(gè)朋 友,但未經(jīng)任何提示的情況下就全部擺了上網(wǎng),好象不是很友善。其 次,更重要的是,我在該留言網(wǎng)頁上發(fā)現(xiàn)了某個(gè)人的言論似乎很偏激, 有反革命嫌疑———這樣做是很危險(xiǎn)的!你的網(wǎng)頁有沒有違法成分你 自己可以控制,但其他訪問者的言論是你所難以估計(jì)的,萬一被其他 別有居心的人利用來進(jìn)行反動(dòng)宣傳,這樣你豈不成了“同伙”!
有鑒于此,我奉勸所有使用留言簿的網(wǎng)友,慎之又慎啊!
七、不要忘記版權(quán)
現(xiàn)在,網(wǎng)上的侵犯知識(shí)產(chǎn)權(quán)問題非常猖獗,某n字頭免費(fèi)個(gè)人網(wǎng) 頁提供商上的網(wǎng)頁尤其嚴(yán)重———甚至有盜版光盤販賣呢!為此一些 新的免費(fèi)個(gè)人網(wǎng)頁提供商就要求用戶在申請(qǐng)時(shí)提交詳細(xì)的、真實(shí)的個(gè)資料,以防備不可預(yù)計(jì)的事情發(fā)生。
不少的網(wǎng)友都很輕視知識(shí)產(chǎn)權(quán),覺得自己是個(gè)人,大公司不會(huì)計(jì) 較的。但,《中華人民共和國計(jì)算機(jī)信息網(wǎng)絡(luò)國際聯(lián)網(wǎng)安全保護(hù)管理 辦法》中第四條規(guī)定“任何單位和個(gè)人不得利用國際聯(lián)網(wǎng)危害國家安 全、泄露國家秘密,不得侵犯國家的、社會(huì)的、集體的利益和公民的 合法權(quán)益,不得從事違法犯罪活動(dòng)。”所以,如果你的網(wǎng)頁需要引用 別人的東西的話,要么你就和他聯(lián)系一下,征求意見;要么就在明顯 的位置注明其版權(quán)歸屬。這并非多余,這是你的網(wǎng)頁“長(zhǎng)壽”的秘方!
當(dāng)然,如果是你自己制作的圖像或自己撰寫的文章,你絕對(duì)有權(quán) 聲明版權(quán)歸你自己所有!
八、不要懶于更新
某個(gè)n字頭的個(gè)人網(wǎng)頁聚居地上有很多的網(wǎng)頁都是很久前建立而至今沒有更新過的,姑且不說這是浪費(fèi)公用資源的行 為,訪問過這些 網(wǎng)頁的人看見網(wǎng)頁主人如此懶惰,你說他還會(huì)再去訪問嗎?誰能確定 下次訪問不會(huì)又是這般模樣呢?因特網(wǎng)上的資源如此浩瀚,誰會(huì)去訪問一個(gè)“從”不更新的網(wǎng)頁呢? 我誠意地奉勸那些“霸占”了公用的個(gè)人網(wǎng)頁存放地方的人,如 果你們真的那么忙,為何不讓出空間,給新的網(wǎng)友更多發(fā)展的機(jī)會(huì)呢?
網(wǎng)頁設(shè)計(jì)的苦與樂
事物都是矛盾的統(tǒng)一體,苦與樂就是一對(duì)互相依存又相互獨(dú)立的矛盾體。正如人們常說的“沒有苦哪有甜?”,在網(wǎng)頁制作 過程中,我的感受尤為明顯,從事網(wǎng)頁制作兩年以來,從一個(gè)對(duì)網(wǎng)頁一竅不通到現(xiàn)在略有所得,這之間經(jīng)歷了一個(gè)漫長(zhǎng)的苦和樂交織的過程。這期間漫漫的獨(dú)自探索 路,讓人回想起來,諸多的回味。
在剛剛跨入這個(gè)網(wǎng)頁領(lǐng)域的門檻的時(shí)候,就是一個(gè)從無到有的學(xué)習(xí)的過程,當(dāng)然不可避免的是一個(gè)痛苦的過程,每天面對(duì)很多的新名詞,諸如超鏈接,ip,url等等,就讓我好不頭疼,不過只有硬著頭皮將自己投入到這個(gè)陌生的世界里。
首先接觸到的第一個(gè)問題就是從平面設(shè)計(jì)到網(wǎng)頁設(shè)計(jì)的一個(gè)轉(zhuǎn)變,由于平面設(shè)計(jì)反映的主題一般都比較單一。而網(wǎng)頁設(shè) 計(jì)往往是一個(gè)整體,所以要用一個(gè)整體化的思維來解決問題,這樣設(shè)計(jì)的過程就是一個(gè)很苦的過程,一步一步的按照統(tǒng)一的思想來設(shè)計(jì),先搜集資料就不是一件省心 的事情,因?yàn)樯婕暗竭x擇資料的問題,充分的分析網(wǎng)站的要求,利用已有的一些資料,舍棄無關(guān)的,再利用已有的手段找一些自己要的資料。同時(shí)也要設(shè)法通過設(shè)計(jì) 將它們統(tǒng)一起來,找到它們的調(diào)和點(diǎn)。由此設(shè)計(jì)出網(wǎng)頁的基本風(fēng)格,再到具體的頁面的顏色搭配、圖片文字的配置、按鈕的樣式以及編排方式等等問題。由大到小, 由粗到細(xì)……,當(dāng)自己獨(dú)立完成一個(gè)網(wǎng)頁是尤其該如此,所以這很多繁瑣的問題只能用一個(gè)字來形容,就是“苦”。不僅如此,還要經(jīng)歷一個(gè)反復(fù)修改再定稿的過 程,從手工繪制草圖到在軟件中實(shí)現(xiàn),不能很好的實(shí)現(xiàn)的,就修改草圖,如此反復(fù)?;蛘呤嵌鄠€(gè)草圖選擇最好的來制作,如此種種。在這轉(zhuǎn)變的過程中,不斷的找準(zhǔn) 平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)的現(xiàn)實(shí)情況的一個(gè)調(diào)和點(diǎn),在兩者之間搭起一座橋梁。為此付出了太多的努力。而最初收獲是很小的,就是因?yàn)檐浖南拗?。網(wǎng)頁應(yīng)用軟件嚴(yán)重 的約束了自己發(fā)揮。
對(duì)于使用網(wǎng)頁的應(yīng)用軟件。我還有一段較為痛苦的經(jīng)歷。照理說我有很多的圖形設(shè)計(jì)應(yīng)用軟件的使用經(jīng)歷。使用網(wǎng)頁軟 件相對(duì)會(huì)感到一些的輕松。但是同樣碰到了很多的問題,記得在當(dāng)初學(xué)習(xí)frontpage98的時(shí)候,曾經(jīng)讓我感到很不方便,就是因?yàn)槲矣靡话愕睦L圖軟件如 photoshop和corldraw等,在拖動(dòng)圖片或者是文字等都是很隨意的,想放到哪個(gè)地方都可以,不會(huì)像frontpage里一樣采用的是文本編輯 的形式,這樣就感到很受限制,處處受制。當(dāng)然就不得不學(xué)用表格,這更增添了我痛苦的記憶,特別是表格的控制,由于受到相鄰的圖片或者文字或者是表格的影 響,有時(shí)候始終不能達(dá)到自己的目的,再在表格里加表格,這樣處在外面的表格就更加不好控制。很多時(shí)候不但不能排好,甚至?xí)哑聊桓愕膩y七八糟,自己給搞的 頭腦發(fā)脹。好想放棄…… 可是一旦超越了這個(gè)階段,就會(huì)感到一種如飛的制作的快感,在設(shè)計(jì)出來以后,看兩眼就能知道該怎么運(yùn)用表格或者是其它的方式,采用一些排版的技巧,輕松 的完成任務(wù),充滿自信的這種感覺是一種快樂的、經(jīng)歷了痛苦的探索之后的成就感。
再如圖片的使用問題,當(dāng)初在將圖片搬到網(wǎng)頁上的時(shí)候,盡管可能圖片本身處理的很漂亮,但是不得不痛苦的將它用軟 件壓縮、切割,有些很好的細(xì)節(jié)不得不放棄,那種割舍的感覺記憶猶新。同時(shí)那時(shí)缺乏像firework和imageready等軟件,所以對(duì)圖片的切割和拚 裝就特別的困難,首先是切割,得利用photoshop或者是photoimpact等等,可是這樣就特別麻煩。就如photoshop,要想切割成很多 部分雖然可以通過幾個(gè)辦法,但是都要分別做成不同的小文件,通過輔助線,這樣對(duì)齊就是一個(gè)較為煩人的事情,更煩的是在網(wǎng)頁軟件中的對(duì)齊,利用表格來對(duì)齊, 真是太麻煩了。很多的圖片,有時(shí)由于一個(gè)圖片對(duì)得不準(zhǔn)所有的都會(huì)不協(xié)調(diào)。所以在調(diào)那一個(gè)圖片的時(shí)候,真是牽一發(fā)而動(dòng)全身,整個(gè)眼看要成為一個(gè)完整的頁面會(huì) 由此變得歪歪扭扭。還有由于切割的圖片是分成不同的文件,存儲(chǔ)的時(shí)候就難免會(huì)因此壓縮比不一樣,所以放到網(wǎng)頁上有些顏色本來結(jié)合的很好的,就會(huì)變得有差 別。由此種種問題,糾纏在一起,所以在學(xué)習(xí)的過程中我經(jīng)歷了一個(gè)漫長(zhǎng)而痛苦的過程,這之間當(dāng)然是一個(gè)段煉的過程,是一個(gè)不斷積累經(jīng)驗(yàn)的過程。不斷的總結(jié)經(jīng) 驗(yàn),不斷的向書本學(xué)習(xí),同時(shí)我也經(jīng)常上網(wǎng)到bbs里向網(wǎng)友們學(xué)習(xí)。使我獲益非淺。
伴隨著網(wǎng)頁和繪圖的應(yīng)用軟件的升級(jí),以前不能實(shí)現(xiàn)的現(xiàn)在由于技術(shù)的進(jìn)步而能夠輕松實(shí)現(xiàn),例如dhtml和xml 等技術(shù)的升級(jí),網(wǎng)頁上的很多特效的輕松實(shí)現(xiàn);更為重要的是我的做網(wǎng)頁的經(jīng)驗(yàn)的不斷積累,并反饋到新的工作中,我不斷的體會(huì)到了做網(wǎng)頁的快樂。能夠在網(wǎng)頁排 版上輕車熟路的去通過調(diào)節(jié)以完成自己的目的,加上可以隨意的按照自己的愛好或者是根據(jù)軟件的優(yōu)缺點(diǎn)來選擇網(wǎng)頁軟件。我就可以更加熟練的擺脫軟件的桎梏,更 多把精力投入到網(wǎng)頁的設(shè)計(jì)制作中去。以完善自己的設(shè)計(jì)。能使自己在喜歡的天地里自由的翱翔,是多么令人高興的事情啊!我發(fā)現(xiàn)自己完全喜歡上了這個(gè)工作。不 僅僅把它看成一項(xiàng)工作,而是看成表達(dá)自己的意愿的一種方式,可以將自己的一些設(shè)計(jì)的理念表達(dá)出來。 有時(shí)候在埋怨自己找不到感覺,可是只要做的多之后,感覺接觸到網(wǎng)頁就會(huì)有很多的想法,在合理的選擇之后,做網(wǎng)頁就很容易。正是:“讀書破萬卷,下筆如 有神”。我想在這漫長(zhǎng)的求索過程中,我失去了不少,但是我得到的更多??鄻返捏w驗(yàn),最終是樂的,也許時(shí)時(shí)伴隨著苦,但是我仍然喜歡這種充滿激情的歷程,正 如一場(chǎng)足球賽,平平淡淡不是真,只有去經(jīng)歷了大喜大悲之后贏得了勝利,才是刻骨銘心的,我喜歡這種體驗(yàn)。
網(wǎng)頁設(shè)計(jì)師的素質(zhì)
網(wǎng)頁設(shè)計(jì)是一門新興的邊緣性的行業(yè),在網(wǎng)絡(luò)產(chǎn)生以后應(yīng)運(yùn)而生。網(wǎng)頁如門面,小到個(gè)人主頁,大到大公司、大的政府部門 以及國際組織等在網(wǎng)絡(luò)上無不以網(wǎng)頁作為自己的門面。當(dāng)點(diǎn)擊到網(wǎng)站時(shí),首先映入眼簾的是該網(wǎng)頁的界面設(shè)計(jì),如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng) 用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁設(shè)計(jì)的范疇,都是網(wǎng)頁設(shè)計(jì)師的工作。
作為一名網(wǎng)頁設(shè)計(jì)師,首先要具備審美的能力,而網(wǎng)頁設(shè)計(jì)就相當(dāng)于 平面設(shè)計(jì),網(wǎng)頁設(shè)計(jì)師可以將平面設(shè)計(jì)中的審美觀點(diǎn)套用到這上面來(其區(qū)別是動(dòng)態(tài)網(wǎng)頁的制作是平面設(shè)計(jì)不能達(dá)到的,它是一種審美方式的延伸),所以平面設(shè)計(jì) 上的審美的觀點(diǎn)在網(wǎng)頁設(shè)計(jì)上非常實(shí)用。如對(duì)比、均衡、重復(fù)、比例、近似、漸變以及節(jié)奏美、韻律美等等,以及色彩的搭配顯示出的輕快活潑的美,這些都能在網(wǎng) 頁上顯示出來,反映設(shè)計(jì)師高超的審美能力。因此作為一名網(wǎng)頁設(shè)計(jì)師,要使自己的網(wǎng)頁具有美感,不具備審美能力是不行的。這要求設(shè)計(jì)師平時(shí)多多的積累,在仔 細(xì)的觀察的基礎(chǔ)上多分析美的來源,并靈活的將這種理解了的美在自己的作品中表現(xiàn)出來。只有這樣才能使自己的審美能力達(dá)到一定的高度。而我們經(jīng)常看到一些網(wǎng) 頁里用的基本幾何形體錯(cuò)綜復(fù)雜,用色花里胡哨,讓人目不暇接,真有一種“亂花漸欲迷人眼”的感覺,但是我們得到了什么呢?美的享受?當(dāng)然沒有,有興趣得到 更多的信息嗎?首先自己就討厭,怎么還談得上感興趣?這是一種典型的失敗,一味的追求顯眼、追求吸引人,這種做法取得的效果適得其反。當(dāng)然并不是頁面做得 好看,具有美感網(wǎng)頁就一定讓人感興趣,這也建立在一定好的內(nèi)容的基礎(chǔ)上,假如什么內(nèi)容都沒有,也是不能吸引人的。只是網(wǎng)頁的界面設(shè)計(jì)應(yīng)該還是要以布局的美 為標(biāo)準(zhǔn),有規(guī)律可循,這也是網(wǎng)頁設(shè)計(jì)師的責(zé)任。
網(wǎng)頁設(shè)計(jì)師的素質(zhì)應(yīng)該全部是技術(shù)方面的嗎?君不見招聘的廣告一概為這樣:招網(wǎng)頁設(shè)計(jì)師xx名,具備素質(zhì)為精通 photoshop,corldraw,frontpage,dreamweaver,firework,flash.會(huì)css,html,asp, sql者優(yōu)先。難道這就是一個(gè)網(wǎng)頁設(shè)計(jì)師的全部嗎?這是一種只追求技術(shù)忽視美感的做法勢(shì)必導(dǎo)致一批粗制濫造的網(wǎng)頁。就象工業(yè)化大生產(chǎn)帶來的一大批冷冰冰的 電子產(chǎn)品,讓人反而特別渴望手工藝時(shí)代。我們也同樣可以從網(wǎng)頁制作的失敗上看到這樣的陰影,就是一些充斥著動(dòng)態(tài)與交互,但是頁面顏色和布局都是隨心所欲, 亂七八糟。這樣得不到好的效果。由此也有人指出網(wǎng)絡(luò)速度慢是由網(wǎng)頁設(shè)計(jì)師造成的,我想一定程度上是有一定的道理,但是應(yīng)該說是由一些不合格的網(wǎng)頁設(shè)計(jì)師造 成的,好的網(wǎng)頁設(shè)計(jì)師應(yīng)該是合理的利用技術(shù),在不影響美或者是盡量不影響的條件下,找到一個(gè)結(jié)合點(diǎn)做出美觀而又實(shí)用的網(wǎng)頁。才能算一個(gè)好的網(wǎng)頁設(shè)計(jì)師。 技術(shù)不需要嗎?當(dāng)然需要,而且相當(dāng)重要,這要以頁面的美(至少要規(guī)范)為基礎(chǔ)。而很多場(chǎng)合卻顛倒了。這不是本末倒置是什么?既然如此作為一名網(wǎng)頁設(shè)計(jì) 師要怎么把握這方面的技術(shù)呢?
隨著軟件業(yè)尤其是繪圖的應(yīng)用軟件以及網(wǎng)頁設(shè)計(jì)的軟件的不斷升級(jí),使用起來愈加方便。打個(gè)比方:原來的網(wǎng)頁全是如 同文本編輯一樣,圖片的定位就相當(dāng)困難,往往要求助于表格,很多時(shí)候就要表格加表格,表格里插表格,這就需要熟練的掌握表格的應(yīng)用。而且還很難達(dá)到目標(biāo), 有時(shí)不得不更改一些自己的目標(biāo)。這有時(shí)是牽一發(fā)而動(dòng)全身的?,F(xiàn)在呢?在dreamweaver和frontpage2000出現(xiàn)后,采用了高級(jí)的 dhtml技術(shù)以層的形式和定位功能將這個(gè)問題輕松的解決了。所以作為一名好的設(shè)計(jì)師應(yīng)該時(shí)時(shí)關(guān)注軟件的新的發(fā)展,適應(yīng)新的功能,以增加工作的效率(當(dāng)然 這就要求原來就要掌握必要的軟件的使用知識(shí),才能使自己能駕輕就熟的掌握新的升級(jí)后的軟件的使用),很多設(shè)計(jì)師卻只重視網(wǎng)頁的設(shè)計(jì)制作軟件的使用,而忽視 一些內(nèi)部技術(shù)方面的知識(shí)。這也不行的,例如如果不掌握asp技術(shù)網(wǎng)頁設(shè)計(jì)師的知識(shí)是不完善的,就不能做一些好的交互以及查詢等等系統(tǒng),還有一些數(shù)據(jù)庫以及 本身的html、dhtml、javascript和css的技術(shù)。只有這樣才能做到知其然和知其所以然。如若不然就只是讓人感到有一種缺陷,這種缺陷帶 給人的不是缺陷美,而是遺憾。
作為合格的網(wǎng)頁設(shè)計(jì)師,一定的文化素質(zhì)是不可少的,如文學(xué)修養(yǎng),看到一個(gè)又一個(gè)寫得優(yōu)美而充滿情調(diào)的文案了嗎? 同時(shí)你也看到了一些充斥著錯(cuò)別字和生硬的文字搭配的文章了嗎?好的文案,不僅僅讓人對(duì)你所做的網(wǎng)頁回味無窮,也可是自己的網(wǎng)頁平添幾分藝術(shù)特色。具備這樣 的素質(zhì)往往能從自己的網(wǎng)頁上反映出來,能使受眾體會(huì)到,如網(wǎng)頁內(nèi)容的好惡的選擇,適當(dāng)?shù)那苍~造句。相反,一個(gè)欠缺文學(xué)修養(yǎng)的設(shè)計(jì)師做的網(wǎng)頁,人們能從他的 網(wǎng)頁上看到他的缺陷。當(dāng)然文化素質(zhì)不僅僅包括文學(xué)修養(yǎng),還有音樂和繪畫等方面的修養(yǎng)。只有具備一定的這些方面的修養(yǎng),才能夠使自己網(wǎng)頁達(dá)到一定的水準(zhǔn),才 能夠使人欣賞到好的網(wǎng)頁制作。 網(wǎng)絡(luò)既然是現(xiàn)代社會(huì)的產(chǎn)物,那么它就與社會(huì)的發(fā)展緊密的結(jié)合在一起的,社會(huì)的一舉一動(dòng)都能在上面反映出來,人們不是特別關(guān)心網(wǎng)絡(luò)經(jīng)濟(jì)嗎?所以作為一名 從事網(wǎng)頁設(shè)計(jì)的人來說,就不能忽視社會(huì)時(shí)事的變化。對(duì)于風(fēng)聲雨聲、家事國事均要有所聞、有所關(guān)心,這樣才能使自己具有一顆不終止的進(jìn)取的心,應(yīng)付各種變 化,使運(yùn)動(dòng)的觀點(diǎn)深入到網(wǎng)頁制作中去,這樣做出來的網(wǎng)頁才能夠使網(wǎng)友們覺得親切,這樣得到的成果能夠被人所認(rèn)可,才是一大成功。假如永遠(yuǎn)在體會(huì)這種成功中 去工作,他才能算成功中的成功。就如流行色吧!假如你是一個(gè)經(jīng)常關(guān)注色彩的發(fā)展,知道現(xiàn)在人們很喜歡什么顏色,有的放矢的應(yīng)用一些到自己的相關(guān)的網(wǎng)頁制作 中,是很容易讓人體會(huì)到一種親切感的。還有經(jīng)常上網(wǎng)去看別人怎么做的,才能使自己不斷的吸收一些好的經(jīng)驗(yàn),杜絕一些常犯的毛病。自己也能了解到網(wǎng)頁的發(fā) 展,死跟上這種節(jié)奏。 以上是一點(diǎn)粗淺的看法,對(duì)于這們新興的邊緣性的學(xué)科,我們每一個(gè)從事網(wǎng)頁制作的人來說都應(yīng)該牢記“探索是無止境,學(xué)習(xí)無歸期”時(shí)時(shí)做一個(gè)生活的有心 人,只有這樣才能使自己的作品富有生機(jī)。