---
# System prepended metadata

title: 網頁期末專題
tags: [網頁期末專題]

---

---
title: 網頁期末專題
tags: 網頁期末專題
description: 網頁期末專題
---
[TOC]

# 網頁期末專題
- 報告內容
    - Bootstrap
    - RWD
    - Ajax
    - 想到甚麼講甚麼（搜尋、登入）
    - 登入最後再講
- 導覽頁
    - 1.導覽列按鈕靠中間一點，然後按鈕不要太小，上下的距離和這個差不多 https://ezgo.coa.gov.tw/zh-TW/Front 不要太窄

    - 2.導覽列:主頁(背景顏色#fffded)、聯絡我們、常見問題的畫面
    - 導覽列顏色(#a7c584)、樣式
    - 顏色：
        - 需提供用的位置
        - 色號
        - 參考網址
            -  [colordrop.io](https://colordrop.io/)
            - [網站配色方案 | 讓您的網站擁有別出心裁的亮眼配色！](https://www.shutterstock.com/zh-Hant/blog/10-gorgeous-color-schemes-for-websites)
            - [coolors.co](https://coolors.co/)

- 最上方隨機輪播照片
    - 改固定3張
        - https://www.newsmarket.com.tw/files/2015/05/11256550_1110800582268481_4574721483899154548_n.jpg
        - https://www.taiwanfarm.org.tw/UploadImg/56/%E7%BE%8E%E9%BA%97%E7%9A%84%E8%8C%B6%E5%9C%92%E6%99%AF%E8%A7%80%EF%BC%8C%E4%B9%9F%E6%98%AF%E4%BC%91%E5%8D%80%E7%89%B9%E8%89%B2%E4%B9%8B%E4%B8%80%E3%80%82(1).jpg
        - https://static.accupass.com/eventbanner/2102271158073350075940.jpg
- 中間搜尋欄carousel.css檔(顏色大小更新)
    - #dropDownMenuForCity a:hover {
  background-color: rgba(253, 245, 195, 0.997);
  color: #4f9328;
  text-decoration: none;
  font-size: 20px;
}
- 最下方3張 (字體顏色#3a531d)
    - 1.採果旅行
        - 臺灣水果主要為熱帶、副熱帶氣候型水果，地形上因為有山坡地與高山，也能栽種溫帶水果。我們依季節分成春、夏、秋、冬與全年產期，歡迎大家來認識臺灣的水果！(更新)
            - https://img.alicdn.com/bao/uploaded/i4/2204191628299/O1CN01qjV56R2BAzheKrELN_!!0-item_pic.jpg_500x500q90.jpg
    - 2.樂活魚業
        - 台灣四面環海，溫暖潮流帶著豐富海洋資源，從北至南、西到東、本島到離島，從季節現撈到養殖與休閒，現撈仔的尚青幸福！
            - https://www.msc.org/images/default-source/msc-english/spotlights-500x500/fisher-throwing-a-net.tmb-medium500.jpg?sfvrsn=e056554c_1
    - 3.花海旅行
        - 生機蓬勃的島內有各種顏色，隨時都有不一樣的花朵開在角落，勾勒出臺灣的生命力。春天粉嫩，夏季狂豔，秋天轉色黃帶紅，冬季走入紛白，為您介紹這些花朵小知識。(更新)
            - http://www.funtime.com.tw/blog/wp-content/uploads/2020/05/27-700x700.jpg
- 跑馬燈(字體顏色#aec65b)
## 畫面分享

### 首頁

![](https://i.imgur.com/zo23pdG.jpg)
### 搜尋
- https://reurl.cc/x92WX4
- UI
    - 點擊縣市名稱或輸入->列出該縣市內休閒農業區，內容:圖片、名稱、電話、介紹
- UX
    - ~~下方有搜尋建議，可直接點及相關縣市即可搜尋~~
### 常見問題
- 參考:https://ezgo.coa.gov.tw/zh-TW/Front/FAQ/Index
     常見問題
    - Q1如何推廣及更新業者資訊?
        A：(1)請至首頁註冊/登入，詳細操作步驟參照說明書；(2)洽詢客服小組( s1090372@gm.pu.edu.tw )有專人協助。
    - Q2如何推廣活動訊息?需提供什麼資料?
        A：請先下載申請表單【DOCX格式】 【PDF格式】 【ODF格式】 (參考範例【DOCX格式】 【PDF格式】 【ODF格式】)，填寫資料後請將表單電子檔E-mail至客服信箱( s1090372@gm.pu.edu.tw  )，會由客服小組確認後回覆處理。
 
    - Q3休閒農業區或休閒農場如何更新農場資訊或照片?
        A：請將需更新資訊或照片 Email 到客服信箱 ( s1090372@gm.pu.edu.tw  )，會由客服小組協助更新。
 
    - Q4如何協助推廣活動訊息?
        A：會依活動內容協助發佈於全國休閒農業區旅遊網最新消息或粉絲專頁。
 
    - Q5如何訂閱電子報?
        A：請於全國休閒農業區旅遊網加入會員後即會自動訂閱電子報。
 
    - Q6如何取消訂閱電子報?
        A：將信箱帳號 Email 至客服信箱 ( s1090372@gm.pu.edu.tw )，會由客服小組取消訂閱處理。或直接於收到的電子報最下方，點選「取消訂閱」，您將不會再收到電子報。

    - Q7如何參與線上問卷?
        A：若要參加活動請先加入會員，線上問卷會員每日限一次。
 
    - Q8如何介接使用網站上的資訊?
        A：請直接透過行政院農業委員會資料開放平台下載全國休閒農業區旅遊網相關資料。
        
### Readme
本專案是靜宜大學 “網頁前端設計” 之課程 期末專題報告所產生。

#### 使用方法
此專案有使用到 dialog library -> Vex

在您使用此專案前，請先到專案目錄下，接著輸入以下程式碼，即可開始使用。
```
git clone https://github.com/hubspot/vex
```