精選作品
作品
作品:鳳山體育足球學院 網站建置 場地租借系統 開發
場地租借系統能輕鬆管理場地，在系統中查看場地的預訂情況，確保不會發生衝突或過度預訂。
場地租借系統為客戶提供了簡易的途徑來查找、預訂和支付場地費用。他們可以選擇適合的日期和時間，並立即預訂，無需繁瑣的郵件或電話溝通，提供了更好的客戶體驗。
鳳山體育足球學院成立於2022年，在高雄鳳山經營足球已有40年之餘，培育出無數代表台灣出國參加比賽的選手，無論在場地的取得，人才的培育，辦理足球活動的經驗以及足球教學皆已具備，但要發展台灣的足球就必須要從最基層的基層扎根做起，讓更多的孩子一起參與足球，未來才會有更多的支持者，透過不斷奔波努力，終於成立鳳山體育足球學院，過去鳳山足球已經在台灣足球史上已經寫下一頁頁的傳奇，希望並結合過去經驗與未來資源準備再把鳳山足球引導至另一個全新境界。
我們為鳳山體育足球學院開發了簡易的 場地租借系統 ， 網站建置 中的「 場地租借系統 」是一個強大的工具，讓場地租借過程變得更有效率、方便和透明。無論是運動場地、會議中心、活動場地，或者任何其他需要提供租借服務的場所，這個系統都能為您簡化場地租借流程。
一、鳳山體育足球學院 網站建置 專案需求
鳳山體育足球學院需立全新網站，包括現代化的外觀、「關於我們」、「最新消息」、「課程資訊」、「活動相片」、「合作推廣」、「預約體驗」、「常見問題」、「報名表」及「場地租用系統」等功能，以提供綜合資訊和服務。
二、網站建置 網頁設計 客戶好評
為了保護帳號資訊的隱私，以下圖片已進行了修改。
三、鳳山體育足球學院 形象網站 網站google檢測
1. Accessibility 無障礙：
我們希望讓鳳山體育足球學院的網站容易使用，不論是對視覺障礙者、聽障者還是其他特殊需求的使用者。我們致力於確保網站的設計和功能可以適應各種使用者，提供無障礙的使用體驗。
2. Best Practices 最佳實踐：
我們追求網站的效能、安全性和使用者體驗達到最佳水準。
Line、Facebook 或其他社交媒體平台的api及外部連結會影響網站的效能和使用者體驗，可能導致網站載入速度變慢，或者在某些情況下阻止內容的正確載入。
這些因素可能會導致網站不符合「Google 的最佳實踐」，但是連結社群平台卻能增加網站可信度的權重及提高SEO的排名。
3. SEO（基本搜尋引擎優化建議）：
我們致力於鳳山體育足球學院的網頁容易被搜尋引擎找到。
為達到這一目標，需不斷更新網頁內容，讓網站符合基本搜尋引擎優化建議，這樣更多人可以找到相關資訊，提高網站的曝光度。
四、鳳山體育足球學院 網站建置 規格
1. 網站後端 管理系統
(1) 自主管理功能：如會員增刪管理、照片影片文字檔案管理
(2) 文章管理系統：
- 後臺可增加、刪除、修改文章，文章分類，文章列表
- 後臺支援文章自動發佈
- 所見即所得編輯器：與Word相容編輯文章區
- 支援圖片及Html語法
- 檔案內嵌
- 支援分類瀏覽
- 支援被搜尋及生成RSS
- 每篇文章可建立顯示關鍵字/隱性關鍵字/建立文章交叉關連性
- 支援影片嵌入（如youtube..等）
- 可自行編寫說明文案，文案與影片對應
(3) 關鍵字頁籤管理：
- 關鍵字資料庫建立
- 於後台自建關鍵字資料庫
- 站內項目可選擇相關關鍵字
- 前台輸入相關關鍵字即可符合搜尋內容
2. 網站前端 網頁設計
(1) 響應式網頁設計
- 行動友善：適應各種螢幕尺寸大小瀏覽
- 桌上型及手持設備友善瀏覽環境建置。
- 前端使用RWD響應式網頁，針對主流行動裝置瀏覽優化，亦即針對Chrome、FireFox、Safari這幾項主流行動版瀏覽器目前最主要版本別優化，以及市面上當前主要Android和iOS手機介面優化。
- 螢幕解析度相容（響應式網站）：
- 網站使用響應式設計(RWD)，可依據顯示裝置自動調整版面配置，使網頁內容易於瀏覽
- iPad橫版，豎版
- iPhone橫版，豎版
(2) 視覺版型 網頁設計
- 客製化版面設計： 依客戶需求溝通製作
- 網站各單元之設計風格、樣板採一致性（含按鈕標題），並使色彩配置及圖文排版達到最佳化（單一網頁橫向捲軸不會出現、網頁內容太長時提供分頁或內容串 連…等），使客戶、便捷、愉悅的瀏覽網站。
- 首頁各區塊版型調整及美化，中間各內容區塊能由管理者從後台控制調整擺放順序。
- 網站ui設計規劃/ UI介面設計
(3) 網站切版
- 所有設計頁面製作含基本SEO設置
- 響應式切圖，動態效果實現
- 使用最新語法 4. 依CSS+DIV+HTML網頁格式版面切版
- 符合HTML標準：通過國際組織 W3C 提供的HTML 檢測工具檢測
- 符合CSS標準：通過國際組織 W3C 提供的CSS 檢測工具檢測
- 依google搜尋引擎SEO指南優化網站編寫
3. 2023年改版首頁 網頁設計
- 使用大圖片或輪播圖片展示幼兒足球的活動場景。
- 選用明亮且活潑的顏色，以符合幼兒足球的主題。
- 使用足球圖案、足球場景或可愛的幼兒插圖等視覺元素，以增加趣味性和吸引力。
- 活動和課程頁面將提供詳細的活動和課程資訊，包括日期、時間、地點和報名方式。
- 用圖片或影片展示過去的活動和訓練場景，以激發家長和孩子的興趣。
5. 網站建置 模組外掛設定
(1) 廣告輪播/圖片輪播/首頁輪播圖：
- 首頁輪播banner功能強大，可以自訂輪播數量，更便捷的推廣相關活動訊息。包括頂級分類頁、內頁清單頁等多個頁面加入圖片輪播，推廣效果更好。
- 可由後台自行上傳輪播圖片，可以設定超連結、輪播秒數、各種特效參數。
- 輪播不限張數，建議4-5張左右
- 益盛科技設計首頁形象大圖Banner２張
- 首頁輪播圖滾動，點擊輪播圖可跳轉對應的文章連接
- 可拖拉排序輪播照片
- 管理者由後台可新增/刪除/修改圖片
- 可開啟新頁面連結新網站
- 可由後台決定是否啟用照片
- 網頁動畫或互動式內容採用開放標準，確保使用者可跨瀏覽器瀏覽
(2) 最新消息：
- 以日期、主旨逐一條列，以表格方式展現，可分類，種類項目需可於後端增刪；
- 前端點入頁面後可以觀看靜態文字圖面展示。
- 列表顯示
- 無限分類及內容頁
(3) 站內搜尋
- 提供主要搜尋分類的關鍵字輸入欄位
- 通過輸入關鍵詞，對相關文章進行搜尋
(4) 底部導覽列
- 網頁選單、版權宣告、聯絡資訊
- 導入資訊式頁尾（Informative Fat Footer）、巨型導覽選單（Mega Menu），以提升網站操作便利性及增加視覺美感。
(5) 影片展示：
- youtube嵌入
- 提供更豐富的內容體驗，提高網站吸引力和可信度，並提供更好的搜尋引擎可見性。
(6) 行事曆
- 可顯示每日課程、活動、賽程
(7) 專欄文章
- 以日期、主旨逐一條列，以圖片+文字方式展現，前端點入頁面後可以觀看靜態文字圖面展示。
(8) 合作夥伴
- logo連結圖片輪播
(9) 課程資訊
- 報名表：填寫表單欄位（含驗證碼）
- 課程介紹
- 課程總表，可搭配行事曆
(10) 活動相片（影音）
- 以日期、標題逐一條列，以表格方式展現；前端點入連結後可以瀏覽照片及照片註解。
(11) 社群媒體
- Facebook粉絲專頁嵌入。
- 網站結合社群網路媒體分享功能，提供一鍵分享功能並自動帶入文章內容。
- 網站內容可分享至 Line、Facebook、Twitter、ｉｇ..等社群網站。
(12) 網站地圖 網站導覽：
- 安裝 Site map 功能，再將頁面提交給 google。
(13) 系統流量分析
- 流量統計
- 網站導入流量統計工具 GOOGLE Analytics
- 依日週月、來源、關鍵字、國家別、瀏覽內容…等詳細報表分析。
- 重要網頁內容流量分析報表。
- 內容流量來源分析報表（直接流量/推薦流量/搜索引擎流量）。
- 網站內容流量來源國家城市別/網路位置等分析報表。
- 網站被哪些關鍵字流量從哪些搜索引擎而來之分析報表。
- 上述報表需依「每日/週/月/季/年」提供。
(14) 教育訓練
- 網站資料維護 (一般使用者) 1場次2小時教育訓練，輔導使用者進行上線操作。包括後台管理及維護，簡易圖文網站頁面排版等。
- 以實作教學輔導網站管理人員熟悉改版後網站之前、後台管理作業及新增之系統使用操作。
- 線上教材：針對管理平台各項功能，且製作系統操作手冊電子檔，放置於管理平台登入後網頁供網站管理者隨選閱讀。
(15)服務諮詢1年
- 網站上線，如有操作或技術問題，免費提供客服諮詢服務。
(16)網頁保固1年
- 於正常操作之狀態下所發生前端版面瀏覽之異常或錯誤情況，負責免費之相關維護工作（自行提供主機者，如因主機無法相容而導致錯誤者不在此限）。
(17)資安稽核
- 後臺位址加密
- 後臺登錄設置，安全加密
- 隱藏CMS標籤
- 網站防火牆安裝
(18) 網站備份
- 全站備份功能
- 立即備份
- 備份管理
(19) SEO優化
- SEO(設計中植入SEO概念)
- 網站關鍵字（Metadata）設定：在一般情況下使用者是看不到的，它的作用在於讓各大搜尋引擎能夠更容易地依照使用者輸入的關鍵字來找到本網站。
- 頁面header W3C標準
- 頁面header meta標籤（頁面keywords，description管理/ 定義）
- 後台Title、Keywords、Description管理
- 自訂網站名稱
- 優化網站速度：壓縮 & 合併 JS 8. 優化網站速度：壓縮 & 合併 CSS 9. 優化網站速度：開啟GZIP
- 網址靜態化
- 建立「階層連結清單」導覽（麵包屑）
- 頁面title管理/定義
- 郵件自動回覆
- 圖片alt, title 屬性 h1,h2 標籤使用
- 404頁面
五. 場地租借系統 客製化程式開發
1. 場地租借系統 後端管理系統：
場地租借管理 程式客製化開發
2. 網站前端 網頁設計
- 網頁設計：場地列表 、 場地詳情頁 、 確認租用表單
- 程式功能：顯示表格及 html
- 視覺版型 樣式風格選擇： 與首頁為同一版型，內頁與主視覺皆同一版型 網站切版
六. 網站建置 虛擬主機及網址
- 主機空間：5G
- 流量：30G /月
- 免費加裝SSL憑證
- 使用HTTPS連線
- 企業信箱購買及設定
註：下方為2022年版首頁
推薦閱讀：全後台模組化形象官網
簡易電子書下載：一頁式網頁設計電子書
如果您喜歡我們的文章，歡迎分享！也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡
全後台模組化形象官網，符合各式商業模式與需求，請參考：https://des13.com/service/rwd.html
Written by Ring
作者：益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗
