網頁設計 網站設計 Web Design

美國科技博客Business Insider今日發表文章稱，顏色對於消費者的購買決定起著十分重要的作用，93%的消費者在做購買決定時會考慮到顏色。

以下為文章內容摘要：

在創建網站選擇色調時，大多數企業想到的是美觀。其實，顏色所起到的作用遠超出人們的想象。

關於顏色與購買習慣的心理學書籍比比皆是，下面要談的並不是心理學，而是一些基本的規律，如各種顏色代表著什麼，分別將吸引哪些人群等等。

顏色對消費者的購買決定起著重要作用，調研公司KISSMetrics數據顯示：

1。93%的消費者在做購買決定時會考慮到顏色和外觀。

2。85%的購物者表示，在購買一件商品時顏色是主要考慮因素。

3。如果顏色搭配得體，品牌知名度會提升80%。

這意味著什麼呢？

了解什麼顏色適合什麼人群至關重要，特定的顏色會激發特定的感覺，以下為各種顏色所代表的含義：

黃色：年輕，樂觀。用來吸引注意力。通常不能作為網站的背景色或主要顏色。

紅色：能量。能帶來緊急感，加速心跳。可用來吸引易沖動的購物者。

藍色：可信和安全的感覺。這就是為什麼許多銀行在其Logo中使用藍色的原因。深海藍和暗藍可用來吸引對預算敏感的消費者。

綠色：給人一種富足的印象。輕松，隨和。深綠色也可用來吸引對預算敏感的消費者。

橙色：好斗，興奮。可用來吸引沖動型買家。

粉色：嬌柔、浪漫。可用來吸引女性消費者和傳統買家。

黑色：強大，華麗。可用來推銷奢侈品，吸引沖動型買家。

紫色：舒心，平靜。通常用來宣傳抗衰老產品。

KISSMetrics的調查結果還顯示，52%的被調查表示，如果缺乏美感，他們不會再訪問某個網站

鏈接推廣：Travel Expert, Travel Expert 專業旅運, 專業旅運, 專業旅運 Travel Expert, 專業旅運, 專業旅運

眾所周知，國外有一種叫黃金分割率的概念。下面我引用一段非常專業的解釋：“黃金分割最早見於古希臘和古埃及。黃金分割又稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長線段的比（即a+b）等於短線段b對長線段a的比，列式即為a：(a+b)=b：a，其比值為0。6180339……這種比例在造型上比較悅目，因此，0。618又被稱為黃金分割率。”大家也看清楚了什麼叫黃金分割。我們中國也有一種類似於這樣的概念叫九宮格。這個也許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙。基本形是一個長方形等分九格。在這個九宮格中中間部分就產生了四個交叉點，這四個交叉點就是視覺中心點。

好了，我們為什麼要講這兩個概念呢？是因為這兩個概念是設計的決竅之所在。我們很多時間喜歡把重要的東西放在正中心，表示重視想吸引目光注意。但是我要告訴大家。正中心屬於盲點區。也就是說按人的視覺習慣來講正中心是常常被忽視的。並且放在正中心也不會引起視覺刺激。用句玩笑話來侃一下：兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什麼地方是視覺中心點呢，這就要用到上面的概念了。不過什麼a：(a+b)=b：a都太麻煩了誰會那麼細致的去算呢。這裡用中國的九宮格原理就清楚得多了。四個視覺中心點很顯然大家也清楚是什麼位置了。

那麼在實際應用中我們要怎麼用呢。這點很重要，實戰意義要比空談概念重要得多。下面我們就來說一下實戰中的應用，這裡雖說是《網頁設計技巧》不過同樣可以應用在平面設計與攝影或是其它的設計中，但是必竟是講網頁設計這裡主要還是舉網頁例。我們先從大布局來談，然後再講小布局，最後講設計圖片的布局。

