網(wǎng)頁可以說是網(wǎng)站構(gòu)成的基本元素。當我們輕點鼠標，在網(wǎng)海中遨游，一副副精彩的網(wǎng)頁會呈現(xiàn)在我們面前，那么，網(wǎng)頁的 精彩與否的因素是什么呢？色彩的搭配、文字的變化、圖片的處理等，這些當然是不可忽略的因素，除了這些，還有一個非常重要的因素——網(wǎng)頁的布局。下面，我 們就有關(guān)網(wǎng)頁布局談?wù)撘幌隆?nbsp;
網(wǎng)頁布局類型 
網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型，下面分別論述。 
1、 “國”字型：也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi) 容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。 
2、拐角型：這種結(jié)構(gòu)與上一種其實只是形式上的區(qū)別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側(cè)是一窄列鏈接等，右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側(cè)是導航鏈接 
3、標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。 
4、左右框架型：這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)的，有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰，一目了然。 
5、上下框架型：與上面類似，區(qū)別僅僅在于是一種上下分為兩頁的框架。 
6、綜合框架型：上頁兩種結(jié)構(gòu)的結(jié)合，相對復雜的一種框架結(jié)構(gòu)，較為常見的是類似于“拐角型”結(jié)構(gòu)的，只是采用了框架結(jié)構(gòu)。 
7、 封面型：這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在 首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。 
8、flash型：其實這與封面型結(jié)構(gòu)是類似的，只是這種類型采用了目前非常游戲行的flash，與封面型不同的是，由于flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差于傳統(tǒng)的多媒體。 
9、變化型：即上面幾種類型的結(jié)合與變化，比如本站在視覺上是很接近拐角型的，但所實現(xiàn)的功能的實質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型。 

關(guān)于第一屏 
所謂第一屏，是指我們到達一個網(wǎng)站在不拖動滾動條時能夠看到的部分。那么第一屏有多“大”呢？ 其實這是未知的。一般來講，在800*600的屏幕顯示模式(這也是最常用的)下，在ie安裝后默認的狀態(tài)(即工具欄地址欄等沒有改變)下，ie窗口內(nèi)能 看到的部分為778px*435px，一般來講，我們以這個大小為標準就行了，畢竟，在無法適合所有人的情況下，我們只能為大多數(shù)考慮了。 
說了那么多，無非是一個標準的問題，其實接下來不用我說大家也能想到，第一屏當然要放最主要的內(nèi)容，關(guān)鍵要知道的是，我們要對第一屏能顯示的面積要有個估計，而不要僅僅以自己的機器為準。其實網(wǎng)頁制作的一個很麻煩的地方就是瀏覽者的機器是未知的。 

有關(guān)導航欄的位置 
導航欄能讓我們在瀏覽時容易的到達不同的頁面，是網(wǎng)頁元素非常重要的部分，所以導航欄一 定要清晰、醒目，一般來講，導航欄要在“第一屏”能顯示出來，但是有時第一屏可能會小于上面所說的435px，積于這點考慮，那種橫向放置的導航欄要優(yōu)于 縱向的導航欄考慮，原因很簡單：如果瀏覽者的第一屏很矮，橫向的仍能全部看到，而縱向的就很難說了，因為窗口的寬度一般是不會受瀏覽器設(shè)置影響的，而縱向 的則不確定性要大的多。 

什么樣的布局是最好的 
這是初學者可能會問的問題。其實這要具體情況具體分析的：比如如果內(nèi)容非常多，就要 考慮用“國字型”或拐角型；而如果內(nèi)容不算太多而一些說明性的東西比較多，則可以考慮標題正文型；那幾種框架結(jié)構(gòu)的一個共同特點就是瀏覽方便，速度快，但 結(jié)構(gòu)變化不靈活；而如果是一個企業(yè)網(wǎng)站想展示一下企業(yè)形象或個人主頁想展示個人風采，封面性是首選；flash型更靈活一些，好的flash大大豐富了網(wǎng) 頁，但是它不能表達過多的文字信息。還沒有提到的就是變化型了，我只是想把這個留給讀者了，因為，只有不斷的變化才會提高，才會不斷豐富我們的網(wǎng)頁！ 

大致就這些了，希望您有所啟發(fā)。 

網(wǎng)頁導航設(shè)計的注意要點

一、注意超連結(jié)顏色與單純敘述文字的顏色呈現(xiàn) 
www的語言—html允許webpage設(shè)計者特別標明單純敘述文字與超連結(jié)的顏色，以便豐富webpage的色彩呈現(xiàn)。如果您的網(wǎng)站 
充滿知識性的信息，欲傳達給訪問者，建議您將網(wǎng)頁內(nèi)的文字與超連結(jié)顏色，設(shè)計成較干凈素雅的色調(diào)，會較有利于閱讀 
∶純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn)(如∶黑色、墨綠色、暗褐色)，超連結(jié)文字則以較鮮明搶眼的色彩來強調(diào) 
(如∶亮黃色、翠綠色、鮮橘色)，至于探訪過的超連結(jié)則采用較低于原超連結(jié)亮度的顏色做呈現(xiàn)。 

二、測試所有的超連結(jié)與導覽按鈕的真實可行性 

