超過 4000 家企業的選擇

中華黃頁企業架站平台，是一個所見即所得介面，只要簡單輸入資料、上傳圖片，就能輕鬆建立一個網站的系統平台。

製作目標

製作此網站時，不只要介紹架站平台的功能，同時也要展示它可以做到什麼樣的效果，所以在首頁就加了許多擴充的 CSS 與 JavaScript 功能，讓目標客戶了解可以做到的效果。

手風琴功能 accordion

「產品類型」頁面所使用的手風琴功能(因為它像手風琴一樣，可以拉開和縮閉)，是一種很好的介紹產品的方式，先讓使用者看到條列式的介紹，不會一下子塞給觀眾太多東西，先找到有興趣的項目，點擊項目會向下展開，列出詳細說明，還可以比照兩種不同產品的差異。

功能介紹的擷取螢幕圖

為了介紹功能的實際介面，常需要擷取螢幕來當展示圖，但直接用螢幕擷取圖會太大，尤其當螢幕是 Full HD 的話，1920px 寬的圖很難放到網頁直接展示，這時可以善用網頁開發工具(像是 Firebug)，將視窗縮放到合適的範圍，也可以增加或減少範本資料，讓畫面清楚呈現功能的特色。盡量不要縮放或變形圖片，這樣子容易使圖片產生模糊或鋸齒狀，會讓質感降低。

網址：http://iyp.tw