大布局基本上網頁的布局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是分辨率與網頁大小的關系。現在大部分的機器都是1024 以上的分辨率了，那我們的寬度是不是一定也要順應變得寬一點呢。個人觀點是大可不必。因為網頁本身也會與瀏覽器產生視覺對比。如果塞得太滿勢必也不是很好看。如果留下空隙網面與留出來的空白也可形成一定的對比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網頁一個可以呼吸的空間。那網頁自身的上下左右布局呢？同樣的，如只是上下或是左右結構我們不能把上下或是左右平分，而是最好采用黃金分割比來進行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關系，比如上中下結構，我們很清楚中間是主要內容需要大一點的空間，那麼中空間的部分會盡量的點有大比例，一般來講我們會讓中間占大約百分之六十。而上面占百分之三十，下面占百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會比平面看起來要舒服很多。但是左中右的結構就不能這麼分了。因為百分之十的寬度會很難放得下什麼內容。一般左中右結構會有另一種分法：左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中間占百分之四十。也可以進行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。

小布局也可以說是細節上的布局。我們可以把網頁看成是由很多個小塊組合而成的。通常要注意的就是標題與內容的關系以及這些塊放置的位置。比如最核心的內容不要放在最頂、最後、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，並且會把最重要的放在最上面，其實不然啊，放在最上面的未必是最核心的位置。比如我們看一下各大門戶網站的頭條新聞的位置，是不是沒有放在最頂部的？當然由於分辨率的問題目，這些頭條可能位置也會有所變化。在800下頭條是偏下的，而1024是居中一點，1600就偏上一點。但是從瀏覽器的大角度來看，這些頭條也都是處於視覺中心點的。

圖片我們在處理圖片的時候也會用到布局，比如我們的文字放在什麼地方，標志放在什麼地方這些都是布局的范疇。這裡也要應用上述的概念，重要的要核心不要放在正中或是過於偏向角落。當然也會遇到重心的東西很大，基本上都占滿了畫面。

大家看這圖的重點是那個MP4，但是這個對象很大，不過沒關系，把這個MP4的圖做得有透視性，左右的重量就不一樣了。這樣向左去一點，那麼重心就向左去了，再加上MP4偏上，這個MP4就正好在視覺中心點上了。而主要的信息文字同樣也處在視覺中心的位置上。而一些不重要的文字都放在了角度去冷落他。

好了，關於布局就說這麼多，這裡總覺得這裡還少些東西，細想可能是視覺平衡方面的問題。這裡講得很多了，視覺平衡方面的問題目就再想想過些日子再整理出來。

鏈接推廣：天花滲水, 移民搬運, 金價走勢, 尖沙咀代理, 錦泰苑

根據自己運營的經歷，也分享下自己的觀點，和每一位站長共同成長。在英文中涉及到用戶體驗的有UE、UCD、UI等等，做這個行業的人稱為用戶體驗設計，業內有名的有白鴉、麥兜等等，這些人大多數阿裡巴巴或者其他的一些大公司的。我們經常談論的用戶體驗，在多數情況下，主要是視覺體驗，而用戶體驗設計卻包含5大要素。

第一、用戶需求與網站目標

用戶需求調查，網站運營目標這些都是戰略層面的內容。有人說，這些都是大公司才去做的，其實則不然，我們中小網站的站長也需要注意這方面的內容，比如我們要做一個手機站點，那麼我們就需要對這個網站目標和用戶進行一個很好的定位，否則就很容易形成運營一段時間找不著方向的困局。

第二、內容建設

在網站運營中，內容建設是重中之重，內容建設中要注意整體和局部的問題，整體內容建設，是指網站必須有一定的信息基礎量，局部內容建設就是網站必須有針對特定用戶的信息量。網站的整體內容建設，要注重泛而全，因為這涉及到一些對信息關鍵詞的排兵布陣事項，而網站的局部內容建設就是針對特定的關鍵詞所做的信息處理。

第三、網站架構

