3701
次閱讀

【台北網頁設計案例】隨著國民所得的提高，為滿足都市人 親自體驗農耕的樂趣 及對 安全農產品的需求，台北市農會於民國 78 年起積極規劃推動 市民農園，希望將農業、休閒、教育功能相結合，由農民提供農地讓市民親自耕種。像是農耕公園，都市人攜家帶眷，在此活動筋骨，體驗農家生活，並可教育年輕一代認識農業。目前臺北市共有 9 處市民農園，幾乎都處於 額滿 的狀態，而且流動性低，實習耕種 的市民不只是與其耕種的土地、作物有深厚的感情，也與其他實習耕種者及農園主之間建立起 深厚的情誼，儼然是一個個穩固的市民農園俱樂部。

			臺北市休閒農業資訊入口網

 

• 網站性質：入口型網站架構、後台管理系統、RWD響應式網站
• 營業項目：整合大臺北地區所屬的所有休閒農業相關資訊
• 系統技術： SEO RWD JQUERY CSS3 HTML5
• 程式系統：主視覺模組系統、新聞模組系統、檔案下載模組系統、進階搜尋模組系統、會員管理模組系統、問與答模組系統、相關連結區塊模組系統、農場介紹模組系統、簡易式線上報名模組系統、選單管理模組系統
• 圖庫使用：10 張
• 網站語言：繁體中文
• 建置日期：2019/10/05
• 瀏覽網站：前往網站

 

---

台北市休閒農業觀光、教育、輔導資訊彙整

---

因應電視尺寸有越來越大的趨勢，以及電視都可以直接上網觀看網頁的功能，以前的版面設計會局限在某一尺寸的寬度之內 (像是以 4:3 螢幕所設計的寬度)，依但以現在 16:9 的電視來上網觀看，甚至是更大尺寸的43"、65"、100"...等螢幕觀看，會發現某些區域只有限制的寬度比例，造成螢幕左右兩邊會空白很多，讓觀看者有不適當比例的觀感，我們建議台北市農會修改版面為「全滿版式」的做法，讓任何螢幕的大小，都會自動的填滿放大，觀感會更為舒適。

修改網站內容

1. 修改首頁大圖的尺寸，舊版的大圖尺寸較小，將其圖片的尺寸增高200像素，讓視覺上更為突出。
2. 選單的數量似乎不大夠用，修改為「滿版」，可以再多容納約3組的選單，日後應用上將會更為彈性。
3. 原舊版的設計，看來整個版面過於複雜 (圖片太多)，改為以 ICON 的方式來呈現，會讓人看來比較單純，沒有複雜性的壓力感覺。
4. 原舊版的設計，在比較寬的螢幕 (16:9)，會覺得左右邊空白很多，讓人感覺相當的壅擠，而市面上16:9的螢幕 (電腦或電視) 都已是主流，修改為「滿版」後，區塊一樣會隨著螢幕大小來做縮放。
5. 新聞模組與農場模組內頁增加 FB + Line + Email 快速導出、分享設計。
6. 舊網站於 2016 年所建置，升級主機系統與架站主程式到最新版本 (為程式漏洞與資安防範所作)。
7. 交付「原始碼光碟」一片，相當於此網站的「備份檔」，保障網站的權益。