精選作品
信仰/公益
網址：https://www.formosa-charity.org.tw/
網址：https://www.formosa-charity.org.tw/
你是否曾想為弱勢族群和災區居民提供幫助和支持？
你是否曾想參加各種有意義的義工活動，和其他義工一起成長和學習？
如果你的答案是肯定的，那麼你一定要看看台灣寶島行善義工團(Formosa Charity Group)的公益網站。
寶島義工團是一個成立於1999年的民間組織，它的宗旨是『用愛灌溉台灣』，為地震重建區居民重建家園，為弱勢族群築屋整繕，期盼『人人有其屋』。
它也與國際愛心組織合作，將台灣的愛心力量拓展到國際。
它已經幫助了超過2000位台灣人，完成了470多戶弱勢助建，並且已經成立了24年。
到寶島義工團的網站報名參加為居民重建家園的義工活動吧。
只要在網頁上選擇想要參加的活動，填寫報名資料，就可以完成報名。
在網頁上看到每個活動的詳細資訊，包括出團內容、地點、時間、交通方式、費用等等。
如果想要用愛灌溉台灣，並且享受參與義工活動的樂趣和收穫，那麼不要再猶豫了，快來寶島義工團的公益網站報名吧！
你將會遇到一群有愛心、有行動、有成果的人，和他們一起創造美好的回憶和改變。
網址：https://www.formosa-charity.org.tw/
一、台灣寶島行善義工團 網站專案需求
由於舊網站使用的是JOOMLA2.5版本，已經過時，因此需要更新。我們架設一個全新的網站，以符合現有的語法規格。
二、台灣寶島行善義工團 客戶好評
為了保護帳號資訊的隱私，以下圖片已進行了修改。
三、台灣寶島行善義工團 網站google檢測
四、台灣寶島行善義工團 網站建置規格
1. 網站前端
(1) 使用網站最新語法
(2) 置換版面Logo與色系，版型挑選網站
(3) 修改次數為3次（修改範圍不超過40%）
2. 網站內頁設計
(1) 網站各單元之設計風格、樣板採一致性（含按鈕標題），並使色彩配置及圖文排版達到最佳化（單一網頁橫向捲軸不會出現、網頁內容太長時提供分頁或內容串 連…等），使民眾、便捷、愉悅的瀏覽網站。
(2) 資訊圖像化：以視覺化圖形來表達複雜統計資訊所呈現重點訊息，以利使用者能快速、簡單易懂地掌握重要業務資訊。
(3) ui ux設計規劃/介面設計
3. 網站切版
(1) 依CSS+DIV+HTML網頁格式版面切版
(2) 依W3C 標準規格製作安裝
(3) 依google搜尋引擎SEO指南優化網站編寫
4.自定義選單
(1) 可自定義連結選單
(2) 由後台自行新增修改
(2) 由後台自行新增修改
(3) 多層次選單：提供簡潔明確的網站結構，幫助用戶快速找到所需的內容。
5. 圖片輪播
(1) 首頁輪播banner功能強大，可以自訂輪播數量。
(2) 可由後台自行上傳輪播圖片，可以設定超連結、輪播秒數、各種特效參數。
(3) 輪播不限張數，建議4-5張左右
(4) 首頁輪播圖滾動，點擊輪播圖可跳轉對應的文章連接
(5) 可拖拉排序輪播照片
(6) 管理者由後台可新增/刪除/修改圖片
(7) 可開啟新頁面連結新網站
(2) 可由後台自行上傳輪播圖片，可以設定超連結、輪播秒數、各種特效參數。
(3) 輪播不限張數，建議4-5張左右
(4) 首頁輪播圖滾動，點擊輪播圖可跳轉對應的文章連接
(5) 可拖拉排序輪播照片
(6) 管理者由後台可新增/刪除/修改圖片
(7) 可開啟新頁面連結新網站
6. 部落格管理系統
(1) 後臺可增加、刪除、修改文章，文章分類，文章列表
(2) 後臺支援文章自動發佈
(3) 所見即所得編輯器：與Word相容編輯文章區
(4) 支援圖片及Html語法
(5) 檔案內嵌
(6) 支援分類瀏覽
(7) 支援被搜尋及生成RSS
(8) 每篇文章可建立顯示關鍵字/隱性關鍵字/建立文章交叉關連性
(9) 支援影片嵌入（如youtube..等）
(10) 可自行編寫說明文案，文案與影片對應
7. 我要報名：
這個功能的目的是讓義工們更方便地報名參加寶島義工團的活動，並且提供更多的資訊和選項。
(1) 報名表單設計
(2) 線上填寫：義工不需要下載或列印任何表格，只要在網頁上選擇你想要參加的活動，填寫報名資料就可以完成報名。
(3) 即時更新：在網頁上看到每個活動的詳細資訊，包括活動內容、地點、時間、交通方式、費用等等。
(4) 多種排版選擇：選擇適合的表單風格，像是可以自適應的、Bootstrap 2、3、4、5、UIkit 2 和 3、Zurb Foundation。
(5) 拖拉調整表單版面：自由地設計表單排版。
(6)支援多語言：在不同的語言環境下使用和展示表單。
(7) 使用條件設定來建立表單：根據使用者的回答來顯示或隱藏特定的問題，讓表單更加個性化。
(8) 設定多個郵件收件人：當有人提交表單時，立刻收到郵件通知和回覆。
(9) 表單資料映射至其他的資料庫：更方便地處理和分析這些資料。
(10) 簡單又靈活的計算表單功能：進行數字計算和簡單的資料處理。
(11) 擴充功能和服務整合：滿足更多不同的需求。
(12) 帶有時間選擇的彈出日曆功能：使用者就可以方便地選擇日期和時間，適合各種需要。
(13) 防止機器人和垃圾郵件的驗證碼和 reCAPTCHA 功能：保護表單免受垃圾訊息的困擾。
8. 表格下載：檔案下載
9. 搜尋：具關鍵字搜尋功能
10. 社群媒體：網頁浮動社群連結
11. 底部導覽列：
導入資訊式頁尾（Informative Fat Footer）、巨型導覽選單（Mega Menu），以提升系統操作便利性及增加視覺美感。
內容包含：網頁選單、版權宣告、聯絡資訊、內嵌FB粉絲團、完整通訊地址(含郵遞區號)、聯絡電話(含區碼)
12. 系統流量分析
(1) Google Analytics
(2) 設定GA4流量分析工具
(3) 依日週月、來源、關鍵字、國家別、瀏覽內容…等詳細報表分析。
13. SEO優化
(1) Title、Keywords、Description
(2) 自訂網頁名稱
(3) 提供SEO文章寫作建議
(4) GOOGLE SEO檢查
(5) GOOGLE搜尋預覽
14.響應式網頁設計：
適應各種螢幕尺寸大小瀏覽：IPAD、MAC、IPHONE、Android，兼容手機400px / 平板400-600px / 電腦螢幕1024px以上
15. 服務諮詢：
網頁上線，如有操作或技術問題，免費提供客服諮詢服務
16. 教育訓練：
(1) 網站資料維護 (一般使用者) 1場次1小時教育訓練，輔導使用者進行上線操作。包括後台管理及維護，簡易圖文網站頁面排版等。
(2) 線上教材：針對管理平台各項功能，且製作系統操作手冊電子檔。
(3) 網頁保固：於正常操作之狀態下所發生前端版面瀏覽之異常或錯誤情況，負責免費之相關維護工作（自行提供主機者，如因主機無法相容而導致錯誤者不在此限）。
17. 備份功能
(1) 於系統後台一鍵備份
(2) 立即備份
(3) 備份管理
(4) 還原機制
18. 網站地圖：
方便Google來爬取並收錄網站中的所有頁面。
19. 全站檔案：
全案相關設計物原始設計檔、編撰文稿、圖片資料。
20. 虛擬主機及網址：
主機空間、流量、 加裝SSL憑證、使用HTTPS連線
21. 網頁前端編輯：
(1) 使用拖放的方式，視覺化地設計和修改你的網頁
(2) 強大的前端編輯器：在前端看到網頁的即時預覽，並且隨時修改和調整網頁內容、圖片、顏色等等。
(3) 在不同的視窗大小下網頁的響應式效果
(4) 豐富的內容元素：提供超過50種不同的內容元素，例如文字、圖片、按鈕、表格、滑動器、計數器等等。只要將它們拖放到想要的位置，就可以輕鬆地加到網頁上。
(5) 精美的樣式版型：提供了許多預先設計好的樣式版型，涵蓋了各種不同的主題和行業，例如教育、旅遊、商業、健康等等。
(6) 靈活的行列系統：自由地添加行和列，建立單行或多行的欄位，並且調整大小和間距，並且建立響應式的網格系統。
(7) 互動式動畫效果：吸引人的動畫效果，例如淡入淡出、滑入滑出、旋轉、彈跳等等。
22. 版面設計：
如果您喜歡我們的文章，歡迎分享！也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡
全後台模組化形象官網，符合各式商業模式與需求，請參考：https://des13.com/service/rwd.html
Written by Ring
作者：益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗
