- 課程時間
- 課程簡介
- 課程特點
- 課程內容
- 課堂習作
- 政府資助
|
超震撼: |
凡於 2012年 5月 26日或之前報讀本課程,只需
$8,750!(CEF 資助後只需 $1,750!) |
|
傳統服務:課程上堂時間表 [可申請 CEF 資助]
*** 質素保證:免費於任何地點試睇首 3 小時課堂錄影,從而可預先了解導師及教材的質素,才報讀課程來上堂。***
請致電與本中心職員預約。
查看各地點電話
| 旺角 |
2332-6544 |
| 觀塘 |
3563-8425 |
| 北角 |
3580-1893 |
| 沙田 |
2151-9360 |
| 元朗 |
3523-1560 |
| 溫哥華 |
604-2845638 |
| 免費補堂: |
學員可於另一班課堂補上或於任何地點補看課堂錄影,從而可銜接往後的課堂! |
| 免費重讀: |
學員可於自課程結束後三個月內於另一班課堂重上或於任何地點不限次數地重看課堂錄影,從而可反覆重溫整個課程! |
推介服務:課堂錄影隨時睇 [不可申請 CEF 資助]
Designing and Developing Web Site Video Course
|
超震撼: |
凡於 2012年 5月 26日或之前報讀本課程,只需
$8,750!(CEF 資助後只需 $1,750!) |
|
課程由業界最強的
香港討論區 Discuss.com.hk、Uwants.com 及 Systematic 攜手舉辦
|
香港討論區 Discuss.com.hk
香港討論區 Discuss.com.hk 為全球華人提供多元化的討論服務,如討論手機、旅遊、電腦、MP3、飲食、足球、籃球、網絡、遊戲、寵物、購物、音樂、美容、投資、動漫、汽車等。
Uwants.com
Uwants.com為全球華人提供多元化的網站服務,如討論區、Blog、網上相簿、賀卡、格價系統等。
香港討論區 Discuss.com.hk 及 Uwants.com 的到訪人次 (Unique Visitors) 合共超過 200 萬人/日,瀏覽頁次 (Page Views) 合共超過 7.5 億頁/月,並且位列 Alexa 全香港本土網站排行的第 1、2 位。
Systematic Computer Education Centre (系統電腦教育中心)
成立於 1993 年,為教統局認可的註冊教育中心。至今一直致力於電腦課程教育,質素備受全港學員推祟,而報讀 Systematic 課程的學員人數已超過 30 萬。
Systematic 深信,課程成功的最重要構成因素便是要有優良的導師。而優良導師的最重要構成因素便是 3P:
1. 對課程內容要有深入的實戰經驗 (Practical Experience)。
2. 對課程教學要有專業的表達技巧 (Presentation Skill)。
3. 對課程要有充足的準備 (Preparation)。
本中心為 Adobe Authorized Training Center (AATC)。 |
課程由香港討論區 Discuss.com.hk 技術顧問 (Nethril) 及
Uwants.com 創辦人 (Dicky) 親自教授 |
Dicky
著名網站 Uwants.com 的創辦人,現負責網站設計,於 Web Design、Graphic Design 等範疇有豐富經驗及獨到心得。並由 2004 年開始,已為 Systematic 教授 Dreamweaver、Flash、Photoshop 等課程,深受學員讚賞。
Nethril
Nethril 現在是香港討論區 Discuss.com.hk 的網站技術顧問,擁有多年管理電腦網絡及電腦系統之經驗,於課堂時能給予學員大量的實用例子,令學員易於吸收課程內容之餘,亦可活學活用。Nethril 上課時強調互動,認為導師與學員之間有更多溝通能大大加強學員對課程內容的了解及掌握,其深入淺出、負責任及有耐性的教學方法,獲得眾多學員極佳的評價。 |
| 隨著 Internet 的日漸流行及普及化,全球無論大中小企業或團體組織,都已意識到利用 Internet 作為一個重要的市場推廣途徑,以增加其商機或方便內部溝通。因此,如果你懂得為公司設計一個專業並吸引的網站,絕對可大大提高你公司的成功機會。
其實網站設計及程式開發 (Web Design 及 Web Programming) 正處於高速發展的階段,因此市場對網站設計及程式開發之人材相當渴求,所以網站設計及程式開發人材的就業機會及市場價值亦相對其他行業為高。只要留意報章或網上的招聘廣告,你會發現有很多職位都要聘請網站設計及程式開發的人材。
至於創辦網站設計及程式開發生意更可能為你帶來無限商機及財富。另外,成為網站設計及程式開發人材亦可為你帶來不少兼職秘撈的好機會!
由於修讀網站設計及程式開發的過程會大大提高你的電腦水平,故此,對電腦或網站設計及程式開發有興趣的你,報讀本課程實在是一個絕佳的選擇。
以 Systematic 於 1993 年以來的成功教授課程經驗,再加以實踐眾多的商業案例,必能令你全面而有系統地掌握網站設計及程式開發的技術,並令你可以真真正正創辦自己的網站設計及程式開發生意或投身這行業。 |
|
超震撼: |
凡於 2012年 5月 26日或之前報讀本課程,只需
$8,750!(CEF 資助後只需 $1,750!) |
|
 |
