網站設計及程式開發文憑課程


本中心現已支援 轉數快 付款。



推介服務：課堂錄影隨時睇
(在家觀看 = 0%，在校觀看 = 100%)
[不可申請 CEF 資助]

網站設計及程式開發文憑課程

100% 在校觀看日期及時間：
自由選擇，點選以下地區觀看辦公時間及位置

不限：$9,980 (地點沒有限制)報名
旺角：95折 $9,481 報名 phone
電話：2332-6544
觀塘：9折 $8,982 報名 phone
電話：3563-8425
北角：9折 $8,982 報名 phone
電話：3580-1893
沙田：85折 $8,483 報名 phone
電話：2151-9360
屯門：85折 $8,483 報名 phone
電話：3523-1560

課時： 120 小時

享用時期： 40 星期。進度由您控制，可快可慢。

課堂錄影導師：Nethril
在校免費試睇：首 3 小時，請致電以上地點與本中心職員預約。

本課程提供在校免費重睇及導師解答服務。


推介服務：課堂錄影隨時睇
(在家觀看 = 100%，在校觀看 = 0%)
[不可申請 CEF 資助]

網站設計及程式開發文憑課程

100% 在家觀看日期及時間：
每天 24 小時全天候不限次數地觀看

學費：$9,980 報名 phone
電話：2332-6544

課時： 120 小時

享用時期： 40 星期。進度由您控制，可快可慢。

課堂錄影導師：Nethril
在校免費試睇：首 3 小時，請致電以上地點與本中心職員預約。

本課程提供導師解答服務。


120 小時後，您便能成為設計及管理網站的專才！

本網站設計課程由業界最強的
香港討論區 Discuss.com.hk、Uwants.com 及 Systematic 攜手舉辦

香港討論區 Discuss.com.hk
香港討論區 Discuss.com.hk 為全球華人提供多元化的討論服務，如討論手機、旅遊、電腦、MP3、飲食、足球、籃球、網絡、網站設計、遊戲、寵物、購物、音樂、美容、投資、動漫、汽車等。在 Alexa 香港最熱門網站排行長期位於頭 10 名之內。

註： 在 Alexa 香港最熱門網站排行頭 10 位之內的網站分別有 Google.com、Facebook.com、Youtube.com、Yahoo.com、Baidu.com 及 Taobao.com 等。而 Alexa 是 Amazon.com 旗下一個專為世界各地網站作深入流量分析及排位的公司，成立於 1996 年，享負盛名。

Uwants.com
Uwants.com 為全球華人提供多元化的網站服務，如討論區、Blog、網上相簿、賀卡、格價系統 Price.com.hk 等。在 Alexa 香港最熱門網站排行約為第 30 名，現更已成為電玩遊戲討論的香港 No. 1 網站。

註： 香港討論區 Discuss.com.hk 及 Uwants.com 的到訪人次 (Unique Visitors) 合共超過 200 萬人/日，瀏覽頁次 (Page Views) 合共超過 7.5 億頁/月。

Systematic Computer Education Centre (系統電腦教育中心)
成立於 1993 年，為教育局認可的註冊教育中心。至今一直致力於電腦課程教育，質素備受全港學員推祟，而報讀 Systematic 課程的學員人數已超過 40 萬。

Systematic 深信，課程成功的最重要構成因素便是要有優良的導師。而優良導師的最重要構成因素便是 3P：
1. 對課程內容要有深入的實戰經驗 (Practical Experience)。
2. 對課程教學要有專業的表達技巧 (Presentation Skill)。
3. 對課程要有充足的準備 (Preparation)。

本網站設計課程由 Uwants.com 及
香港討論區 Discuss.com.hk 技術顧問 Nethril 親自教授

Nethril
Nethril 現在是 Uwants.com 及香港討論區 Discuss.com.hk 的網站技術顧問，擁有多年網站設計、管理電腦網絡及電腦系統之經驗，於課堂時能給予學員大量網站設計的實用例子，令學員易於吸收課程內容之餘，亦可活學活用。Nethril 上課時強調互動，認為導師與學員之間有更多溝通能大大加強學員對課程內容的了解及掌握，其深入淺出、負責任及有耐性的教學方法，獲得眾多學員極佳的評價。

