在這個網路資訊發達的時代，不論大公司或小公司，都希望透過網站架設或是網路行銷，來達到知名度的曝光，或是更好的行銷效果；

以大公司來說，因為資源豐富，加上系統性的網路行銷規劃流程，整體的網站架構往往比較完整，
相對的，小公司常常因為資源比較缺乏、無法注意更多的細節，而犯了許多網站設計上致命的錯誤，
導致網站不但沒有發揮應有的效果，有時甚致破壞了客戶的信任，在客戶心中留下不好的印象，
間接造成公司的信譽受損，反而減少了客源；
我們把這些問題挑出來供大家做個參考：

一、別總是把文字用圖形顯示：

即使網路字型(web fonts)開始流行，但是無可諱言的，用 Photoshop 做出的圖形化文字在外觀上還是比內定的瀏覽器字型來得好看；所以很多網頁設計師或是客戶，喜歡使用大量的圖形來顯示網頁的內容。

但是，搜尋引擎看不懂圖形，因此這種做法不但降低了搜尋引擎的能見度，更增加了網頁載入的時間，使得網站開啟速度嚴重變慢，從網站排名、搜尋引擎優化的角度來看，是非常不妥的。

二、搜尋引擎看不懂 Flash：

大多人喜歡聲光具佳的Flash動畫，因此許多公司網站，整個首頁都以Flash來設計，甚致為了美觀，還將整個網站都做成了 Flash 動畫；但是問題是，搜尋引擎看不懂 Flash，自然對網站優化、搜尋引擎排名的結果有影響。

除此之外，iOS的裝置、Apple已經擺明了放棄 Flash 平台，擁抱 HTML5，因此對於這些使用者來說，全 Flash 的網站跟 404 網頁差不了多少。

三、別忘了更新文章日期：

大部分的商業網站都提供版權內容，因此在網頁下方通常會標示文章日期，千萬別讓你的網站版權還停留在五年甚至十年前，一方面讓使用者覺得網站未能妥善管理，甚至誤以為公司亂無章法，影響形象，降低再拜訪這個網站的意願；不僅如此，搜尋引擎也會對不常更新內容的網頁，降低再訪這個網站的頻率。

四、別使用「點我」：

許多網站在內容裡提供連結時，都會使用「點我」或「按這」做為連結文字，但其實這些連結文字是很重要的，因為這些連結文字，是搜尋引擎決定自然排序順序所用的關鍵字條件之一；

而我們相信，一般的使用者絕對不會搜尋「按這」的字樣，所以一個優化良好的網站，應該使用具有意義的關鍵字當做連結文字。

　　想知道每個網站的世界排名，你絕對不能不知道Alexa這個網站！

　　Alexa是目前評鑑全球網站排名最具公信力的網站，進入Alexa網站後，只要鍵入關鍵字或是網站名稱，就能知道某網站的全球排名、用戶量等流量相關數字，更能和其他網站的流量做比較，對於網站經營者來說，是不可或缺的工具與統計利器。

    Alexa為有效評鑑全球各網站的相關流量數字，近來積極發展新工具，約一個月前推出新型Alexa toolbar小工具。

　　有別於以往下載toolbar只能觀察別人網站的動態，這次的Alexa toolbar小工具，提供讓網站經營者下載後，自製出其具獨特性的Alexa toolbar。

    觀察台灣的各大網站，目前運用這項工具者尚不多，使用Alexa toolbar的好處，在於使用者隨時隨地能在網遊中獲知最新訊息，並可善用臉書、推特，透過社交網絡建立社區；

　　對於網站經營者來說，則能將企業形象嵌入瀏覽器，強化個人品牌；以及整合多元化社群工具，藉此導入更多流量，是使用者和經營者皆互利雙贏的實用小工具。

　　由於目前Alexa toolbar的使用者正慢慢成長中，未來將對網路世界造成何種影響，相當值得觀察與拭目以待。

網頁的「關鍵字（keyword）」和「描述（description）」，都放在HTML的檔頭區（header），這些資料不會顯示在瀏覽器視窗中，它們的主要用途是讓搜尋引擎建立關鍵字索引。