webpage上線之后，第一件該做的事，是逐一測試每一頁的每一個超連結(jié)與每一個導覽按鈕的真實可行性。徹底檢驗有沒有 
失敗的link無法連結(jié)到該連結(jié)的webpage，卻反而冒出“filenotfound”的錯誤訊號出來。這是一個負責任、夠水準的 
webpage設(shè)計者對自己的作品應(yīng)有的基本品質(zhì)要求。 

如果您果真有那么多的超連結(jié)必須提供給讀者，不如將這些超連結(jié)以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁 
上，既不防礙走文的順暢，又呈現(xiàn)一目了然的導覽連結(jié)。 

三、讓超連結(jié)的字串長短適中且走文自然 

抓住能傳達主要訊息的字眼當做超連結(jié)的錨點(anchor)，可有效地控制住超連結(jié)的字串長度，避免字串過長(如∶整行、整 
句都是錨點字串)或過短(如∶僅一個字當做錨點)，而不利于讀者的閱讀或點取。 

四、當導覽按鈕連結(jié)到目前此頁時 

各webpage若重復使用同一組的導覽按鈕，無可避免地會產(chǎn)生某一導覽按鈕連結(jié)到目前此頁的情形。為達成界面設(shè)計的一致 
性，并沒有絕對的必要性拿掉此導覽按鈕，但webpage設(shè)計者可讓此按鈕不再具有超連結(jié)的功能；或?qū)⒋税粹o的彩度、亮度 
降低(如∶深綠色變成淡綠色，亮紅色變成暗紅色)，使讀者可清楚地意識到∶這個暗設(shè)下來的導覽按鈕不再具有超連結(jié)的 
功能。  

五、分析、說明您提供的bookmarks或coollinks 

常常看到熱心的webpage設(shè)計者條列了精心收集的bookmarks或coollinks，以分享讀者個人遨游www的美好經(jīng)驗。但多數(shù) 
webpage設(shè)計者就只提供一大串links，并不分門別類，也不加以分析、說明為什么這個link好，值得推薦？那個link的主 
要內(nèi)容精彩之處？又在哪？提供您的bookmarks或coollinks是一大善舉，但未加以分析、說明，卻變得功虧一簣。多花幾 
分鐘，將您提供的bookmarks或coollinks稍加分類、注解，可提供讀者清晰的概念與無限的方便，也使您的站臺的導覽系 
統(tǒng)更加周全完善。未加以說明、注解的coollinks，其實一點也不cool。老實說，任何人都可以到y(tǒng)ahoo輕易地找到上百上 
千的links。您若未對這些推薦的links加以個人獨特的評論、介紹，讀者又何勞偏得到您的站臺去找索引呢？任何一個分 
類索引或搜尋引擎都絕對比您條列的links還要更完備齊全。 
六、在具有前后連續(xù)順序的文件里提供必要的連結(jié) 

將篇幅過長的文件分隔成數(shù)篇較小的webpages大大地增加了界面的親和性，但在導覽按鈕與超連結(jié)的配置上，webpage設(shè)計 
者則要更細心周全地安排，使得讀者不論身處您站臺的哪一階層，依然能夠快速便捷地通往其他任何一個頁面。webpage設(shè) 
計者應(yīng)特別注意∶ 

1.提供“上一頁”、“下一頁”、“回子目錄頁”與“回首頁”的導覽按鈕或超鏈結(jié)在一系列具前后連續(xù)順序的文件里， 
每篇webpage都至少應(yīng)提供“上一頁”、“下一頁”、“回子目錄頁”與“回首頁”的導覽按鈕或超連結(jié)，可使讀者能夠立 
即得知自己所在的頁面，是屬于一份較大文件內(nèi)的一小部分。(考慮、體貼一下某讀者不是從您的home順序連結(jié)至此頁，而 
是依循別的站臺的某個link跳躍連結(jié)至此)。并且可以借由這些links隨時參考連結(jié)“上一頁”、“下一頁”與本頁的連貫 
內(nèi)容；直接點取“回子目錄頁”查尋其他相關(guān)的標題；或直接跳躍至homepage，瀏覽其他不同項目的信息。 

2.簡明扼要地標明此頁、上一頁與下一頁文件的標題或內(nèi)容梗概。 

在一系列具有前后連續(xù)順序的文件里，每篇webpage都應(yīng)加上一個具有說明性的標題，使讀者一目了然，馬上抓住這一頁的 
重點。而完善的導覽系統(tǒng)除了提供“上一頁”、“下一頁”的導覽按鈕或超連結(jié)外，更添加精簡達意的上一頁與下一頁標 
題、內(nèi)容提要，使讀者即使尚未點取這些webpages時，亦能先梗概地了解自己將連結(jié)至什么樣的webpage。 

3.提醒讀者某一系列文件已到盡頭。 

當讀者已達某一系列文件的最后一頁時，webpage設(shè)計者應(yīng)提供一小段告示提醒讀者，同時不再提供“下一頁”的導覽按鈕 
或超連結(jié)。但基于webpage界面設(shè)計的一致性，或許有些webpage設(shè)計者并不希望在同一系列的最后一篇webpage里忽然少了 
一個先前每頁都有的“下一頁”導覽按鈕(尤其是精心設(shè)計過的圖形化導覽按鈕)。為達此目的，可考慮將最后一頁的“下 
一頁”導覽按鈕顏色暗沉下來，且不賦予超連結(jié)的功能，并提供一小段告示提醒讀者，此系列文件已到盡頭，不再有“下 
一頁”的內(nèi)容。 

