精選作品

網頁設計:台灣寶島行善義工團 公益網站-報名表單、活動資訊、社群互動一應俱全

網址: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檢測

seo 網頁設計


四、台灣寶島行善義工團 網站建置規格

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) 由後台自行新增修改
(3) 多層次選單:提供簡潔明確的網站結構,幫助用戶快速找到所需的內容。
 

5. 圖片輪播

(1) 首頁輪播banner功能強大,可以自訂輪播數量。
(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以上

formosa charity


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設計之實務經驗

益盛科技

 

最新文章

原創、翻譯及轉貼的資訊都在這裡。

網站是實現夢想的工具! 開始準備建置您的網站了嗎? 加Line好友
益盛科技

我們重視設計質感與行銷價值

。網頁設計。程式設計。Joomla教學。

 

聯絡資訊

ring@des13.com

點此加我們LINE  @igodos 加line好友

406台中市北屯區文心路四段955號11樓之2(需預約諮詢)

04-37072202 /  0919-413187 

thedes13 

 
點此加我們LINE
Our website is protected by DMC Firewall!