一、設定 網頁「描述（description）」

使用Dreamweaver設定網頁描述文字，請選擇主功能表的「插入→HTML→檔頭標籤→描述」指令，開啟「描述」設定方塊。

在設定方塊中填入網頁的描述文字，最好不要超過200個字。

二、設定網頁「關鍵字（keyword）」

「關鍵字」代表和文章內容相關聯的文字，設定關鍵字時，請不要超過10個，而且關鍵字必須是內文出現過的字。

若要使用Dreamweaver設定關鍵字，請選擇主功能表的「插入→HTML→檔頭標籤→關鍵字」指令，開啟「關鍵字」設定方塊。

關鍵字之間要用半形逗號分隔，請勿重複輸入相同的關鍵字。關鍵字太多，或者和內文無關，都有可能會被搜尋引擎當成是垃圾訊息（spam）。

有些搜尋引擎不再仰賴網頁檔頭區的關鍵字和描述來建立索引資料，而會全面性地分析內文，自行判斷用戶檢索的關鍵字和文章的關聯性，據說Google已不再依賴檔頭區的「關鍵字」和「描述內容」。

公司網站就是你在商場上的橋頭堡。你可以利用網站教育客戶、提供資訊，甚至是開發線上購物平台以開創新的客源。但是，想擁有一個有效、運作正常，不會突然斷線，又能讓客戶安心與你做生意的網站，該如何製作呢？

建立簡單的網站，在技術上來說並不難，網路上每天都有上千個新網站如雨後春筍般冒出。但是這些網站也常常過於簡陋，甚至功能不齊而乏人問津。

這裡的六個步驟，教你如何建立一個讓客戶和潛在客戶有好印象的網站。

1. 預先計劃網站的目的、外觀和操作方式
他山之石，可以攻錯。一開始不妨先參考同業其他公司的網站，找出有哪些利弊優缺，可少走不少冤枉路。

看了別人的作品，可以問問自己以下這些問題：
網站的設計、圖案、色彩配置及寫作風格，對整個公司的形象有什麼影響？
網站是否能讓訪客輕易取得他們急於瞭解的資訊？
有下次會再來這個網站的理由嗎？
是否有跡象顯示這個網站時常更新？

評估別人的網站，就能更清楚自己的網站要達到什麼目標。

2. 繪製網站草圖
知道自己的網站大致上的感覺和目標後，用紙筆或是電腦繪圖軟體把網站架構及網頁版面畫出來。

網站架構： 網站架構是否會標示所有要製作的頁面，以及各頁面之間的連結關係？
儘量設計讓客戶和訪客能夠辨識的邏輯架構。
例如用小方塊代表網頁，然後用箭頭代表網頁間的連結。
許多網站設計師使用階層式的架構，把首頁放在最上面，然後向下分出第二、第三層級的頁面。

網頁版面配置： 畫出網站頁面的版面配置。雖然每一頁的內容都會有所不同，但是這個基本架構則是用於整個網站每一頁的範本。使用一致的外觀可以避免訪客混淆。
下面列舉一些重要的網頁版面配置議題，例如連到其他頁面的瀏覽連結位置，是否要與其他行銷文宣使用相同的色彩、字型和圖形配置等等。同樣地，評估其他網站的版面配置之後，再來決定自家公司的做法比較好。

3. 註冊網域名稱
網域名稱就是要造訪網站時在瀏覽器輸入的地址， 例如 www. yourcompany. com。 你必須註冊網域名稱後才能擁有及使用該名稱，這樣別人就無法使用。

InterNIC 提供一份公認的註冊單位名單，大多數的註冊服務都能告訴你是否可以使用想要的名稱。 但若是有人已在使用該名稱，你可能得做點變化。

如果你計劃架設網站，但卻不會在近期內進行，還是可以先註冊網域名稱，以免被別人搶先登記。

4. 尋找存放網站的主機（或委託瑞宇為您服務）
你的網站必須存放在稱為網頁伺服器的電腦上。 當訪客用瀏覽器向伺服器要求檢視網頁時，網頁伺服器就會把網頁傳輸給訪客。