七、在較長的webpage內(nèi)提供目錄表與大標題 

理想的webpage長度以不超過三、四個熒幕頁面為佳。但是如果基于某些特殊理由，您的webpage一定要做得很長，那么不 
要忘了在此長篇的webpage最上頭，提供一個目錄表，webpage的內(nèi)容也標上大小標題，以利清楚閱讀。尤其重要的是，在 
這些標題與目錄表的htmlsource里分別設(shè)置錨點，并鏈接到錨點，以使您的webpage真正發(fā)揚www的高互動性、高便捷性功 
能。 

八、暫時不提供超連結(jié)到尚未完成的webpage 

超連結(jié)或?qū)в[按鈕應(yīng)該引導讀者到一篇真正“有料”的webpage，而不是以“掛羊頭賣狗肉”的方式，事先將某一超連結(jié)描 
述得超級精彩、超級誘人，結(jié)果讀者興致勃勃地連結(jié)過去，卻根本看不到任何精彩、誘人的內(nèi)容，唯一所見的，只是一張 
無聊的告示牌“施工中”。 

如果您急欲在網(wǎng)絡(luò)上推出您的站臺、展現(xiàn)您homepage，但仍有少數(shù)幾頁webpage尚未完成，建議您先暫時別讓這些“施工 
中”的webpage正式露面。(即先暫時別讓這些連往“施工中”的webpage的“超連結(jié)”，擁有真正的超連結(jié)功能。)等到您 
“幾乎”完工之后(webpage永遠沒有“真正”完工之時，總是需要不斷地修改、增添、翻新)，再正式開放連結(jié)也不遲。 

倘若您急欲告訴讀者，您即將提供一頁超級精彩、超級誘人的webpage在此站臺，只是目前仍在努力趕制中，您大可直接擺 
一段告示在即將是“超連結(jié)”的文字旁(但目前仍不具超連結(jié)的功能)，明白昭示世人，以節(jié)省讀者徒然點取、徒然往返的 
時間；也免得讀者滿懷希望，卻又落得失望而歸。 

九、不要在一篇短文里提供太多的超連結(jié) 

適當、有效率地使用超連結(jié)，是一個優(yōu)良的導覽系統(tǒng)不可或缺的條件之一。但過份濫用超連結(jié)，造成短短的一篇文章里卻 
處處是links，反而損害了webpage行文的流暢與可親性。在充斥著超連結(jié)的短文里，很可能其中不少是無意義、沒必要的 
links。例如∶連結(jié)到一頁只有兩三行注解的link、連結(jié)到一頁只放了“施工中”的招牌的link。在一篇長短適中的 
webpage里(三、四個熒幕頁面)，文章里提供的文字式超連結(jié)最好不要超過10個以上，以使全頁行文能夠順暢，而讀者也不 
至于眼見一大堆超連結(jié)，反而不知從何點取才好。況且，連續(xù)、肩并肩地出現(xiàn)兩三個文字式超連結(jié)，很容易被誤認為只是 
一個長度較長的超連結(jié)，于是被讀者忽略掉，便也失去了這些超連結(jié)的原本功能。

網(wǎng)頁留白的藝術(shù)

國畫中有一句話描述這種藝術(shù)形式的空間布局比較經(jīng)典，就是“計白當黑”，表明了白也就是空的地方和著的墨一樣都是國 畫整體的組成部分，如何利用空間中的留白是非常重要的，也是提升藝術(shù)性的途徑，有些盡管是畫的很不錯，但是看起來不舒服，就是沒有重視留白，造成了畫面的 整體上的失敗。對于網(wǎng)頁設(shè)計來說，有何嘗不是如此呢？也許現(xiàn)在我們沒有把它提升到一個藝術(shù)審美的角度來看待，所以沒有人去深究過網(wǎng)頁的藝術(shù)性，我想這是我 們網(wǎng)頁設(shè)計者孜孜以求的方向，因為未來的網(wǎng)絡(luò)技術(shù)高度發(fā)達，人們對于更高層次的追求也就必然會牽涉到對藝術(shù)、對美的追求。既然如此，我們就應(yīng)該把眼光放遠 一點，把網(wǎng)頁的設(shè)計提到這個層次來考慮。盡量的克服目前技術(shù)帶來的限制。既然如此，按照藝術(shù)審美的觀點，網(wǎng)頁上的留白也是一個組成部分，同其它的主要的內(nèi) 容入文本、圖片、動畫一樣，是每個設(shè)計者在制作網(wǎng)頁時要一起考慮的。 　　提升到藝術(shù)的高度來看待留白是通過視覺上的手段，留白也可以給人帶來心理上的輕松與快樂，也可以給人帶來緊張與節(jié)奏，通過這種手段可以向使用者表達出 設(shè)計者的心理感覺，設(shè)計者在設(shè)計網(wǎng)頁的同時也在同自己的使用對象在作一種交流，好的設(shè)計者能夠達到同自己的使用對象進行心理對話的程度。不光通過頁面上的 文字、圖片、動畫的組合和排列，同時借助留白進行表達。可以達到非常好的效果，例如一個休閑的網(wǎng)站，設(shè)計者要傳達給使用者的一個信息就是要是讓他們輕松隨 意，無拘無束，光通過網(wǎng)頁上的圖片和文字的表達是干巴巴的，沒有感情色彩的。如果能通過網(wǎng)頁設(shè)計反映出這種感情色彩，顯然這樣的設(shè)計是較為高明的設(shè)計。能 實現(xiàn)嗎？當然可以，借助網(wǎng)頁上的留白就可以，讓留白更多的顯示出自己的特色，在聯(lián)系圖片和文字的中間架起一道橋梁 。

網(wǎng)頁設(shè)計的八種陋習

一、不要為圖像加入太長的交互文本 
使用“alt=”為圖像加入交互文本是一個好習慣，因為并不是所 有的人都打開圖像載入開關(guān)的，這時候這些交互文本給了用戶一個有 用的提示，特別是一些連接。但有部分網(wǎng)頁制作者為圖像加入了很長 的交互文本，當用戶載入圖像時，這并不影響結(jié)果；但如果用戶不載 入圖像，瀏覽器就會將所有的文本都顯示出來，以致超出了它本來的 寬度、或高度，對網(wǎng)頁原來的排版影響很大。 　　 

　　例如廣州市某免費個人主頁提供商的網(wǎng)頁，我開始在關(guān)閉圖像載 入的情況下訪問，結(jié)果該網(wǎng)頁亂七八糟，而且需要使用滾動條才能全 部瀏覽，每個文字連接都被前面的圖像*得排成兩行，很不順眼！后來我打開圖像載入再去訪問該站時，發(fā)現(xiàn)網(wǎng)頁原來很整齊。那些用文 件名和長度作為交互文本的圖像只是一些長度、寬度都很小的裝飾圖 案，但因為交互文本太長了，所以才造成了混亂！ 

二、不要將連接全部擺在圖像中 

　　以往的網(wǎng)頁中的連接都是文字，而且用下劃線以資識別。但不久人們就討厭了這些文字連接，于是都采用了圖像連接。 后來，更加嫌一個圖像一個連接太麻煩了，于是將所有的連接到擺進了一個圖像中去。但與上忌情況一樣，不是所有的人都打開圖像載入，如果你把所有的連接到擺 在圖像中去，而沒有任何同樣功能的文字連接的話，用戶也許會很不知所措。 

　　某網(wǎng)上男孩子的網(wǎng)頁，可能是考慮到這個情況，于是把包含在圖 像中的連接作為交互文本列了出來———呀！足有1000多像素的寬度 。結(jié)果我沒有用鼠標去“探索”———其實可以用tab鍵去尋找這些 連接———而是退了出來。與其怕部分用戶望而止步寫了那么多的交 互文本，為什么就不可以增加一些同樣目的的文字連接呢？  
三、不要使用自動滾動 

　　曾經(jīng)到過一個內(nèi)容“豐富”的網(wǎng)頁，它幾乎使用了所有曾經(jīng)在 《中國計算機報》中出現(xiàn)過的網(wǎng)頁制作技巧：現(xiàn)在的時間、訪問了的 時間、等等。不過有一個不是使用得很好的，就是窗口的自動滾動。 我只是想發(fā)個郵件給網(wǎng)頁的主人，但我卻無法使?jié)L動條停下來讓我點 擊連接，于是我花了很久才“命中”窗口中的e－mail連接———真 后悔軍訓的時候沒有練好射擊！也許自動滾動可以炫耀一下本事，但 就沒有什么實際價值了。用戶有鼠標，可以自己移動滾動條，網(wǎng)頁制 作者們可以少 *** 心。 