為什麼說網站架構也是用戶體驗設計的一個要素，運營過網站、做過網站的站長都知道，網站的架構對與後期的運營有很大的影響。網站架構主要是涉及到一些交互設計方面的事情，這總是與網站的功能設計有關。而現在對於廣大站長而言，交互設計已經不是很要考慮的問題，因為我們經常使用的CMS已經解決了一部分內容，如果是獨立開發的網站，這方面的問題就需要在很大程度上考慮了。

第四、導航設計、信息設計

這個要素告訴我們，在設計我們的網站的時候，要注重導航設計，以及信息展現形式設計，為什麼這麼說呢，因為這個要素涉及到PV的問題，良好的導航設計和欄目設計對於用戶進一步了解網站有很大的幫助。

第五、視覺設計

視覺設計，最根本的要解決“好看不好看”的問題。如果用戶看到網站一個亂七八糟的樣子，會是一個什麼樣的看法。

最後，我覺得不管是運作一個小站還是一個大站，總是要協調的發展，關注我們的用戶，關注他們對網站的體驗。

什麼樣的內容才是好的內容?

其實這個問題是網站建設中的不得不面對的一個問題。不同的人，會有不同的看法。個人觀點：好的內容，可以吸引用戶，並且能把用戶留下來，不應該讓用戶成為匆匆過客，更不應該讓用戶產生厭惡的感覺。

內容質量取決於對用戶有無價值

日常生活中，人們經常要搜資訊和資料。比如，我正在求職，心目中的理想公司是IBM，所以我可能會找“IBM公司的面試經歷”、“IBM的面試題/筆試題”和“IBM的工作經歷”。如果，我搜索到某個網頁，雖然其標題有“IBM面試經歷”，但打開之後，除了小部分信息和IBM的面試相關，其他都是大談八卦。顯而易見，這不是我要的結果，所以，我會立馬關閉該網頁，繼續尋找下一個。

所以說，要衡量網站/網頁的內容質量，最根本的一點就是對目標用戶是否存在價值。這就要求我們轉換思維，站在用戶的角度來判斷、分析，諸如這篇文章/資訊對我有幫助麼?有價值麼?等等。

此外，任何事物都是相對的，“網站內容質量”也不例外，網站的內容是否優秀，體現在與競爭對手的比較上。多和對手相比，分析自己的劣勢。如何才能比他們做的更優秀呢?

內容質量的根基– 原創

如今，國內互聯網雖然盛行“拿來主義”，但“拿來的東西”也是應該要層層過濾。值得拿過來的東西的雖好，但大部分這類東西早已在網絡上廣為流傳。極端地設想一下，如果整個網站內容都是“拿過來的”，用戶不禁會想，“你這網站怎麼和某某網站一模一樣，是不是抄襲別人的”，相信絕大部分用戶會把把鼠標移到右上角，點擊關閉按鈕的。所以，原創的內容是非常有必要的，不能缺少的。這也是你網站存在的價值所在。

內容質量與網頁的可讀性

從理論上說，可讀性並不影響內容質量本身，但不能將此絕對化。為什麼這樣說呢?搜索引擎可以不需要格式。就好比，程序員寫了一個100條語句的函數，但寫在一行之中了。編譯器當然可以讀懂，可以執行。但要是要別人去看這個函數，別說是100條語句，就10條語句，相信很多人都會暈倒的。所以說，可讀性的重要性。

一個格式清新、有條有理的頁面才能體現內容的價值。否則，用戶可能隨便掃上一眼便棄之而去。無論內容多麼“優秀”，無論其詞句多麼華麗，不以用戶至上的，都將被用戶摒棄。

內容質量與網站自身的目標密切相關

每個網站都會有自身的目標群體，否則，就失去其存在的價值。一切圍繞目標群體，以目標群體為本，是網站發展的前提和基礎，也是最終目的。

謹記：時時刻刻從目標用戶的角度考慮問題，很多疑問都將迎刃而解的。

網頁作為傳播信息的一種載體，同其他出版物如報紙、雜誌等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由於表現形式、運行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與形式的統一。它要求設計者必須掌握以下三個主要原則：

