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

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

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

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

大致就這些了，希望您有所啟發。 

網頁導航設計的注意要點

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

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

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

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

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

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

四、當導覽按鈕連結到目前此頁時 

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

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

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

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

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

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

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

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

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

七、在較長的webpage內提供目錄表與大標題 

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

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

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

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

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

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

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

網頁留白的藝術

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

網頁設計的八種陋習

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

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

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

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

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

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

四、不要用延時效果的javascript 

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

五、不要依賴瀏覽器 

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

六、不要濫用留言簿 

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

　　有鑒于此，我奉勸所有使用留言簿的網友，慎之又慎??！ 

七、不要忘記版權　 

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

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

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

八、不要懶于更新 

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

網頁設計的苦與樂 

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

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

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

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

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

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

網頁設計師的素質 

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

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

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

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