四、不要用延時效果的javascript 

　　現(xiàn)在的網(wǎng)頁制作者為了使網(wǎng)頁更加具有影響力，都瘋狂地加入javascript 。以現(xiàn)在的貓奔跑的速度而言，這些腳本也算不了什么，用戶不會介 意。但是，如果這些腳本可能導致延時的話，用戶的態(tài)度就不同了。 因為這些延時不會因為貓的快慢而改變，任何用戶都必須望著屏幕上 的“雜耍”完了才可以繼續(xù)。頭一兩次還會覺得：well，棒極了！但 后來，……某個國人網(wǎng)頁的首頁在載入時窗口的底色———窗口里面 沒有任何內(nèi)容———由白色逐漸變成黑色，整個過程耗費了幾秒，嘿！ 別小看這幾秒，我能檢查了全部的郵箱了！ 　　 

五、不要依賴瀏覽器 

　　唉！其實留意《中國計算機報》的話，應(yīng)該看過這類的警告。但 事實上，太多的網(wǎng)站首頁中加入了“請在123＊456分辨率下使用789 瀏覽器瀏覽本網(wǎng)站”的文字。我是安裝了ie、nc、和opera，因為我 要制作網(wǎng)頁，需要它們來檢驗網(wǎng)頁的在這些瀏覽器下的可讀性。但一 般用戶不會安裝那么多的瀏覽器，更加不會牢記著哪個網(wǎng)站需要用哪 個瀏覽器瀏覽 　　網(wǎng)頁設(shè)計是一門藝術(shù)，一門大眾（流行）藝術(shù)！就好比音樂，只 使用一種樂器、沒有歌聲，當然也會有人喜歡，但是流行音樂更多的 是采用各種樂器，加上歌手的歌聲，這樣才會被更加多的普羅大眾所 接受，對嗎？ 　　 
也許不可能讓網(wǎng)頁在使用所有的瀏覽器瀏覽都有一樣的效果，但 盡量地去達到該目的，會讓網(wǎng)頁在這個瀏覽器下有這樣的特色、在另 一個瀏覽器下又有不同的特色，這是網(wǎng)頁制作者的工作，不是嗎？ 　　 