對大多數的小型企業來說，付費購買主機代管服務或是請網際網路服務提供者 (ISP) 把網站放在他們的網頁伺服器上，都是不錯的方法。 專業的服務提供者知道如何監看、維護及保護伺服器，讓你的網站幾乎隨時都能讓訪客造訪。

請特別注意所簽的主機代管服務等級協定中的穩定性說明。 如果讓訪客看到「無法存取網頁」的訊息，對你的公司來說是個負面的影響。

如果你只想為公司建立內部網路，也可以把網站架設在公司電腦上。

5. 製作與測試網站（或委託瑞宇為您服務）
如果目標是架設電子商務網站，讓你在線上處理訂單和信用卡付款的話，因為難度較高，你可以僱用專業網頁設計師來製作網站。

但是，若你有創意，喜歡挑戰學習有用的新技術，只要稍做訓練，你也可以自己架設網站。別忘了在架設網站時要請詢問其他人真心的看法。 然後用不同的瀏覽器仔細測試網站的效能，或是經私人網路測試多次，最後才把網站發佈到網際網路上。

6. 發佈及維護網站
測試網站之後，你或設計師便可以把網站檔案上傳給簽約的主機代管公司。 接著上線輸入網域名稱，就可以看見你的網站了！

慶祝啟用網站之後，也別忘了工作還沒完。 要讓客戶相信你是一個活躍且成功的企業，你還得時常增加或修改網站的內容。 如果網站持續只提供舊活動的內容，會讓客戶以為你的公司已經不存在了。

本文轉載自：Microsoft 台灣微軟IT人員指南

看膩了韓國與歐美風格的網站了嗎!

這裡收錄一些日本網頁設計的入口 ，乾淨清爽又活潑的日本風格。欣賞不一樣的設計思維

這個網站收錄了很多各個國家的網站，總約有 1900 個網站。

連結：日本網頁設計欣賞

首先，一個好的企業網站架設應具備以下幾個內容：

　　①　企業網站設計另一個重要的作用就是體現出企業精神、理念以及企業文化，這些是企業的 CIS 理念中的組成部分，在網站的建設中該部分也應該得到延伸和滲透。

　　②　 企業的網站架構應該是以企業為核心的主題層次、內容分類、頁面順序等所組成。由於每一個流覽者都可能成為企業的客戶，網站的主題應突出對企業所想或所可以提供給客戶的利益性產品或服務的詳盡說明和體貼客戶設計，而企業規模、實力等方面的描述則只是對主題的烘托，由此決定了在內容分類上應加大主題內容的渲染，在頁面順序上應優先考慮主題內容的排列。

　　③　如果企業在網站設計上提供本行業的資訊和動態，以及著眼於行業性的內容（如科普教育等），那麼不僅能使企業網站內容更為豐富，同時也會提高網站的檔次和訪問率，進而使得流覽者對企業建立了行業權威的形象。

　　④　如果說網站架構是骨架，那麼網站設計內容就是血和肉，是流覽者瞭解企業的關鍵。由於目前 Internet 受到網路傳輸速率等因素的影響，網站的內容務必達到精煉、準確，切不可錯字累累、篇幅冗長，以保證流覽者能夠在較短時間內瞭解到網站的核心內容。同時還要注意對網站內容的及時更新和延伸擴展，特別是有關最新動態、企業重大活動、客戶服務舉措、新優惠新調整等資訊。

　　⑤　 同時，在策劃過程中還要兼顧企業產品營銷理念和企業未來的發展規劃。一個完整意義的企業網站設計還應該突顯企業所處行業的特點，以避免初次接觸的流覽者從視覺或文字上對企業的行業產生誤解，使得企業的形象建立產生偏差。

再者就是精心設計的網頁

　　網頁設計必須考慮到目前 Internet 的制約因素，如網路傳輸速率、伺服器性能指標以及用戶端流覽模式等，切不可為了單純追求頁面的奢華而加大網路傳輸圖片的負荷。

