加入 Systematic Facebook 擁躉群  

這個頁面上的內容需要較新版本的 Adobe Flash Player。

取得 Adobe Flash Player


想定期知道最新課程及優惠嗎?
免費訂閱本中心的課程通訊!
觀看課程通訊
Reasonable Spread:
Permission email marketing

課堂錄影隨時睇 10 大優點之免費重睇:您可於享用時期內於報讀地點不限次數地重看課堂錄影,從而可反覆重溫整個課程!

WordPress 網頁 (Web page) 及網誌 (Blog) 架設課程

  • 課程時間
  • 課程簡介
  • 課程內容
  • 詳細內容

推介服務:課堂錄影隨時睇
編號 地點 可預約星期及時間 學費低至 85 折  
1P1709MV 旺角 一至五:11:30 - 22:30   六及日:10:30 - 21:30   (公眾假期休息) 95 折後只需 $741 按此報名
1P1709OV 觀塘 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 9 折後只需 $702 按此報名
1P1709PV 北角 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 9 折後只需 $702 按此報名
1P1709SV 沙田 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 85 折後只需 $663 按此報名
1P1709YV 屯門 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 85 折後只需 $663 按此報名
* 各政府部門可使用 P Card 付款  
免費試睇: 首半小時,請致電與本中心職員預約。 查看各地點電話
旺角 2332-6544
觀塘 3563-8425
北角 3580-1893
沙田 2151-9360
屯門 3523-1560
免費重睇: 學員可於享用時期內於報讀地點不限次數地重看課堂錄影,從而可反覆重溫整個課程!
導師解答: 學員可於觀看某一課堂錄影後提出課堂直接相關的問題,課程導師會樂意為學員以單對單的形式解答!
課時: 6 小時
享用時期: 報讀日至 2 星期內,進度由您控制,可快可慢。
課堂錄影導師: Franco (任教課程清單)
課堂錄影隨時睇: 詳情及示範片段


WordPress 是一個免費的內容管理系統 (Content Management System, CMS),故此建立網頁及網誌便無需付錢購買及安裝用作編寫網頁的專業軟件。