六、不要濫用留言簿 

　　別誤會，雖然我的個人網(wǎng)頁由于服務(wù)器的問題不能使用留言簿， 但我絕對不是妒忌！那次在某個網(wǎng)友的網(wǎng)頁上留言，提交之后發(fā)現(xiàn)我 的留言和個人的部分資料立即送了上留言網(wǎng)頁，和其他以前的留言一 起展示出來。首先，我的個人資料之所以告訴你是因為想與你交個朋 友，但未經(jīng)任何提示的情況下就全部擺了上網(wǎng)，好象不是很友善。其 次，更重要的是，我在該留言網(wǎng)頁上發(fā)現(xiàn)了某個人的言論似乎很偏激， 有反革命嫌疑———這樣做是很危險的！你的網(wǎng)頁有沒有違法成分你 自己可以控制，但其他訪問者的言論是你所難以估計的，萬一被其他 別有居心的人利用來進行反動宣傳，這樣你豈不成了“同伙”！ 　　 

　　有鑒于此，我奉勸所有使用留言簿的網(wǎng)友，慎之又慎啊！ 

七、不要忘記版權(quán)　 

　　現(xiàn)在，網(wǎng)上的侵犯知識產(chǎn)權(quán)問題非常猖獗，某n字頭免費個人網(wǎng) 頁提供商上的網(wǎng)頁尤其嚴重———甚至有盜版光盤販賣呢！為此一些 新的免費個人網(wǎng)頁提供商就要求用戶在申請時提交詳細的、真實的個資料，以防備不可預(yù)計的事情發(fā)生。 　　 

　　不少的網(wǎng)友都很輕視知識產(chǎn)權(quán)，覺得自己是個人，大公司不會計 較的。但，《中華人民共和國計算機信息網(wǎng)絡(luò)國際聯(lián)網(wǎng)安全保護管理 辦法》中第四條規(guī)定“任何單位和個人不得利用國際聯(lián)網(wǎng)危害國家安 全、泄露國家秘密，不得侵犯國家的、社會的、集體的利益和公民的 合法權(quán)益，不得從事違法犯罪活動。”所以，如果你的網(wǎng)頁需要引用 別人的東西的話，要么你就和他聯(lián)系一下，征求意見；要么就在明顯 的位置注明其版權(quán)歸屬。這并非多余，這是你的網(wǎng)頁“長壽”的秘方！ 

　　當然，如果是你自己制作的圖像或自己撰寫的文章，你絕對有權(quán) 聲明版權(quán)歸你自己所有！ 

八、不要懶于更新 

　　某個n字頭的個人網(wǎng)頁聚居地上有很多的網(wǎng)頁都是很久前建立而至今沒有更新過的，姑且不說這是浪費公用資源的行 為，訪問過這些 網(wǎng)頁的人看見網(wǎng)頁主人如此懶惰，你說他還會再去訪問嗎？誰能確定 下次訪問不會又是這般模樣呢？因特網(wǎng)上的資源如此浩瀚，誰會去訪問一個“從”不更新的網(wǎng)頁呢？ 　　我誠意地奉勸那些“霸占”了公用的個人網(wǎng)頁存放地方的人，如 果你們真的那么忙，為何不讓出空間，給新的網(wǎng)友更多發(fā)展的機會呢？ 

網(wǎng)頁設(shè)計的苦與樂 

事物都是矛盾的統(tǒng)一體，苦與樂就是一對互相依存又相互獨立的矛盾體。正如人們常說的“沒有苦哪有甜？”，在網(wǎng)頁制作 過程中，我的感受尤為明顯，從事網(wǎng)頁制作兩年以來，從一個對網(wǎng)頁一竅不通到現(xiàn)在略有所得，這之間經(jīng)歷了一個漫長的苦和樂交織的過程。這期間漫漫的獨自探索 路，讓人回想起來，諸多的回味。

　　在剛剛跨入這個網(wǎng)頁領(lǐng)域的門檻的時候，就是一個從無到有的學習的過程，當然不可避免的是一個痛苦的過程，每天面對很多的新名詞，諸如超鏈接，ip，url等等，就讓我好不頭疼，不過只有硬著頭皮將自己投入到這個陌生的世界里。