1。主題鮮明

視覺設計表達的是一定的意圖和要求，有明確的主題，並按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境裡被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺衝擊力，來鮮明地突出設計主題。

根據認知心理學的理論，大多數人在短期記憶中只能同時把握4到7條分立的信息，而對多於7條的分立信息或者不分立的信息容易產生記憶上的模糊或遺忘，概括起來就是：較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規律蘊含在人們尋找信息和使用信息的實踐活動中，它要求視覺設計者的設計活動必須自覺地掌握和遵從。

作為視覺設計範疇一種的網頁藝術設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網頁主題思想運用邏輯規律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收；另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環境，突出主題，增強瀏覽者對網頁的注意力，增進對網頁內容的理解。只有兩個方面有機地統一，才能實現最佳的主題訴求效果。

優秀的網頁設計必然服務於網站的主題，就是說，什麼樣的網站，應該有什麼樣的設計。例如，設計類的個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。網頁藝術設計與網站主題的關係應該是這樣：首先，設計是為主題服務的；其次，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”；最後， “美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網站，可以只體現作者的設計思想，或者僅僅以設計出“美”的網頁為目的。它的主題只有一個，就是——美。

只注重主題思想的條理性而忽視網頁構成元素空間關係的形式美組合，或者只重視網頁形式上的條理而淡化主題思想的邏輯，都將削弱網頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現平庸的網頁設計或使網頁設計以失敗而告終。

要使網頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網頁的空間層次、主從關係、視覺秩序及彼此間的邏輯性的把握運用來達到。

2。形式與內容統一

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式​​。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用於內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說：“工藝的美就不在於要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在於使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象徵變成相似於精神生活的有關環境。”（黑格爾《美學》第三卷）

一方面，網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過於強調“獨特的設計風格”而脫離內容，或者只求內容而缺乏藝術的表現，網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，才能體現出網頁設計獨具的分量和特有的價值。另一方面，要確保網頁上的每一個元素都有​​存在的必要性，不要為了炫耀而使用冗餘的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能並體現美感才能實現形式與內容的統一。

目前在WWW上網頁數據傳輸平均以每秒1。5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等，雖然達到了其靜態形式美的效果，卻造成多達幾十K甚至更大的網頁數據，使瀏覽者必須等待很長時間才能看到“廬山真面目”，這樣的網頁就不是一個優秀的網頁，因為它不符合網頁傳播信息的突出特性之一——快捷性，使網頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達信息的效果，因而不是形式與內容的完美統一。

網頁具有多屏、分頁、嵌套等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網頁的形式美。這就要求設計者在註意單個頁面形式與內容統一的同時，更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。

因此，在網頁設計中必須注意形式與內容的高度統一。

3。強調整體

網頁的整體性包括內容和形式上的整體性，這裡主要討論設計形式上的整體性。

網頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境里為人們所理解和接受，它以滿足人們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，並給人一種內部有機聯繫、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

網頁的結構形式是由各種視聽要素組成的。在設計網頁時，強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特徵，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如：在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之後的決定；一個站點通常只使用兩到三種標準色，並註意色彩搭配的和諧；對於分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網頁內部的頁面，都應統一規劃，統一風格，讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講，強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調網頁整體性設計的同時必須注意：過於強調整體性可能會使網頁呆板、沉悶，以致影響訪問者的情趣和繼續瀏覽的玉望。 “整體”是“多變”基礎上的整體。

鏈接推廣：濕敷美容, 生活美腿, 風水, 心語, 男人真心, 黑眼圈

除了提升設計能力外，想做為一個優秀的設計師還有些方面需要了解甚至是學習才能設計好網頁。不得不說一個網頁設計師就是個雜學家。平面設計師可以隨心所欲的使用各種特殊的字體、使用不規則的排版、等等，而由於網頁的某些局限性使得網頁設計師需要在些特殊的限定下完成設計。除了要懂得設計外，還需要了解甚至是學習些與設計無關的知識才能做好設計。