試想如果流覽者等待網頁圖片顯示需要很長時間時，他會否有此耐性。圖片雖然能使整個頁面生動，但不能過多，而且動態圖片更應該少之又少，只是起點睛之用，不要造成頁面到處跳躍，影響視覺，使視覺沒有重點。  

　　網頁能夠給流覽者帶來最直接的視覺感受，也是能否吸引流覽者繼續深入流覽企業網站的關鍵，從設計上來說網頁應該是文字與圖形、文學與美學的巧妙結合體。

如果企業的網站希望不但別具匠心而且頗有創意，除了在網頁設計上需有個性和美學外，一般還具備主題內容鮮明突出、頁面設計簡潔明快、色彩搭配調和清新、圖片精巧富含義、文字圖形搭配得當，文字排版體貼流覽者不製造視覺障礙等特點。
 
第三點是網站的宣傳與推廣

　　大多數的網際網路服務商對於用戶網站的建立均只提供到主頁製作服務為止。但根據我們的 經驗，許多用戶由於對網際網路的瞭解程度不夠，同時又不太可能設立專人進行管理，對於網站 的宣傳和維護急需有人支持。

因此，商易中國可與貴公司的市場人員一起策劃網站的宣傳（如在其他網站的廣告、搜索站點的鏈結等），同時在網站初步建立完成後，我們還可以提供全年的主 頁維護服務。

　　此外在網站宣傳方面，公司的其他部門應給予相應的配合，在網站建立之後 ，應該通過公司對外的一切途徑宣傳自己的網址，譬如在公司的各種宣傳資料及畫冊，公司員工的名片，各種媒體的廣告以及各種宣傳途徑突出自己的網址，從而使更多的人知道公司的網址，進一步樹立企業的形象。

最後是網站的維護與管理

　　對於任何一個網站來說，如果要始終保持對客戶足夠的吸引力 ，定期進行內容的更新是唯一的途徑。幾個月甚至一年一成不變的網頁是毫無吸引力可言的，那樣的結果只能是訪問人數的不斷下降，同時也會對公司的整體形象造成負面影響。

　　如果您想瞭解有關網站建設方面更詳細的情況，請隨時與我們聯繫。瑞宇網頁設計公司可針對不同用戶提供一整套面向用戶的解決方案。

結語

隨著網路的普及與發展，企業在Internet上擁有自己的站點和主頁將是必然趨勢，網上主頁不僅成為企業宣傳 產品和服務的視窗，也是樹立企業形象的前沿。就如同電視廣告，蹩腳的廣告看了使人大倒胃口，避之唯恐不及， 而構思精巧的廣告則能讓人欣然接受，百看不厭，美觀大方，富於創意的主頁也必將吸引大量的訪問者，使更多的 人認識瞭解，進而喜愛你的企業。二十一世紀的到來，為了答謝廣大客戶對我們的支援，我們根據客戶要求制定了 不同檔次頁面的設計方案，優惠的價格，上乘的策劃將會為您的企業插上有力的翅膀.請趕快加入我們的行列吧！

　　我們有專業的網頁編輯人員，根據您的公司行業類型和貿易需求設計出更加商業化、國際化的網站。以下是我們在長期的網站建設工作當中總結的一些經驗，供您參考。

由於HTML網頁設計的檔案是標準的ASCII文字檔，因此可以使用任意一個文字編輯器來打開並設計HTML檔。例如Windows系統中內建的記事本．如果使用Dreamweaver等設計軟體，則能以視覺化的方式進行網頁的設計製作。 

實例一：使用記事本編寫HTML頁面
 
操作步驟：
１.按一下＂開始>所有程式>附屬應用程式>記事本＂命令，打開＂記事本＂。

２.在記事本中直接輸入下面的HTML程式碼：
<html>
<!--聲明HTML頁面開始-->
<head><!--聲明HTML頭部開始--></head><!--聲明HTML頭部結束-->
<body><!--聲明HTML主體開始-->
第一個HTML文件
</body><!--聲明HTML主體結束-->
</html>
<!--聲明HTML頁面結束-->