　　首先接觸到的第一個問題就是從平面設(shè)計到網(wǎng)頁設(shè)計的一個轉(zhuǎn)變，由于平面設(shè)計反映的主題一般都比較單一。而網(wǎng)頁設(shè) 計往往是一個整體，所以要用一個整體化的思維來解決問題，這樣設(shè)計的過程就是一個很苦的過程，一步一步的按照統(tǒng)一的思想來設(shè)計，先搜集資料就不是一件省心 的事情，因為涉及到選擇資料的問題，充分的分析網(wǎng)站的要求，利用已有的一些資料，舍棄無關(guān)的，再利用已有的手段找一些自己要的資料。同時也要設(shè)法通過設(shè)計 將它們統(tǒng)一起來，找到它們的調(diào)和點。由此設(shè)計出網(wǎng)頁的基本風格，再到具體的頁面的顏色搭配、圖片文字的配置、按鈕的樣式以及編排方式等等問題。由大到小， 由粗到細……，當自己獨立完成一個網(wǎng)頁是尤其該如此，所以這很多繁瑣的問題只能用一個字來形容，就是“苦”。不僅如此，還要經(jīng)歷一個反復修改再定稿的過 程，從手工繪制草圖到在軟件中實現(xiàn)，不能很好的實現(xiàn)的，就修改草圖，如此反復。或者是多個草圖選擇最好的來制作，如此種種。在這轉(zhuǎn)變的過程中，不斷的找準 平面設(shè)計和網(wǎng)頁設(shè)計的現(xiàn)實情況的一個調(diào)和點，在兩者之間搭起一座橋梁。為此付出了太多的努力。而最初收獲是很小的，就是因為軟件的限制。網(wǎng)頁應(yīng)用軟件嚴重 的約束了自己發(fā)揮。

　　對于使用網(wǎng)頁的應(yīng)用軟件。我還有一段較為痛苦的經(jīng)歷。照理說我有很多的圖形設(shè)計應(yīng)用軟件的使用經(jīng)歷。使用網(wǎng)頁軟 件相對會感到一些的輕松。但是同樣碰到了很多的問題，記得在當初學習frontpage98的時候，曾經(jīng)讓我感到很不方便，就是因為我用一般的繪圖軟件如 photoshop和corldraw等，在拖動圖片或者是文字等都是很隨意的，想放到哪個地方都可以，不會像frontpage里一樣采用的是文本編輯 的形式，這樣就感到很受限制，處處受制。當然就不得不學用表格，這更增添了我痛苦的記憶，特別是表格的控制，由于受到相鄰的圖片或者文字或者是表格的影 響，有時候始終不能達到自己的目的，再在表格里加表格，這樣處在外面的表格就更加不好控制。很多時候不但不能排好，甚至會把屏幕搞的亂七八糟，自己給搞的 頭腦發(fā)脹。好想放棄…… 　　可是一旦超越了這個階段，就會感到一種如飛的制作的快感，在設(shè)計出來以后，看兩眼就能知道該怎么運用表格或者是其它的方式，采用一些排版的技巧，輕松 的完成任務(wù)，充滿自信的這種感覺是一種快樂的、經(jīng)歷了痛苦的探索之后的成就感。

　　再如圖片的使用問題，當初在將圖片搬到網(wǎng)頁上的時候，盡管可能圖片本身處理的很漂亮，但是不得不痛苦的將它用軟 件壓縮、切割，有些很好的細節(jié)不得不放棄，那種割舍的感覺記憶猶新。同時那時缺乏像firework和imageready等軟件，所以對圖片的切割和拚 裝就特別的困難，首先是切割，得利用photoshop或者是photoimpact等等，可是這樣就特別麻煩。就如photoshop，要想切割成很多 部分雖然可以通過幾個辦法，但是都要分別做成不同的小文件，通過輔助線，這樣對齊就是一個較為煩人的事情，更煩的是在網(wǎng)頁軟件中的對齊，利用表格來對齊， 真是太麻煩了。很多的圖片，有時由于一個圖片對得不準所有的都會不協(xié)調(diào)。所以在調(diào)那一個圖片的時候，真是牽一發(fā)而動全身，整個眼看要成為一個完整的頁面會 由此變得歪歪扭扭。還有由于切割的圖片是分成不同的文件，存儲的時候就難免會因此壓縮比不一樣，所以放到網(wǎng)頁上有些顏色本來結(jié)合的很好的，就會變得有差 別。由此種種問題，糾纏在一起，所以在學習的過程中我經(jīng)歷了一個漫長而痛苦的過程，這之間當然是一個段煉的過程，是一個不斷積累經(jīng)驗的過程。不斷的總結(jié)經(jīng) 驗，不斷的向書本學習，同時我也經(jīng)常上網(wǎng)到bbs里向網(wǎng)友們學習。使我獲益非淺。

