網頁寄存剖析實例

數學是優美的. 聽上去有點奇怪? 當我第一次開始設計的時候,我確信如此。數學如此刻板乏味。你可能會驚訝的發現,最美觀的設計,藝術作品,物體,甚至人都有數學上的共同點。尤其是黃金分割,也被稱為神之比例,希臘字母表示其為 Φ (phi). 本教程會剖析一個網站的佈局,以及如何對其黃金分割。
作者: Jarel Remick

是ThemeForest的一名作者,在Moscow, Idaho.

網頁設計骨架

這些是Web Design的主要元素。有很多不同的方法去組織它們,但是這種佈局也許是最常用的。
Container
所有的Web頁面都用一個container,主要是為了同一個目的:去包含一些頁面元素,然而這個方法實現各有不同。例如,body標籤或者是最常用的div。甚至於過去常用的table(不要使用table作為你的container,這是一個破方法)。想想container作為你房子的外牆,裡面包含臥室,廚房,起居室等等。
container的類型:

Liquid: 根據瀏覽器寬度填充。
Fixed: 指定的寬度,並不會根據瀏覽器寬度改變。

Header
header並不真的是一個特定的元素,儘管某些人會認為它是網站設計。它更多是用在涉及到你放置你的logo,導航欄,tagline的web頁面頂層的地方。許多人更願意把這些元素包含在一個div裡以方便使頁面樣式和內容分離。header會被視為一個container,所以它有兩種類型選擇,就是上文提到的 liquid 或 fixed 。

Logo
你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我們的閱讀習慣是,從左往右,從上至下,所以你的log應該放在訪問者第一眼能看到的地方。
Navigation
頁面導航是最重要的元素之一;你的訪問者需要用它來使用你的站點。 它應該是容易被找到且易用的,這就是為什麼大多數的人把它放在header部分,最少也是在頁面頂端附近的原因。
navigation類型:

Horizontal: 水平顯示,被稱為‘navigation’。
Vertical: 垂直顯示,被稱為‘menu’

Main Content
每個人都(應該)知道,內容才是王道!當人們來參觀你的站點,這是他們想看的主要元素。它應該是web頁面的焦點,所以參觀者才能快速找到他們想要的。
Sidebar
sidebar是放置你次要內容的元素,像一些廣告,站點搜索,訂閱鏈接(RSS, Twitter, Email, 等), 聯繫方法等。這個元素不是必需的,儘管右很多站點用它。它大多數是放在右邊的,但是你也能把它放在左邊或者兩邊,只要不擾亂主要內容的瀏覽就行。網站使用橫向或縱向導航,sidebar往往是用縱向導航。

Footer
web頁面的尾部總會有一個頁腳,讓您的訪客知道他已經到達了你web頁面的結束部分。和heaser一樣,footer也不是一個特殊的元素 。在你的頁腳裡包含版權,法律聲明以及主要的聯繫方式。包含一些重要的鏈接是個好主意,比如home page, contact page, 等. 有些網站用這個區域提供一些相關材料或者其他重要信息。

友情鏈接: CRM SEO SEO優化 網上推廣 網上廣告 搜尋器優化 網站優化 網站排名 Web Design 網頁設計 婚禮 婚禮統籌 Wedding Planner 婚禮 美容 Beauty 美髮 整容 塑身 風水 Feng Shui 風水學 環境學 寵物 Pet 環保袋 Recycle Bag 環保購物袋 珠寶 Jewellery 防火牆 Firewall 物流 Logistics 條碼 Bar Code 會計 月餅 果籃 模特兒 機場接送 機票 水上活動 水族 汽車模型 泰拳 海外升學 清潔 湯瑪士火車 滅蟲 潛水 澳門酒店 激光矯視 燒烤 營養師 物理治療 瑜珈 SEO Course SEO培訓課程 創業課程 創業賺錢 網上創業課程 青年創業 青年人創業 網上營銷 ERP POS 時裝批發 Fashion 化妝 Make Up 花店 Flower Shop 健康食品 Healthy Food 減肥 Weight Loss 網上商店 網頁設計 網頁設計模板 CMS操作視頻下載 CMS CMS視頻 Web 3.0 網路行銷 電郵服務 電子商務 認字 記憶法 Playgroup 記憶課程 記憶班 Memory course SEO Training Email Marketing 電郵廣告宣傳 電郵推廣 MBA BBA DBA PHD 博士 Hong Kong Hostel Hong Kong Guesthouse 香港賓館 香港旅館  保安服務 保險 優惠 創業 展覽會承包商 市場推廣及公關 建築及建造 撰稿及翻譯 教學進修 健康及醫療 中醫 其他治療 另類療法 康復 按摩中心 教學進修 普通診所 Spas 修甲 化妝 太陽燈 形象顧問 整容手術 會社、組織及團體 減肥 紋身及穿環 面部及皮膚護理 髮型設計及護理