３.按一下記事本功能表列中的＂檔案 > 儲存檔案＂命令，彈出＂另存為＂對話方塊．
４.在＂保存類型＂中選擇＂所有檔＂，＂編碼＂為ANSI，＂檔案名＂為1-end.htm，按一下＂保存＂按鈕．
５.關閉記事本，回到存檔的資料夾，按兩下1-end.htm檔，可以在流覽器中看見最終的頁面效果．  

實例二：使用Dreamweaver製作頁面
 
操作步驟：
１.按一下＂開始＞所有程式＞Macromedia＞Macromedia Dreamweaver＂命令，啟動軟體的主程序．

２.按一下＂建立新檔案＂中的HTML，進入頁面編輯視窗．
在 Dreamweaver CS5 軟體的主編輯環境中，視窗分為「程式碼」、「分割」「設計」3種．
Dreamweaver默認進入的是程式碼和設計檢視，可以看到，軟體上半部分的程式碼視圖和下半部分的設計檢視是互相聯繫密不可分的，在程式碼視圖中所做的任何修改都會影響到設計檢視，反之亦然．
程式碼：在視覺化網頁的背後可以控制網頁的原始程式碼，如果想查看或編輯原始程式碼，可以進入該視圖．
設計：Dreamweaver是視覺化的網頁編輯軟體，所以設計檢視是最常用的．設計檢視中看到的網頁外觀和流覽器中看到的基本上是一致的．
分割：在這種視圖下，編輯視窗被分割成了上下兩部分，上面顯示的是原始程式碼視圖，下面是視覺化視圖，這樣就可以在選擇和編輯原始程式碼時即時地在視覺化視圖中看到結構．

３.在空白的位置輸入"Dreamweaver製作的最簡單的頁面＂文字，以此作為頁面的正文．
４.按一下＂檔案＂功能表下的＂儲存＂命令，在對話方塊中選擇存檔的位置，按照前面介紹的方法將檔命名為 end.htm，然後按一下＂保存＂按鈕，這樣就又製作完成了一個頁面．
５.關閉 Dreamweaver，回到存檔的資料夾，按兩下 end.htm 檔，可以在流覽器中看到最終的頁面效果．

四、網頁設計框架與佈局
其實在我們在做設計的時候並沒有過多的去考慮什麼形式，比如我們在一張紙看到一個圓形的東西，很容易可以聯想到它像太陽，而有些人則聯想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網站的定位做處合理的框架佈局。

網頁設計佈局大致可分為"國"字型設計、拐角型設計、"T"字型設計、"L"字型設計、綜合框架型設計、Flash型設計、變化型設計...等 

1． 解析度
    網頁的整體寬度可分為三種設置形式：百分比、像素、像素+百分比。通常在網站建設中以象素形式最為常用，商業網站也不列外。

我們在設計網頁的時候必定會考慮到解析度的問題，科技發展到現在我們通常用的是1024*768和1280*720的解析度，現在網路上較少用到778個像素的寬度，在800的解析度下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的解析度上網頁的最寬寬度，不代表最佳視覺，良好的設計佈局應該是不管在1280或1024還是800的解析度下，都可以達到較佳的視覺效果。

2．文字編排
　　在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。

    a. 文字圖形化
　　文字圖形化就是將文字用圖片的形式來表現，這種形式在頁面的子欄目裏面最為常用，因為它具有突出，同時又美化了頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。對於通用性的網站弊端就是擴展性不強。

    b. 強調文字
　　如果將個別文字作為頁面的訴求重點，則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

3．空間的合理利用
　　並非要把整個頁面塞滿了才不覺得空，也並非讓整個頁面空曠才不覺得滿，只要合理的安排、有機的組合，使頁面達到平衡，既使在一邊的部分大面積留空，同樣不會讓人感到空，相反這樣會給人留下廣闊的思考空間，給人回味又達到了視覺效果。

　很多的網頁都具有一個特點，用一個字來形容，那就是“塞”，它將各種各樣的資訊如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規範，導致流覽時會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個“散”字來形容。

4． 合理廣告
    浮動廣告有兩種，第一種是在網頁兩邊空餘的地方可以上下浮動的廣告，第二種是滿螢幕到處隨機移動的廣告。建議能使用第一種的情況下儘量使用第一種，不可避免第二種情況時儘量在數量上控制最多一個就好。