網站設計課程的市場價值

隨著 Internet 的日漸流行及普及化，全球無論大中小企業或團體組織，都已意識到利用 Internet 作為一個重要的市場推廣途徑，以增加其商機或方便內部溝通。因此，如果你懂得為公司設計一個專業並吸引的網站，絕對可大大提高你公司的成功機會。

其實網站設計及程式開發 (Web Design 及 Web Programming) 正處於高速發展的階段，因此市場對網站設計及程式開發之人材相當渴求，所以網站設計及程式開發人材的就業機會及市場價值亦相對其他行業為高。只要留意報章或網上的招聘廣告，你會發現有很多職位都要聘請網站設計及程式開發的人材。

至於創辦網站設計及程式開發生意更可能為你帶來無限商機及財富。另外，成為網站設計及程式開發人材亦可為你帶來不少兼職秘撈的好機會！

由於修讀網站設計及程式開發的過程會大大提高你的電腦水平，故此，對電腦或網站設計及程式開發有興趣的你，報讀本課程實在是一個絕佳的選擇。

以 Systematic 於 1993 年以來的成功教授課程經驗，再加以實踐眾多的商業網站設計案例，必能令你全面而有系統地掌握網站設計及程式開發的技術，並令你可以真真正正創辦自己的網站設計及程式開發生意或投身這行業。

本課程導師為 Adobe Certified Expert (ACE) 及 Adobe Certified Instructor (ACI) in Photoshop、Dreamweaver、Illustrator 及 Animate，並擁有超過 23 年教授網站設計的經驗，善於控制學習節奏，深入淺出，令學員在輕鬆氣氛下，掌握電腦技巧。
本課程會使用中文版 Adobe Photoshop、Dreamweaver、Illustrator、InDesign 及 Animate 進行教授，課程內容同時兼容 CS6 及 CC 版本軟件 。
以及教授最新網頁技術 HTML5、CSS3、JavaScript、jQuery、Bootstrap 及 RWD (Responsive Web Design) 等，務求令學員掌握目前最流行、最熱門的網頁設計知識，並打好最全面的網頁設計基礎。
同時會教授伺服器的安裝及管理，當中包括 DNS Server、Web Server、FTP Server、Mail Server 及 Media Server 等各類型伺服器。
並會教授 SEO (Search Engine Optimization 搜尋器優化) 技術，令學員的網站瞬間在各大搜尋器排名領先。
更會以網上報讀課程系統為藍本，教您架構商業網站，從而掌握網上購物及信用卡付款網站的運作原理。課程中會運用 PHP 程式語言及 MySQL 資料庫系統 等工具 。
除此之外，課程內還會教授如何簡易地製作 網上討論區 (Forum) 和 電子商店 (E-Shop) 呢！
高效能電腦一人一機實戰，運作速度流暢，闊螢幕畫面寬敞。
理論與實踐並重，導師於課堂內講解理論及示範實際例子，學員亦會於課堂內立即做練習及實踐。
由本中心導師親自編寫中文為主筆記，而軟件選項附有英文對照，絕對適合實際操作中文版或英文版軟件之用，令你無須「死鋤」如字典般厚及不適合香港讀書格調的書本。

課程時數： 合共 120 小時
適合人士： 1. 有意創辦網站設計 (Web Design 及 Web Programming) 生意的人士
2. 有意為自己或公司設計網站的人士
3. 有意投身網站設計行業的人士
4. 對網站設計及技術有興趣的人士
入學要求： 對 Microsoft Windows、Microsoft Office 及 Internet 使用有基本認識
中五或以上程度
授課語言： 以廣東話為主，輔以英語
免費重讀： 傳統課堂學員可於課程結束後三個月內免費重看課堂錄影。

寶貴的工作或營商機會：
表現出色的學員會得到 香港討論區 Discuss.com.hk、Uwants.com 或 Systematic 提供的兼職或全職工作。