　　伴隨著網(wǎng)頁和繪圖的應(yīng)用軟件的升級，以前不能實現(xiàn)的現(xiàn)在由于技術(shù)的進步而能夠輕松實現(xiàn)，例如dhtml和xml 等技術(shù)的升級，網(wǎng)頁上的很多特效的輕松實現(xiàn)；更為重要的是我的做網(wǎng)頁的經(jīng)驗的不斷積累，并反饋到新的工作中，我不斷的體會到了做網(wǎng)頁的快樂。能夠在網(wǎng)頁排 版上輕車熟路的去通過調(diào)節(jié)以完成自己的目的，加上可以隨意的按照自己的愛好或者是根據(jù)軟件的優(yōu)缺點來選擇網(wǎng)頁軟件。我就可以更加熟練的擺脫軟件的桎梏，更 多把精力投入到網(wǎng)頁的設(shè)計制作中去。以完善自己的設(shè)計。能使自己在喜歡的天地里自由的翱翔，是多么令人高興的事情啊！我發(fā)現(xiàn)自己完全喜歡上了這個工作。不 僅僅把它看成一項工作，而是看成表達自己的意愿的一種方式，可以將自己的一些設(shè)計的理念表達出來。 　　有時候在埋怨自己找不到感覺，可是只要做的多之后，感覺接觸到網(wǎng)頁就會有很多的想法，在合理的選擇之后，做網(wǎng)頁就很容易。正是：“讀書破萬卷，下筆如 有神”。我想在這漫長的求索過程中，我失去了不少，但是我得到的更多。苦樂的體驗，最終是樂的，也許時時伴隨著苦，但是我仍然喜歡這種充滿激情的歷程，正 如一場足球賽，平平淡淡不是真，只有去經(jīng)歷了大喜大悲之后贏得了勝利，才是刻骨銘心的，我喜歡這種體驗。

網(wǎng)頁設(shè)計師的素質(zhì) 

網(wǎng)頁設(shè)計是一門新興的邊緣性的行業(yè)，在網(wǎng)絡(luò)產(chǎn)生以后應(yīng)運而生。網(wǎng)頁如門面，小到個人主頁，大到大公司、大的政府部門 以及國際組織等在網(wǎng)絡(luò)上無不以網(wǎng)頁作為自己的門面。當點擊到網(wǎng)站時，首先映入眼簾的是該網(wǎng)頁的界面設(shè)計，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng) 用、使用的引導等等。這一切都是網(wǎng)頁設(shè)計的范疇，都是網(wǎng)頁設(shè)計師的工作。 
作為一名網(wǎng)頁設(shè)計師，首先要具備審美的能力，而網(wǎng)頁設(shè)計就相當于 平面設(shè)計，網(wǎng)頁設(shè)計師可以將平面設(shè)計中的審美觀點套用到這上面來（其區(qū)別是動態(tài)網(wǎng)頁的制作是平面設(shè)計不能達到的，它是一種審美方式的延伸），所以平面設(shè)計 上的審美的觀點在網(wǎng)頁設(shè)計上非常實用。如對比、均衡、重復、比例、近似、漸變以及節(jié)奏美、韻律美等等，以及色彩的搭配顯示出的輕快活潑的美，這些都能在網(wǎng) 頁上顯示出來，反映設(shè)計師高超的審美能力。因此作為一名網(wǎng)頁設(shè)計師，要使自己的網(wǎng)頁具有美感，不具備審美能力是不行的。這要求設(shè)計師平時多多的積累，在仔 細的觀察的基礎(chǔ)上多分析美的來源，并靈活的將這種理解了的美在自己的作品中表現(xiàn)出來。只有這樣才能使自己的審美能力達到一定的高度。而我們經(jīng)常看到一些網(wǎng) 頁里用的基本幾何形體錯綜復雜，用色花里胡哨，讓人目不暇接，真有一種“亂花漸欲迷人眼”的感覺，但是我們得到了什么呢？美的享受？當然沒有，有興趣得到 更多的信息嗎？首先自己就討厭，怎么還談得上感興趣？這是一種典型的失敗，一味的追求顯眼、追求吸引人，這種做法取得的效果適得其反。當然并不是頁面做得 好看，具有美感網(wǎng)頁就一定讓人感興趣，這也建立在一定好的內(nèi)容的基礎(chǔ)上，假如什么內(nèi)容都沒有，也是不能吸引人的。只是網(wǎng)頁的界面設(shè)計應(yīng)該還是要以布局的美 為標準，有規(guī)律可循，這也是網(wǎng)頁設(shè)計師的責任。

　　網(wǎng)頁設(shè)計師的素質(zhì)應(yīng)該全部是技術(shù)方面的嗎？君不見招聘的廣告一概為這樣：招網(wǎng)頁設(shè)計師xx名，具備素質(zhì)為精通 photoshop，corldraw,frontpage,dreamweaver,firework,flash.會css,html,asp, sql者優(yōu)先。難道這就是一個網(wǎng)頁設(shè)計師的全部嗎？這是一種只追求技術(shù)忽視美感的做法勢必導致一批粗制濫造的網(wǎng)頁。就象工業(yè)化大生產(chǎn)帶來的一大批冷冰冰的 電子產(chǎn)品，讓人反而特別渴望手工藝時代。我們也同樣可以從網(wǎng)頁制作的失敗上看到這樣的陰影，就是一些充斥著動態(tài)與交互，但是頁面顏色和布局都是隨心所欲， 亂七八糟。這樣得不到好的效果。由此也有人指出網(wǎng)絡(luò)速度慢是由網(wǎng)頁設(shè)計師造成的，我想一定程度上是有一定的道理，但是應(yīng)該說是由一些不合格的網(wǎng)頁設(shè)計師造 成的，好的網(wǎng)頁設(shè)計師應(yīng)該是合理的利用技術(shù)，在不影響美或者是盡量不影響的條件下，找到一個結(jié)合點做出美觀而又實用的網(wǎng)頁。才能算一個好的網(wǎng)頁設(shè)計師。 　　技術(shù)不需要嗎？當然需要，而且相當重要，這要以頁面的美（至少要規(guī)范）為基礎(chǔ)。而很多場合卻顛倒了。這不是本末倒置是什么？既然如此作為一名網(wǎng)頁設(shè)計 師要怎么把握這方面的技術(shù)呢？