根據 W3Techs World Wide Web Technology Surveys 的資料顯示 (https://w3techs.com/technologies/details/cm-wordpress/all/all),WordPress 的 market share 已達 27%,即是每四個網站,就有超過一個是使用 WordPress 架設的。大家亦可以看看 WordPress 的始創人 Matt Mullenweg 在 2015 時當 WordPress 的 market share 達 25% 時所發表的 “Seventy-Five to Go (https://ma.tt/2015/11/seventy-five-to-go/)” 網誌文章。

WordPress 是一個功能強大而又容易管理的互動資訊發佈平台,從此在互聯網上分享資訊不再需要深入的電腦技術知識。

WordPress 提供許多免費、美觀及專業的佈景主題,儘管沒有藝術觸覺和訓練的朋友仍能架設美觀專業的網頁。

WordPress 支援 Responsive Mobile (響應式手機) 網頁,令您無須學習 responsive 技術都有 responsive 的效果,同時支援不同尺寸屏幕 (例如手機、桌面電腦等)。

WordPress 提供表情符號,同時亦可以分享檔案、圖片及影片,您可以更傳神地表達心中所想,令您所發佈的網誌不再只是枯燥乏味的文字。

WordPress 提供高質素的搜尋功能,令使用者可以從容地尋找到網頁內容。您完全無需自行編寫 SQL 和搜尋程式。

WordPress 內的固定網址 (Permalink) 能讓搜尋引擎 (例如 Google / Yahoo / Bing) 易於理解,令您的網頁及網誌內容更易在搜尋引擎中成功被搜尋,不至在互聯網堨菬I大海。

《WordPress 網頁 (Web page) 及網誌 (Blog) 架設課程》是一個 6 小時的課程,在無需花費金錢購買及安裝軟件、無需艱深電腦技術知識下,只需要輕鬆上課了解 WordPress 結構就能建立專業網頁及網誌。


課程時數: 合共 6 小時。
適合人士: 對製作網頁及網誌 (Blog) 有興趣之人士。
授課語言: 以廣東話為主,輔以英語。
課程筆記: 本中心導師親自編寫中文為主筆記,而部份中文字附有英文對照。
免費重讀: 傳統課堂學員可於課程結束後三個月內免費重看課堂錄影。


在無需花費金錢購買軟件、無需學習艱深電腦技術下,導師會在課堂上使用 WordPress 製作網頁及網誌。

  • 製作 Desktop 網站框架 (無須使用 HTML、CSS、JavaScript 等技術)



  • 透過 WordPress 或 Theme 本身已經提供的 Responsive 功能製作 Mobile 網站框架 (無須使用 HTML、CSS、JavaScript、Responsive 等技術)



  • 加上 Facebook Like 按鈕 (無須使用 HTML、CSS、JavaScript 等技術,只需學習如何 copy and paste 到正確的地方)



  • 加上 Facebook Comment (無須使用 HTML、CSS、JavaScript 等技術,只需學習如何 copy and paste 到正確的地方)



  • 加上 Facebook Fan Page (無須使用 HTML、CSS、JavaScript 等技術,只需學習如何 copy and paste 到正確的地方)



  • 加上 Facebook Fan Page 上的帖文 (無須使用 HTML、CSS、JavaScript 等技術,只需學習如何 copy and paste 到正確的地方)



  • 加上 RSS 新聞 (無須使用 HTML、CSS、JavaScript 等技術,只需學習如何 copy and paste到正確的地方)



  • 加上 Contact 表格 (無須 HTML、CSS、JavaScript 等技術)



  • 加上 Google Form (無須使用 HTML、CSS、JavaScript、PHP、資料庫等技術,只需學習如何 copy and paste到正確的地方)



  • 加上 Google Map (無須使用 HTML、CSS、JavaScript 等技術,只需學習如何 copy and paste 到正確的地方)
 


  • 加上相片或圖片 (無須使用 HTML、CSS、JavaScript 等技術)



  • 加上圖片集,並設有 Lightbox 效果 (無須使用 HTML、CSS、JavaScript 等技術)




  • 加上 YouTube 影片 (無須使用 HTML、CSS、JavaScript 等技術)



  • 加上自己的影片 (無須使用 HTML、CSS、JavaScript 等技術)



  • 加上影片 (例如下圖中的瀑布影片) 作為首頁背景影片 (無須使用 HTML、CSS、JavaScript 等技術)



  • 製作網站選單 (無須使用 HTML、CSS、JavaScript 等技術)



  • 加上密碼保護文章 (無須使用 HTML、CSS、JavaScript 等技術)



  • 加上投票功能 (無須使用 HTML、CSS、JavaScript 等技術)



  • 製作小測驗 (無須使用 HTML、CSS、JavaScript 等技術)



  • 加上搜尋功能 (無須使用 HTML、CSS、JavaScript、SQL 等技術)



  • 為每篇文章都加上評分 (無須使用 HTML、CSS、JavaScript 等技術)



  • 設定固定網址 (Permalink),方便搜尋器搜尋。(無須使用 HTML、CSS、JavaScript 等技術)



  • 製作 favicon。 (無須使用 HTML、CSS、JavaScript 等技術)




1 WordPress簡介
1.1 使用 WordPress 的理由

2 架設網站的基本元件

3 測試環境
3.1 準備測試環境
3.2 簡易安裝網頁伺服器、資料庫伺服器及進行簡單配置
3.2.1 AppServ
3.2.1.1 AppServ 簡介
3.2.1.2 安裝 AppServ
3.2.2 建立資料庫 (Create a database for WordPress)
3.2.3 下載 WordPress
3.2.4 複製及貼上 WordPress 檔案到網頁伺服器
3.2.5 WordPress 初始設定

4 初始設定 WordPress
4.1 以管理員身份登入 WordPress
4.2 一般設定:設定網站標題、標語、日期與時間的格式
4.3 寫作設定 (Writing Settings)
4.4 閱讀設定 (Reading Settings)
4.5 討論設定 (Discussion Settings)
4.6 媒體設定 (Media Settings)
4.7 固定網址設定 (Permalinks Settings)
4.8 造訪網站 (Visit Site) 與控制台 (Dashboard) 之間的往返

5 佈景主題 (Themes)
5.1 管理佈景主題 (Themes)
5.1.1 預設的佈景主題
5.1.2 更換及啟用 (activate) 佈景主題
5.1.3 搜尋 (search) 佈景主題
5.1.4 安裝 (install) 及啟用 (activate) 佈景主題
5.1.5 刪除佈景主題
5.1.6 上傳佈景主題 zip 檔
5.2 設定佈景主題 (Theme customization)
5.2.1 準備工夫
5.2.2 網站識別
5.2.2.1 標誌
5.2.2.2 網站標題
5.2.2.3 標語
5.2.2.4 網站圖示
5.3 顏色
5.3.1 色調
5.3.2 頁首文字顏色
5.4 頁首媒體
5.4.1 頁首影片
5.4.2 頁首圖片
5.4.3 頁首 YouTube 影片
5.4.4 還原首頁媒體
5.5 手機版 / Mobile / Responsive / 響應式網頁支援

6 文章管理 (Posts Management)
6.1 分類 (Categories)
6.1.1 建立分類 (Categories)
6.1.2 修改已有分類 (Categories) 的設定
6.1.3 刪除分類 (Categories)
6.1.4 預設分類 (Default Post Category)
6.2 標籤 (Tags)
6.2.1 建立標籤 (Tags)
6.2.2 修改已有標籤的設定
6.2.3 刪除標籤 (Tags)
6.3 基本發佈文章
6.3.1 建立新的文章
6.3.2 粗體 (Bold)
6.3.3 斜體 (Italic)
6.3.4 無序列表 (Bulleted List)
6.3.5 有序列表 (Numbered List)
6.3.6 刪除線 (Strikethrough)
6.3.7 引言 (Blockquote)
6.3.8 置左、置中及置右
6.3.9 加上超連結 (Hyperlinks)
6.3.10 文字顏色 (Text Color)
6.3.11 特殊字元 (Custom Character)
6.3.12 風格 (Style)
6.3.13 以文字貼上 (Paste as Text)
6.3.14 繼續閱讀 (More Tag)
6.3.15 表情符號 (Smiley)
6.4 草案 (Draft)
6.5 發表 (Publish)
6.6 收回已發出的文章 (Posts)
6.7 密碼保護文章 (Password Protected Posts)
6.8 私密文章 (Private Posts)
6.9 未來文章 (Future Posts)
6.10 特色圖片 (Featured Image)
6.11 為文章加上分類 (Categories)
6.12 為文章加上標籤 (Tags)
6.13 關閉迴響 / 關閉評論 / 關閉Feedback
6.14 內嵌YouTube 影片

7 搜索欄 (Search Bar)

8 小工具 (Widgets)
8.1 進入小工具 (Widgets) 設定畫面
8.2 小工具 (Widgets) 的位置
8.3 刪除原有的小工具 (Widgets)
8.4 小工具 (Widgets):文字 (Text)
8.5 小工具 (Widgets):月曆 (Calendar)
8.6 小工具 (Widgets):分類 (Categories)
8.7 小工具 (Widgets):近期文章 (Recent Posts)
8.8 小工具 (Widgets):近期迴響 (Recent Comments)
8.9 小工具 (Widgets):標籤雲 (Tag Cloud)
8.10 小工具 (Widgets): 搜尋 (Search)
8.11 小工具 (Widgets): 彙整 (Archives)
8.12 小工具 (Widgets):RSS
8.12.1 RSS
8.12.2 為 WordPress 加上 RSS 新聞
8.13 小工具 (Widgets):其他 (Meta)

9 頁面 (Pages) 與選單 (Menus)
9.1 甚麼是選單 (Menus)
9.2 頁面 (Pages) vs 文章 (Posts)
9.3 刪除預設的頁面 (Pages)
9.4 刪除預設的選單 (Menus)
9.5 頁面 (Pages) 與選單 (Menus) 的綜合實習
9.5.1 實習的目標
9.5.2 建立所需的頁面 (Pages)
9.5.2.1 建立首頁頁面 (Pages)
9.5.2.2 建立網誌頁面 (Pages)
9.5.2.3 建立聯絡我們頁面 (Pages)
9.5.2.4 建立課程頁面 (Pages)
9.5.2.5 建立顧問頁面 (Pages)
9.5.3 建立及設定選單 (Menus)
9.5.3.1 建立選單 (Menus)
9.5.3.2 設定選單 (Menus):首頁
9.5.3.3 設定選單 (Menus):網誌
9.5.3.4 設定選單 (Menus):聯絡我們
9.5.3.5 設定選單 (Menus):服務
9.5.3.5.1 設定選單 (Menus):課程
9.5.3.5.2 設定選單 (Menus):顧問
9.5.3.6 最後的 “儲存”
9.5.3.7 檢視結果
9.5.4 設定首頁 (Front page) 及文章頁面 (Posts page)
9.5.5 設定首頁區塊
9.6 社群鏈結選單 (Social Links Menu)
9.7 選單位置管理

10 外掛 (Plugins)
10.1 管理外掛 (Plugins)
10.2 WordPress 的發送電郵能力
10.2.1 忘記密碼的處理方法
10.3 Facebook
10.3.1 常見問題
10.3.1.1 是否需要 Facebook 開發人員帳戶?
10.3.1.2 是否需要建立 Facebook 應用程式?
10.3.2 準備工夫及讚好 (Like) 按鈕
10.3.2.1 準備工夫 (十分重要!!)
10.3.2.2 加上讚好按鈕 (Like Button)
10.3.3 回應 (Comments Plugin)
10.3.4 專頁附加程式 (Page Plugin)
10.3.5 內嵌帖子 (Embedded Posts)
10.4 聯絡我們 (Contact Us Form)
10.5 Google Forms
10.5.1 建立 Google Forms
10.5.2 在 WordPress 內應用Google Forms
10.5.3 檢視結果
10.6 Google Maps
10.6.1 在WordPress 內嵌入 Google Maps (具路線規劃)
10.6.2 在WordPress 內嵌入 Google Maps (街景)
10.7 圖片處理
10.7.1 一張圖片的處理方法
10.7.1.1 為圖片加上連結以連結到其他網站或站內的其他地方
10.7.2 多張圖片的處理方法 (Gallery 及 Lightbox 效果)
10.8 影片播放
10.9 投票 (Poll)
10.10 小測驗
10.11 評分 (Rating)
10.12 停用外掛 (Plugins)
10.13 刪除外掛 (Plugins)

11 附錄1:由零開始製作選單 (Menus) [對應章節 9.5.3 的另一種做法]
11.1 建立選單 (Menus)
11.2 設定選單 (Menus):首頁
11.3 設定選單 (Menus):網誌
11.4 設定選單 (Menus):聯絡我們
11.5 設定選單 (Menus):服務
11.5.1 設定選單 (Menus):課程
11.5.2 設定選單 (Menus):顧問
11.6 儲存表單
11.7 位置管理

 

更多綜合課程
  法律課程
  • 代理人的法律責任
  • 公司董事和合夥人的法律責任
  • 婚姻的法律責任
  • 遺產繼承的合法權益
  英文課程
  • IPA 拼音:級別 1 2 3 4
  普通話課程
  • 基礎普通話拼音 (免費)
  • 進階普通話拼音
  • 普通話會話:級別 1 2 3
  西班牙語文課程
  • 級別 1 2 3
  中醫課程
  • 濕疹與皮膚敏感病
  • 暗瘡與色斑 | 鼻敏感與感冒
  • 脫髮與白髮 | 從五官看健康
  攝影課程
  • 攝影初級
  • 攝影中級 (風景專題)
  風水命理課程
  • 紫微斗數:級別 1 2 3
  • 子平八字:級別 1 2 3
  • 八字風水:級別 1 2 3
  • 奇門遁甲:級別 1 2 3

這個頁面上的內容需要較新版本的 Adobe Flash Player。

取得 Adobe Flash Player