而學員若有創業計劃，亦歡迎與課程導師交流，分享營商心得。若苦無資金或人力開拓，優質的創業計劃便會得到 香港討論區 Discuss.com.hk、Uwants.com 或 Systematic 的注資及提供人力協助。


課程名稱：網站設計及程式開發文憑課程
- 簡稱：Web Design Training Course

以多年經驗來教您設計網站的 layouts、banners、icons 等，從而掌握建設美觀網站所須的技術。

課程中會運用中文版 Adobe Photoshop、Illustrator、Dreamweaver、Animate 及 InDesign 等著名設計軟件進行教授 (課程內容同時兼容 CS6 及 CC 版本軟件)：

  • Photoshop 用於設計網頁版面
  • Illustrator 用於設計 Logo、Icon及按鈕等圖示
  • Dreamweaver 用於網頁排版
  • Animate 用於製作網頁動畫
  • InDesign 用於出版網上刊物

並配合最新網頁技術 HTML5、CSS3、JavaScript、jQuery、Bootstrap 及 RWD (Responsive Web Design) 等，務求令學員掌握目前最流行、最熱門的網頁設計知識，並打好最全面的網頁設計基礎。 詳細課程內容如下：


A. Photoshop

  1. 認識 Photoshop 操作介面
  2. 橢圓形選取
  3. 多邊形選取
  4. 磁性套索工具
  5. 魔術棒工具
  6. 裁切工具
  7. 污點收復筆刷工具
  8. 收復筆刷工具
  9. 內容感知移動工具
  10. 紅眼工具
  11. 圖層基礎
  12. 筆刷工具
  13. 顏色取代工具
  14. 混合器筆刷工具
  15. 圖樣印章工具
  16. 漸層工具
  17. 油漆桶工具
  18. 模糊工具
  19. 銳利化工具
  20. 指尖工具
  21. 加亮工具
  22. 加深工具
  23. 海綿工具
  24. 文字工具
  25. 滴管工具
  26. 像素(Pixel) 和色點(Dot)
  27. 解析度(Resolution)
  28. 相片尺寸修改
  29. 畫面旋轉
  30. 影像調整
  31. 亮度/對比 (Brightness/Contrast)
  32. 調整層 (Adjustment Layer)
  33. 色階 (Levels)
  34. 曲線 (Curve)
  35. 色相/飽和度 (Hue/Saturation)
  36. 色彩平衡 (Color Balance)
  37. 去除飽和度及黑白
  38. 相片濾鏡 (Photo Filter)
  39. 圖層透明度
  40. 合併圖層
  41. 影像平面化
  42. 圖層群組 (Group Layer)
  43. 圖層樣式 (Layer Style)
  44. 不透明度(Opacity) 與填滿(Fill) 的分別
  45. 濾鏡收藏館 (Filter Gallery)
  46. 液化 (Liquify)
  47. 快速遮色片(Quick Mask)
  48. 剪裁遮色片 (Clipping Mask)
  49. 圖層遮色片 (Layer Mask)
  50. 點陣圖(Raster) 與向量圖(Vector) 的分別
  51. Photoshop 中的向量繪圖工具
  52. 基本向量繪圖工具
  53. 使用筆型工具(Pen Tool) 及路徑(Path) 繪圖
  54. 把手 (Handle)
  55. 網站內的基本頁面結構
  56. 網頁色彩配搭
  57. 常用網頁圖像格式之特點
  58. 網頁圖片儲存方法
  59. 切片工具 (Slice Tool)
  60. 網頁版面設計

B. Illustrator

  1. 認識何謂向量繪圖
  2. 基本幾何圖案繪圖工具
  3. 縮放及旋轉工具
  4. 鋼筆工具
  5. 顏色及色票
  6. 多種漸變色工具
  7. 網頁 Logo 圖示設計
  8. 輸出網頁圖像

C. HTML5

  1. HTML 的格式
  2. HTML5 的主要結構
  3. 認識基本的標籤
  4. 認識表格 (Table) 標籤
  5. 認識數字註釋 (Ordered List) 的標籤
  6. 認識註釋 (Unordered List) 的標籤
  7. HTML5 影片播放功能
  8. HTML5 音樂播放功能
  9. HTML 常用指令一覽表

D. Dreamweaver

  1. 認識 Dreamweaver 操作介面
  2. 設定工作區 (Workspace)
  3. 網站管理 (Manage Site)
  4. 頁面屬性 (Page Properties)
  5. 基本文字格式
  6. 項目符號
  7. 插入圖片
  8. 建立網頁連結 (Hyperlink)
  9. 滑鼠變換影像 (Rollover Image)
  10. 影像地圖 (Image Map)
  11. 域名及網頁空間登記
  12. 用 Dreamweaver 上載網頁
  13. 建立表格 (Table)
  14. 在表格內插入橫行和直行
  15. 在儲存格合併或分割
  16. 為表格上色
  17. 調整表格的內距 (Cell Padding) 和邊框間距 (CellSpacing)
  18. 用表格製作網頁
  19. 範本 (Template)
  20. 表單 (Form)

E. CSS3

  1. 認識 CSS (Cascading Style Sheets)
  2. 內嵌式 CSS
  3. 外置式 CSS
  4. Div 區域
  5. 盒子模型 (Box Model)
  6. ID 選擇器 (ID selector)
  7. 如何令 Div 區域支援手機畫面
  8. 用 CSS 定義不同的標籤外觀
  9. 用 CSS 設定連結樣式
  10. 套用預設 CSS 樣式
  11. 後代選擇器 (Descendant Selectors)
  12. 盒子的浮動 (float)
  13. float 的實際應用
  14. 令網頁支援手機
  15. RWD (Responsive Web Design) 響應式網頁實例
  16. CSS 動畫效果
  17. CSS 網頁版面設計

F. InDesign

  1. 認識 InDesign 操作介面
  2. 頁面設定
  3. InDesign 文件結構
  4. 主版頁面概念及設置
  5. 基本繪圖工具
  6. 參考線
  7. 填色設定
  8. 圖片的置入
  9. 文字工具操作
  10. 框架的種類及設定
  11. 多頁文件設計
  12. 文字編排與字元樣式設定
  13. 段落樣式設定
  14. 繞圖排文功能
  15. 輸出由您製作的網上刊物

G. Animate

  1. 認識 Animate 操作介面
  2. 修改背景色
  3. 設定「設計版面」大小 及 影格速率
  4. 認識基本的繪圖工具
  5. 鉛筆工具
  6. 筆刷工具
  7. 認識圖層
  8. 影格 (Frame) 與 關鍵影格 (Keyframe)
  9. 形狀補間動畫 (Shape Tween)
  10. 形狀提示點 (Shape Hints)
  11. 元件 (Symbol)
  12. 傳統補間動畫 (Classic Tween)
  13. 對齊 (Align) 及 分散至圖層 (Distribute to Layers)
  14. 移動導引線 (Motion Guide)
  15. 匯入圖片及簡易退地
  16. 顏色效果 (Color Effects) 及 濾鏡 (Filter)
  17. 移動補間動畫 (Motion Tween)
  18. 3D 補間動畫 (3D Tween)
  19. 移動預設效果 (Motion Presets)
  20. 遮色片 (Mask)
  21. 影片片段 (Movie Clip)
  22. 按鈕 (Button)
  23. 感應區 (Hit Area)
  24. 使用「程式碼片段 (Code Snippets)」去製作按鈕連結
  25. 製作互動式輕觸式按鈕
  26. 將動畫輸出為 HTML5 格式

H. JavaScript & jQuery

  1. JavaScript 基本知識
  2. 認識 jQuery
  3. 使用 jQuery 選取畫面元素
  4. jQuery 核心操作技巧
  5. 常見的事件控制
  6. 導航列與 Menu 設計
  7. jQuery 圖像特效
  8. 簡易製作滑鼠動態提示
  9. 簡化 Ajax 程式開發
  10. 配合 jQuery 外掛製作更多特效
  11. 加入動態效果
  12. 製作相片捲軸
  13. 網頁表單按鈕驗證
  14. 使用 jQuery UI 製作絢麗的網頁動態效果