我在寫本文之前雖然已整理過了，但發覺要想把網頁設計非專業之外的能力都列舉出來，真是：老太太看地圖–這才到哪裡。涉及的面太廣。另外，加上本人能力也有限，在不斷的撰寫中發覺自己對網頁設計師需掌握的能力也是很不夠的。先列出自己人為比較重要的6條共勉之吧。

1、coding能力

由於網頁代碼的限制，網頁設計師在做設計前需清楚什麼可以做到，什麼做不到。而不能像平面設計師那樣可以隨心所欲的排版設計。不僅如此，設計的時候也需要考慮到如何對SEO有利，也就意味著許多文字不能夠用特異的字體做成圖片來展示了。

coding能力包括許多方面：HTML代碼、css+div、js、action script等方面。下面就我的一點個人經驗列舉的幾種代碼：

HTML：這個不必多說了吧，連這個都不知道怎麼能號稱懂得網頁了呢?具體的可在谷歌上搜下教程。

css+div：開始學的時候分別看了幾本書，比較下來《CSS網站布局實錄：基於Web標准的網站設計指南》這本書寫得比較實在。其他的如：《CSS禪意花園》不看也罷。

actionscript:不得不說，經過這麼多年的發展flash是網頁裡很重要的一部分了。AS2的諸如：gotoAndStop(),gotoAndStop(),getURL()等幾個基礎的函數還是需要掌握的，如對AS3有興趣可參看黑羽的《Flash ActionScript 3殿堂之路》(有點復雜的哦，對沒有編程經驗的設計師可是不小的挑戰哦)。

javascript：沒辦法，如果經常為了加點小JavaScript程序去麻煩程序員確實煩。不說要會寫，至少能夠看懂代碼並可修改現有的代碼吧。 閱讀全文 »

對於任何類型的導航設計，最古老的可用性准則就是要幫助用戶認識到他們曾經去過哪些地方，他們現在處在哪裡，他們可以去到哪裡——也就是他們在網上的過去、現在和未來。中點線網絡認為這三者是有一些關系的：對過去導航的很好掌握能夠幫助你理解現在的位置，這是由於現在的位置是到目前為止的瀏覽過程的終點。同樣地，了解過去和現在的位置將使你能更容易決定下一步去哪裡。

在WEB上，鏈接在這個導航的過程中是一個關鍵因素。用戶將會停止使用那些在過去證明是沒用的鏈接。相反地，他們可能會再次訪問那些在過去證明是有用的鏈接。最重要的是，在用戶知道他們已經訪問過那些頁面後，他們就不大可能再無意識地去訪問它們了。 閱讀全文 »

一個優秀的網頁設計對於任何試圖在網上取得成功的業務來說都是很重要的，但是如果一個網站沒有機會得到好的搜索排名，那麼幾乎沒有多少人會看到你的網站。為了避免一個網站對搜索引擎不友好，你只需要考慮一些基本的搜索引擎優化准則以及優質內容開發實踐。

作為一個網站設計者，我考慮了很多我曾經遇到的和聽說過的在用搜索引擎優化創建站點時遇到的問題。下面是10條非常棒的搜索引擎優化建議，它們能讓你在不犧牲你的創造性和風格的情況下做出對搜索引擎更友好的網站設計。

1. 確保你的網站導航對搜索引擎友好

如果你不清楚如何讓Flash對象可訪問和對網絡爬蟲友好，那麼用Flash作為網站導航是很糟糕的選擇。搜索引擎很難抓取一個使用Flash的網站。

CSS和不引人注意的JavaScript能夠在不犧牲你的搜索引擎排名的情況下提供任何你需要的精心設計的效果。

2. 把腳本放在HTML文件之外

當你為網站寫代碼時，要確保你以外部引用的方式使用JavaScript和CSS。