本中心為 Adobe Authorized
Training Center (AATC)。 |
 |
本課程會使用中文版 Adobe Photoshop CS5 / CS5.5 Extended、Adobe Dreamweaver CS5 / CS5.5 及 Adobe Flash CS5 / CS5.5 Professional。 |
 |
一人一機實戰,並採用 Intel Quad
Core CPU、4GB RAM、320GB Hard Disk 及 22" LCD Monitor,運作速度流暢及畫面寬敞。
理論與實踐並重,導師於課堂內講解理論及示範實際例子,學員亦會於課堂內立即做練習及實踐。 |
 |
由本中心導師親自編寫中英對照筆記,絕對適合考試及實際操作中文版或英文版
Photoshop 之用,令你無須「死鋤」如字典般厚及不適合香港讀書格調的書本。 |
| 課程費用: |
此項課程費用為 HK$8,750。而此項課程可獲得持續進修基金 (Continuing
Education Fund, CEF) 辦事處最高 HK$7,000 的學費資助,故實際只需
$1,750。CEF
申請手續 |
| 課程時數: |
合共 120 小時 |
| 適合人仕: |
1. 有意創辦網站設計 (Web Design 及 Web Programming) 生意的人士
2. 有意為自己或公司設計網站的人士
3. 有意投身網站設計行業的人士
4. 對網站設計及技術有興趣的人士 |
| 入學要求: |
對電腦使用有基本認識 |
| 授課語言: |
以廣東話為主,輔以英語 |
| 免費重讀: |
學員可於自課程結束後三個月內免費重讀本課程。 |
寶貴的工作或營商機會:
表現出色的學員會得到 香港討論區 Discuss.com.hk、Uwants.com 或 Systematic 提供的兼職或全職工作。
而學員若有創業計劃,亦歡迎與課程導師交流,分享營商心得。若苦無資金或人力開拓,優質的創業計劃便會得到
香港討論區 Discuss.com.hk、Uwants.com 或 Systematic 的注資及提供人力協助。
|
超震撼: |
凡於 2012年 5月 26日或之前報讀本課程,只需
$8,750!(CEF 資助後只需 $1,750!) |
|
課程內容 (Part 1) --- 60 小時重點教授網站設計,從而建設美觀網站 |
以多年經驗來教您設計網站的 layouts、banners、icons 等,從而掌握建設美觀網站所須的技術。
課程中會運用 Dreamweaver CS5、Flash CS5、Photoshop CS5 等工具,詳細內容如下:
A. 互聯網 (Internet) 的基本認識
1. 何謂互聯網
2. 何謂 World Wide Web (WWW)
3. 何謂內聯網 (Intranet)
B. HTML 的基本認識
1. HTML 的格式
2. HTML 的結構
3. 認識基本的標籤
4. 認識表格 (Table) 的標籤
5. 認識數字註釋 (Ordered List) 的標籤
6. 認識註釋 (Unordered List) 的標籤
C. Dreamweaver CS5
1. Dreamweaver 樣貌
1.1 認識Dreamweaver操作介面
1.2設定工作區 (Workspace)
1.3 網站管理 (Site Control)
1.4 頁面屬性1 (Page Properties)
1.5 基本文字格式
1.6 項目符號
1.7 建立第二頁及檔案命名提示
1.8 插入圖片
1.9 建立網頁連結 (Hyperlink)
1.10 頁面屬性2
1.11 頁面屬性3
1.12 滑鼠變換影像 (Rollover Image)
1.13 影像地圖 (Image Map)
1.14免費網頁空間登記
1.15 用Dreamweaver上載網頁
2.1 導覽列 (Navigation Bar)
2.2 建立表格 (Table)
2.3 在表格內插入橫行和直行
2.4 在儲存格合併或分割
2.5 為表格上色
2.6 調整表格的內距 (Cell Padding) 和邊框間距 (CellSpacing)
2.7 網頁解析度 (Resolution)
2.8 用表格製作網頁
2.9 匯入表格式資料 (Import Tabular Data)
2.10 AP元素 (AP Div)
2.12 命名錨點 (Anchor)
2.13 頁框 (Frame)
3.1 範本 (Template)
3.2 下載FLV影片
3.3 加入FLV影片
3.4 使用iFrame在網頁內隨意插入另一個網頁
3.5 插入Flash物件
3.6 網絡相簿
4.1 CSS樣式表 (Cascading Style Sheets)
4.2 內嵌式CSS
4.3 建立外置式CSS
4.4 連結外置式CSS
4.5 用CSS定義不同的標籤外觀
4.6 用CSS設定連結樣式
4.7 套用預設CSS樣式
4.8預設CSS樣式配合預設版面
5.1 JavaScript 和 行為(Behavior)
5.2 加入彈出對話框訊息
5.3 為物件加入淡入效果
5.4 認識DIV區塊標籤
5.5 滑鼠移過時變換底色
5.6 滑鼠移過時將表格整列變換底色
5.7 按下連結開啟新瀏覽器視窗
5.8 播放音樂
5.9 Spry 與 Ajax
5.10 Spry折疊式Menu
5.11 Spry驗證文字框
5.12 加入更多網站Widgets
5.13 Device Central
D. Flash CS5
6.1甚麼是Flash?
6.2 認識Flash CS5 Professional操作介面
6.3 認識Flash CS5檔案
6.4 修改背景色
6.5 設定「設計版面」大小 及 影格速率
6.6 認識基本的繪圖工具
6.7 Flash繪圖特點
6.8 基本物件繪圖工具
6.9 不容忽視的鉛筆工具
6.10 上色
6.11筆刷工具
6.12 認識圖層
6.13影格(Frame) 與 關鍵影格(Keyframe)
6.14 形狀補間動畫 (Shape Tween)
6.15 形狀提示點 (Shape Hints)
7.1 逐格動畫 (Frame-by-frame Animation)
7.2 元件(Symbol)
7.3 傳統補間動畫 (Classic Tween)
7.4 對齊(Align) 及 分散至圖層(Distribute to Layers)
7.5 移動導引線 (Motion Guide)
7.6 匯入圖片 及 簡易退地
7.7 轉換成向量圖 (Trace Bitmap)
7.8 顏色(Color) 及 濾鏡 (Filter)
8.1 移動補間動畫 (Motion Tween)
8.2 傳統補間動畫(Classic Tween)及全新的移動補間動畫(Motion Tween)之分別
8.3 3D補間動畫 (3D Tween)
8.4 移動預設效果 (Motion Presets)
8.5 遮色片 (Mask)
8.6 影片片段1 (Movie Clip)
8.7 影片片段2 (Movie Clip
8.8 骨塊工具 (Bone Tool)
9.1 按鈕 (Button)
9.2 按鈕感應區 (Hit Area)
9.3 行為指令 (Behavior)
9.4 裝飾工具 (Deco Tool)
9.5 噴刷工具 (Spray Tool)
9.6 漸進式播放視訊
9.7 嵌入式播放視訊
9.8 匯入聲音
9.9 以聲音作為背景音樂
9.10 按下按鈕時播放聲音
9.11 基本按鈕程式
10.1 Action Script 3.0 變數(Variables)
10.2 Action Script 3.0 預先下載動畫編寫
11. 製作互動式輕觸式按鈕
11.1 新增一個背景
11.2 加入遮色片作為開場
11.3 將以上動畫轉換成元件
11.4 在 “opening” 元件加入 Action
11.5 建立按鈕元件
11.6 在 “opening” 元件加入按鈕
11.7 為 LCDbutton 加入 “淡入” Fade-in 及 “淡出” Fade-out 效果
11.8 為 spotbutton 加入 Action Script
11.9 將 opening 元件加入至場景 1
12. 製作 360 度瀏覽器
12.1 使用 PixMaker Pro 製作 360 度相片
12.2 使用 Fireworks 改變相片大小
12.3 將 360views.jpg 及 360views-2.jpg 匯入至 Flash
12.4 將 360 度相片轉變為元件
12.5 為 bgphoto 及 bgphoto-2 製作移動補間動作
12.6 加入遮色片效果
12.7 將動畫片段轉換成元件
12.8 加入 “turnaround” 元件到場景 1
12.9 為加入了的元件設立 “實體名稱” (Instance Name)
12.10 在 “360views” 影片片段元件加入動作 (Actions)
12.11 在 “場景 1” (Scene 1) 加入動作 (Actions)
12.12 製作一個會在按下 360 度影片時出現的圖示
E. Photoshop CS5
1.1 認識Photoshop介面
1.2 熟悉使用Photoshop開啟多個圖片時的控制技巧
1.3 橢圓選取畫面
1.4 多邊形選取畫面
1.5 磁性套索工具
1.6 快速選取工具
1.7 魔術棒工具
1.8 裁切工具
1.9 污點收復筆刷工具
1.10 收復筆刷工具
1.11 修補工具
1.12 紅眼工具
1.13 筆刷工具
1.14 筆觸選項
1.15 自行設計筆觸
2.1 圖樣印章工具
2.2 定義圖樣
2.3 步驟記錄筆刷工具
2.4 藝術步驟記錄筆刷工具
2.5 橡皮擦
2.6 背景橡皮擦
2.7 魔術橡皮擦
2.8 漸層工具
2.9 油漆桶工具
2.10 模糊工具
2.11 銳利化工具
2.12 指尖工具
2.13 加亮工具
2.14 加深工具
2.15 海綿工具
2.16 文字工具
2.17 文字及聲音註解工具
2.18 滴管及其他度量工具
2.19 像素(Pixel) 和色點(Dot)
2.20 解析度(Resolution)
2.21 相片尺寸修改
2.22 內容感知比率
2.23 畫面旋轉
3.1亮度/對比(Brightness/Contrast
3.2 色階 (Levels)
3.3 曲線(Curve)
3.4 色相/飽和度(Hue/Saturation)
3.5 去除飽和度 及 黑白
3.6 相片濾鏡(Photo Filter)
3.7 圖層透明度
3.8 合併圖層
3.9 圖層群組(Group Layer)
3.10 影像平面化
3.11 圖層樣式(Layer Style)
3.12 濾鏡收藏館(Filter Gallery)
3.13 摘取(Extract)
4.1 快速遮色片(Quick Mask)
4.2 剪裁遮色片 (Clipping Mask)
4.3 圖層遮色片1 (Layer Mask)
4.4 圖層遮色片2
4.5 點陣圖(Raster)與向量圖(Vector)的分別
4.6 Photoshop中的向量繪圖工具
4.7 基本向量繪圖工具
4.8 使用筆型工具(Pen Tool)及路徑(Path)繪畫多邊形
4.9 使用筆型工具(Pen Tool)及路徑(Path)繪畫曲線
4.10 把手(Handle)
4.11 只調整其中一枝把手
5.1 網站內的基本頁面結構
5.2 首頁設計要點
5.3 其他容易忽略的設計要點
5.4 網頁版面規劃
5.5 網頁版面常見類型
5.6 網頁版面實作 1
5.7 SCEC海報實作
6.1 網頁色彩配搭
6.2 網頁配色速查
6.3 常用網頁圖像格式之特點
6.4 基本儲存方法
6.5 網頁圖片儲存方法
6.6 網頁實作
6.7 切片工具 (Slice Tool) |
課程內容 (Part 2) --- 15 小時重點教授各式伺服器的安裝及管理, 以及宣傳網站的技倆及心得 |
以著名網站 香港討論區 Discuss.com.hk 及 Uwants.com 為藍本,教您安裝及管理各式伺服器,從而達至有效率的網站管理及推行強勁的網站服務。此外,還會分享宣傳網站的竅門,從而更易進升為世界級人流網站。
課程中會安裝及管理各式伺服器,詳細內容如下:
F. 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)
3. 下載及安裝 AppServ
3.1 Apache
3.2 MySQL
3.3 PHP
3.4 phpMyAdmin
3.5 下載及安裝 AppServ
4. 基本設定 Apache 網站伺服器的設定檔
4.1 改變設定檔的內容
4.2 連接埠的理解
5. 檔案傳輸伺服器(FTP Server)
5.1 檔案傳輸伺服器的理解
5.2 安裝檔案傳輸伺服器軟件
5.3 設定檔案傳輸伺服器
6. 安裝及設定 Gallery 畫廊程式
6.1 下載 ImageMagick
6.2 安裝 ImageMagick
6.3 下載 yappa-ng gallery
6.4 安裝 yappa-ng gallery
6.5 變更 “管理登入” 的密碼
6.6 建立相簿並新增相片
7. 安裝 Linux Server 系統
8. 設定 Linux Server 系統
8.1 設定 Apache 網站伺服器
8.2 啟動伺服器服務
8.3 瀏覽 Linux 系統的檔案
8.4 設定及啟動 BIND DNS 伺服器
8.5 設定及啟動網絡卡資訊
8.6 登出或關機
9. 安裝及設定媒體伺服器 (Media Server)
9.1 下載及安裝 Media Encoder
9.2 使用 Media Encoder
9.3 安裝 Windows Media Services
9.4 設定 Unicast Streaming
10. 巿場推廣的要點 (網站)
10.1 目標客戶
10.2 網域名稱的選擇
10.3 為目標客戶設計一個適合的網站
11. 如何進行巿場推廣
11.1 傳統型 vs 電子資訊型
11.2 搜尋器 (Search Engine)
11.3 Metadata
11.4 電郵推廣 Email Marketing
11.5 運用 Uwants.com 的商品服務及購物區來進行推廣
11.6 在網上媒體售賣廣告 |
課程內容 (Part 3) --- 45 小時重點教授程式開發,從而架構商業網站 |
以網上報讀課程系統為藍本,教您架構商業網站,從而掌握網上購物及信用卡付款網站、香港討論區 Discuss.com.hk 及 Uwants.com 等運作原理。完成此部份亦可為網站提供更多的互動服務如表格、問卷、投票、競投、產品索引、內容管理等。
課程中會運用 MySQL、PHP 等工具,詳細內容如下:
G. 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. 正規化
11.1 第一階段正規化 (1NF)
11.2 第二階段正規化 (2NF)
11.3 第三階段正規化 (3NF)
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 更改及新增討論區
13.6 加入外寄郵件伺服器 (SMTP Server)
H. 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 網上課程報名系統原始碼 |
|
|
超震撼: |
凡於 2012年 5月 26日或之前報讀本課程,只需
$8,750!(CEF 資助後只需 $1,750!) |
|
|
超震撼: |
凡於 2012年 5月 26日或之前報讀本課程,只需
$8,750!(CEF 資助後只需 $1,750!) |
|
【網站設計及程式開發文憑課程】的費用為 HK$8,750 (可按月付款),120 課時。
由於【網站設計及程式開發文憑課程】已加入持續進修基金可獲發還款項課程名單內,故學員可向持續進修基金辦事處申請發還課程費用 HK$7,000。
| 申請持續進修基金
(Continuing Education Fund, CEF) 資助的過程: |
| 1. |
於CEF申請表內填寫你的個人資料及簽署。而申請人的年齡須介乎
18 至 65 歲。 |
| 2. |
本中心將你的 CEF 申請表及你的香港身份證副本遞交給
CEF 辦事處。 |
| 3. |
兩星期後你便會收到
CEF 辦事處的【批准通知書】及【發還款項申領表】(主要是用作填寫你的銀行戶口號碼)。 |
| 4. |
於課程結束後,本中心便將你的【批准通知書】、填寫好的【發還款項申領表】及你的【課堂出席記錄】(出席率須達85%)
遞交給 CEF 辦事處。 |
| 5. |
一個月後,CEF 辦事處便會直接將
$7,000 存入你的銀行戶口。 |
|