I. Bootstrap

  1. Bootstrap 簡介
  2. 安裝及建立 Bootstrap 網站
  3. 了解 Grid System
  4. 常用的 Bootstrap 模版
  5. 建立 Bootstrap 物件
  6. Responsive 圖像
  7. 建立導覽列
  8. 建立 Accordion 摺疊式選單

以著名網站 香港討論區 Discuss.com.hk 及 Uwants.com 為藍本，教您安裝及管理各式伺服器，從而達至有效率的網站管理及推行強勁的網站服務。此外，還會分享宣傳網站的竅門，從而更易晉升為世界級人流網站。

課程中會安裝及管理各式伺服器，詳細內容如下：

J. Server

1. 認識基本的互聯網 (Internet) 架構
1.1 TCP/IP 及 IP Address 的理解
1.2 ISP 與 Data Center 的分別
1.3 檢查 IP Address 的方法
1.4 在 Windows 系統上設定固定的 IP Address
1.5 認識 DNS
1.6 在 Windows 系統上設定固定的 DNS 伺服器位址
1.7 DNS 伺服系統的宏觀架構
1.8 租用一個網域名稱 (Domain Name) 須知
1.9 申請一個網域名稱 (Domain Name)
1.10 設定網域名稱 (Domain Name) 的附加資料
1.11 安裝網域名稱伺服器 (DNS Server) 軟件
1.12 設定網域名稱伺服器 (DNS Server)
1.13 測試網域名稱的回應

2. 設定 Dynamic DNS Service (動態網域名稱服務)
2.1 申請 Dynamic DNS Service
2.2 安裝及設定 No-IP DUC (Dynamic Update Client)
2.3 設定 GoDaddy 的 DNS 服務

3. 下載及安裝 AppServ
3.1 Apache
3.2 MySQL
3.3 PHP
3.4 phpMyAdmin
3.5 下載及安裝 AppServ

4. 基本設定 Apache 網站伺服器的設定檔
4.1 改變設定檔的內容
4.2 連接埠的理解

5. SSL 安全通訊協定
5.1 SSL 安全通訊協定的理解
5.2 為伺服器設置 SSL 憑證

6. 檔案傳輸伺服器（FTP Server）
6.1 檔案傳輸伺服器的理解
6.2 安裝檔案傳輸伺服器軟件
6.3 設定檔案傳輸伺服器

7. 安裝及設定電郵伺服器 (Mail Server)
7.1 下載及安裝 Mail Server

8. 安裝及設定媒體伺服器 (Media Server)
8.1 下載及安裝 Media Server
8.2 安裝播放器
8.3 遙距串流影片

9. 安裝及設定 Linux Server 系統
9.1 安裝 Linux 系統
9.2 切換至 root 系統管理員帳戶
9.3 在 Linux 安裝 Web Server
9.4 在 Linux 安裝 PHP 模組
9.5 在 Linux 安裝 MySQL 資料庫
9.6 在 Linux 安裝 FTP Server

10. 巿場推廣的要點 (網站)
10.1 目標客戶
10.2 網域名稱的選擇
10.3 為目標客戶設計一個適合的網站

K. SEO 搜尋器優化技術

1. 如何進行巿場推廣及 SEO (搜尋器優化)
2. 傳統型 vs 電子資訊型
3. 搜尋器 (Search Engine)
4. Metadata
5. 關鍵字如何選擇
6. 電郵推廣 Email Marketing
7. SEO (Search Engine Optimization 搜尋器優化) 流程簡表
8. SEO 對域名及伺服器的要求
9. 如何選擇一個合適的域名
10. 選擇搜尋器喜歡的寄存空間
11. 如何選擇寄存空間合適的位置
12. 寄存空間的速度對 SEO 的影響
13. 保障寄存空間更穩定
14. 支援 404 錯誤頁面
15. 目錄層級對 SEO 的影響
16. 目錄檔案名稱對 SEO 的影響
17. 網頁大小對SEO的影響
18. 關鍵字(Keywords) 的設計技巧
19. 關鍵字的重要性
20. 數據監察及分析

 