搜索引擎通過所有包含在HTML文件中的內容來查看站點。如果沒有用外部引用的方式使用JavaScript和CSS，會在你的HTML文檔中增加一些額外的代碼行，在大多數情況下，這些代碼會在真正的內容的前面從而使得爬蟲爬取速度變慢。搜索引擎希望能盡可能快的獲取到一個網站的內容。

3. 使用搜索引擎爬蟲能閱讀的內容

內容是一個網站的生命力所在，也是搜索引擎需要的。在設計一個網站時，確保你仔細考慮過內容的良好結構（如標題、段落和鏈接）。

內容很少的網站總是在搜索結果中“苦苦掙扎”，在多數情況下，如果在設計階段有更合適的計劃的話是完全可以避免的。例如，不要用圖片來代替文字除非你使用了CSS背景圖片文字替換技術。 閱讀全文 »

1、靈活運用樣式

熟悉網頁設計的網友就知道，調用Style的方法很多，我們可以單擊鼠標右鍵選擇Custon Style來調用Style標准，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上産生的HTML代碼則完全不同。比如用Custon Style來調用Style標准，在網頁代碼中就生成一個〈span〉標簽，這樣的標簽一多就會使文件十分臃腫而且影響浏覽器的解析速度，所以我們應盡量使用狀態欄中的元素列表來調用Style。

2、活用Format Table命令

在複雜的網頁設計中，表格的應用是最多的，因為利用表格可以自由地控制文本和圖象在網頁上出現的具體位置，從而使整個網頁看上去緊湊統一。Dreamweaver在這方面也不甘落後，我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式，先將光標置于表格的任意一個單元格內，再選擇 “Command”→“Format Table”命令， 在隨後出現的對話框中，從左邊的列表中選擇一個設計方案。按“Apply” 鍵來查看效果，如果不滿意的話，還可以重新設置或者修改部分參數的值，如邊界粗細，背景顔色等等。

3、同時鏈接到兩個網頁

我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔，可以使用“Go To URL”javascript 行為。打開一個有框架的網頁，選擇文字或圖象，然後從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架並輸入相應的URL後再選擇另一個框架並輸入另一個URL。

4、不給文件起中文名稱

大家在制作好了網頁後，通常會給網頁起一個具有代表性的中文名稱，一來能使人一看文件名就能大概了解文件所包含的內容，二來能夠方便各個超級鏈接之間的相互調用。但如果你在Dreamweaver中這樣做，就會發現Dreamweaver對中文文件名支持得不是太好，經常會有頁面調用不正確的現象發生，所以我們以後在Dreamweaver中保存網頁的時候，盡量用英文或者數字作為文件名稱，這樣就可以避免上面的出錯現象。
閱讀全文 »

 都說：“設計源于靈感，靈感源于借鑒”，許多設計師在看過別人的網站設計、平面設計作品時有個想法，找到別人設計的閃光點，學習這種長處，豐富自己的設計作品。不懂得欣賞優秀網頁作品的設計師可能永遠都無法懂得借鑒的真谛，無法將優秀作品的精髓融入到現有需求中的設計師可能永遠都無法找到真正的靈感，這些是設計師們進行網頁設計的好方法給大家分享。

方法一： 文章列表要使用圖文並茂 給每個文章加入圖片，不僅使不容易造成視覺疲勞，使網頁看上去更加合理、美觀，而且配上插圖也容易對文章有一個想繼續閱讀的心態。

方法二： 清晰的網站導航 清晰的導航導航欄是頁面中最重要的部分，因為它是用戶使用網站最主要的途徑。所以從現在開始給讓你的導航清晰一點吧，不要讓你的用戶無法使用你的網站。

方法三： 網頁設計采用DIV+CSS設計 使用DIV+CSS的架構也有很多優勢，如改版方便，不需要變動頁面的內容，網頁打開速度也會明顯加快，結構清晰，容易被搜索引擎搜索到，DIV+CSS 天生優化了的seo。

  閱讀全文 »