如果數量過多會直接影響到用戶的心理、防挨到用戶流覽資訊,適得其反。首頁廣告不宜過多適中即可。如在註冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等…

在目前一些網站的廣告（彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等…）讓人覺得很煩瑣，更本就不願意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。

很多設計師認為做好了企業網站就一定能夠做好商業網站的設計，其實對設計來說商業網站和企業網站設計截然不同，以下便針對這個方向，做個詳細的說明。

商業網站對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用，空間的合理安排上等…有著諸多的要求，需要考慮的層面更廣，面對的問題也更多。

對於一名優秀的網站設計師來說，不能放過任何一點小細節，本篇文章簡述的是設計師在做商業網站時所需考慮的一些問題。

一、視覺流程
　　人們在閱讀某種資訊時，視覺總有一種自然的流動習慣，先看什麼，後看什麼，再看什麼。在心理學的研究表明，一般的流覽習慣是從上到下、從左到右，在一個平面上，上鬆下穩而壓抑。同樣，平面的左鬆右穩。所以平面的視覺影響力上方強于下方，左側強於右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優先選擇的地方。

在網頁設計中一些突出或推薦的資訊通常都放在這個位置。當然這種視覺流程只是一種感覺並非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達資訊的準確與有效性。

二、網站LOGO
　　Logo 顧名思義就是站點的標誌圖案，Logo 最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。網站 Logo 的設計過程中一般有以下三種思路：

1.直接以網站網址作為 Logo。
2.根據網站提供的產品、服務特點展開 Logo設計。
3.以傳遞網站營運商的經營理念為特色。

三、網站風格、創意
　　風格(style)是抽象的。是指站點的整體形象給流覽者的綜合感受。整體形象包括站點的版面佈局、色彩、字體、流覽方式等…。如：我們覺得迪士尼是生動活潑的而IBM則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這裏我們需要做到的是根據網站的定位做出網站特有的風格。

除此之外，我們還需要在風格統一上把握一下，其實這個風格統一和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什麼的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。而企業網站設計師往往就缺乏這一點，沒有全局思考的概念。

　　創意，所謂創意就是不拘一格？某些設計師在做創意的時候大費周章，做出來確實不可否認很有創意、很別致，但往往對於商業網站的客戶為什麼不能接受呢？此時不要太責怪客戶的不識貨，應該反思，抓住客戶的需求。其實做商業網站不需要很多大的創意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創意貫穿全站，也許會使網站更生動更具有吸引力、更有思想。

如何讓網站更有質感，圖文要如何組合及編排才能使內容清楚美觀呢？

要做一個優秀的設計師，必須讓你的作品不僅能吸引人注意，更要有影響力。

網頁設計的美感很重要，一個好的作品，美觀與實用性兩者都要兼顧，能吸引大眾的目光，也富有充實的內涵，而後達到網站最大的效益，為店家帶來更多的商機。

在排版上，設計師可運用格線功能來加以輔助編排頁面上的文字和圖片，適度的將圖片做裁切、潤飾或調整，文字和圖片的大小及位置需要有層級之分。

例如：標題、次標題、字型大小、顏色位置的區分，網站在開始前，將內容整理出一個方向，思考什麼元素是瀏覽者打開時第一眼會看到被吸引的，將內容重要性做個劃分，讓設計元素（如字型、顏色）跟網頁整體風格的搭配有一致性，善用顏色對比、圖文對齊，讓瀏覽者在觀看頁面時，能輕鬆的看到重點目標，更加容易的閱讀內文。

網站的主要基本元素不外乎文字和圖片，成功的網頁設計師除了要具備創意和技巧外，也要有精準的眼光，從首頁到內頁到廣告設計，每個細節都經過精心編排規劃，文字的選色排版、字型的選擇、專業處理過後的產品照片、合成照片，與適時的搭配符合風格的照片插畫等，都能讓整體更吸引瀏覽者的目光，讓整個畫面既生動活潑又富有美感。