以網上報讀課程系統為藍本，教您架構商業網站，從而掌握網上購物及信用卡付款網站、香港討論區 Discuss.com.hk 及 Uwants.com 等運作原理。完成此部份亦可為網站提供更多的互動服務如表格、問卷、投票、競投、產品索引、內容管理等。

課程中會運用 MySQL、PHP 等工具，詳細內容如下：

L. MySQL 資料庫系統

1. 資料庫系統概論
1.1 資料庫 (Database)
1.2 資料表 (Table)
1.3 SQL 語言

2. MySQL 資料庫系統
2.1 MySQL 基本配置
2.2 MySQL 檔案配置

3. 執行 phpMyAdmin

4. 建立資料庫
4.1 建立一個名為 “course” 的資料庫

5. 建立資料表
5.1 建立一個名為 “categories” 的資料表

6. 修改資料表
6.1 修改資料表 “categories”

7. 新增資料
7.1 新增資料到 “categories” 資料表

8. 修改資料
8.1 修改課程類別 “Turbo Linux”

9. 刪除資料
9.1 刪除課程類別 “Microsoft”

10. 搜尋資料
10.1 搜尋所有資料
10.2 DISTINCT 選項
10.3 WHERE 子句
10.4 ORDER BY 子句
10.5 GROUP BY 子句
10.6 HAVING 子句

11. 正規化

12. MySQL 權限配置
12.1 phpMyAdmin 使用者設定
12.2 修改帳戶密碼
12.3 GRANT
12.4 REVOKE

13. 安裝及設定 Discuz! 討論區程式
13.1 事前準備
13.2 安裝 Discuz!
13.3 進入 Discuz! 的設定畫面
13.4 設定討論區名稱及說明
13.5 更改及新增討論區


M. PHP 伺服器程式

1. PHP 概覽
1.1 PHP 特色

2. PHP 基本語法
2.1 網頁表單
2.2 PHP 標籤類別
2.3 PHP 敘述
2.4 PHP 註解
2.5 PHP 表單變數
2.6 PHP 變數
2.7 常數

3. PHP 資料型態
3.1 整數 (integer) 及浮點數 (double)
3.2 字串 (string)

4. PHP 的運算子類型
4.1 數學運算子
4.2 複合指派運算子
4.3 前後遞增及遞減運算子
4.4 比較及判斷運算子
4.5 邏輯運算子
4.6 運算子優先次序

5. PHP 流程控制
5.1 條件述句 (conditional statements)
5.2 迴圈述句 (loop statement)
5.3 跳出控制結構

6. 字串處理
6.1 trim() 函式
6.2 HTML 格式化
6.3 資料儲存格式
6.4 字串分解

7. PHP 的陣列 (Array)
7.1 初始化及使用陣列
7.2 關聯式陣列初始化
7.3 計算陣列的元素數量
7.4 each() 及 list() 函式
7.5 多維陣列

8. 函式
8.1 宣告函式
8.2 函式參數
8.3 預設參數
8.4 函式變數生存範圍
8.5 函式回傳值

9. 引入檔案
9.1 require() 函式
9.2 include() 函式

10. Session
10.1 啟用 Session 變數
10.2 清除 Session 變數

11. Cookie
11.1 註冊 Cookie

12. Header
12.1 header ()

13. 在 PHP 存取 MySQL
13.1 建立連線
13.2 選擇需要的資料庫
13.3 查詢資料庫
13.4 取得查詢資料
13.5 結束資料庫連線

14. 網上交易系統
14.1 Payment Gateway
14.2 網上交易安全
14.3 Paydollar 服務
14.4 商戶連接到 Payment Gateway

15. 商業實例 – 網上課程報名系統
15.1 網上課程報名系統資料庫
15.2 網上課程報名系統原始碼

N. E-shop 電子商店製作

1. 下載及安裝電子商店
2. 設置電子商店

 
Dreamweaver 練習 ── 使用範本簡易建立網站 (可按圖放大)
 
Dreamweaver 練習 ── 放大縮小網上相簿 (可按圖放大)


回到頂端 keyboard_arrow_up