　　隨著軟件業(yè)尤其是繪圖的應(yīng)用軟件以及網(wǎng)頁設(shè)計的軟件的不斷升級，使用起來愈加方便。打個比方：原來的網(wǎng)頁全是如 同文本編輯一樣，圖片的定位就相當困難，往往要求助于表格，很多時候就要表格加表格，表格里插表格，這就需要熟練的掌握表格的應(yīng)用。而且還很難達到目標， 有時不得不更改一些自己的目標。這有時是牽一發(fā)而動全身的。現(xiàn)在呢？在dreamweaver和frontpage2000出現(xiàn)后，采用了高級的 dhtml技術(shù)以層的形式和定位功能將這個問題輕松的解決了。所以作為一名好的設(shè)計師應(yīng)該時時關(guān)注軟件的新的發(fā)展，適應(yīng)新的功能，以增加工作的效率（當然 這就要求原來就要掌握必要的軟件的使用知識，才能使自己能駕輕就熟的掌握新的升級后的軟件的使用），很多設(shè)計師卻只重視網(wǎng)頁的設(shè)計制作軟件的使用，而忽視 一些內(nèi)部技術(shù)方面的知識。這也不行的，例如如果不掌握asp技術(shù)網(wǎng)頁設(shè)計師的知識是不完善的，就不能做一些好的交互以及查詢等等系統(tǒng)，還有一些數(shù)據(jù)庫以及 本身的html、dhtml、javascript和css的技術(shù)。只有這樣才能做到知其然和知其所以然。如若不然就只是讓人感到有一種缺陷，這種缺陷帶 給人的不是缺陷美，而是遺憾。

　　作為合格的網(wǎng)頁設(shè)計師，一定的文化素質(zhì)是不可少的，如文學修養(yǎng)，看到一個又一個寫得優(yōu)美而充滿情調(diào)的文案了嗎？ 同時你也看到了一些充斥著錯別字和生硬的文字搭配的文章了嗎？好的文案，不僅僅讓人對你所做的網(wǎng)頁回味無窮，也可是自己的網(wǎng)頁平添幾分藝術(shù)特色。具備這樣 的素質(zhì)往往能從自己的網(wǎng)頁上反映出來，能使受眾體會到，如網(wǎng)頁內(nèi)容的好惡的選擇，適當?shù)那苍~造句。相反，一個欠缺文學修養(yǎng)的設(shè)計師做的網(wǎng)頁，人們能從他的 網(wǎng)頁上看到他的缺陷。當然文化素質(zhì)不僅僅包括文學修養(yǎng)，還有音樂和繪畫等方面的修養(yǎng)。只有具備一定的這些方面的修養(yǎng)，才能夠使自己網(wǎng)頁達到一定的水準，才 能夠使人欣賞到好的網(wǎng)頁制作。 　　網(wǎng)絡(luò)既然是現(xiàn)代社會的產(chǎn)物，那么它就與社會的發(fā)展緊密的結(jié)合在一起的，社會的一舉一動都能在上面反映出來，人們不是特別關(guān)心網(wǎng)絡(luò)經(jīng)濟嗎？所以作為一名 從事網(wǎng)頁設(shè)計的人來說，就不能忽視社會時事的變化。對于風聲雨聲、家事國事均要有所聞、有所關(guān)心，這樣才能使自己具有一顆不終止的進取的心，應(yīng)付各種變 化，使運動的觀點深入到網(wǎng)頁制作中去，這樣做出來的網(wǎng)頁才能夠使網(wǎng)友們覺得親切，這樣得到的成果能夠被人所認可，才是一大成功。假如永遠在體會這種成功中 去工作，他才能算成功中的成功。就如流行色吧！假如你是一個經(jīng)常關(guān)注色彩的發(fā)展，知道現(xiàn)在人們很喜歡什么顏色，有的放矢的應(yīng)用一些到自己的相關(guān)的網(wǎng)頁制作 中，是很容易讓人體會到一種親切感的。還有經(jīng)常上網(wǎng)去看別人怎么做的，才能使自己不斷的吸收一些好的經(jīng)驗，杜絕一些常犯的毛病。自己也能了解到網(wǎng)頁的發(fā) 展，死跟上這種節(jié)奏。 　　以上是一點粗淺的看法，對于這們新興的邊緣性的學科，我們每一個從事網(wǎng)頁制作的人來說都應(yīng)該牢記“探索是無止境，學習無歸期”時時做一個生活的有心 人，只有這樣才能使自己的作品富有生機。