CH00
(10 mins) |
|
 https://youtu.be/bBPf8V7xUaw
|
--- |
CH01
(18 mins) |
- 安裝VirtualBox程式
- 建立虛擬系統
- Ubuntu Linux安裝流程
|
https://youtu.be/RYE7HMtpfNY |
- VirtualBox虛擬系統
https://www.virtualbox.org/
- Ubuntu Linux作業系統
https://ubuntu.com/
- 課後練習一
- 按照影片指示
- 在你的電腦上安裝Linux虛擬系統
- 課後練習二
- 使用一本筆記簿
- 將安裝虛擬系統及Linux期間的一些重要設定記錄下來
- 例如：帳號、密碼及安裝位置等等…
|
CH02
(18 mins) |
- 安裝Apache網頁伺服器
- 加入PHP支援
- Linux常用指令
- Linux關機程序
- 網絡設定
|
https://youtu.be/nPFNpAsnkvg |
- 課後練習
- 繼續使用筆記簿將安裝程式期間的一些重要設定記錄下來
- 例如：IP位置、網絡設定等等…
- 並將在Linux系統上使用過的指令記錄下來
- 同時記錄不同指令的用途
|
CH03
(15 mins) |
- 使用Microsoft Word建立一個簡單測試網頁
- 使用WinSCP傳送檔案至伺服器
- Linux權限設定
|
https://youtu.be/zEFbgYQCViY |
- WinSCP下載位置
https://winscp.net/
- 課後練習一
-
繼續使用筆記簿將安裝程式期間的一些重要設定記錄下來
- 例如：網頁的存放位置等等…
- 並將在Linux系統上使用過的指令記錄下來
- 同時記錄不同指令的用途
- 課後練習二
- 在測試網頁上加上你的名字
- 再加上你的照片
- 然後使用Word進行屏幕截圖
- 將結果記錄下來
|
CH04
(23 mins) |
|
https://youtu.be/6Fzel7E6BOk |
- W3School HTML程式碼學習平台
https://www.w3schools.com/html/
- 課後練習
-
使用筆記簿將學習過的HTML標記(Tag)記錄下來
- 同時記錄不同標記的用途
|
CH05
(12 mins) |
- 將網頁由靜態轉為動態
- 第一個PHP動態網頁：顯示當前日期
|
https://youtu.be/y0NeumMrhPc |
- PHP日期格式示範網頁
https://www.php.net/manual/en/function.date.php
- 課後練習一
-
使用筆記簿將學習過的PHP程式碼及HTML標記(Tag)記錄下來
- 同時記錄不同程式碼及標記的用途
- 課後練習二
- 參考上述網頁的日期格式設定
- 在載有你的名字及相片的網頁上
- 使用PHP指令顯示5種不同的日期格式
- 使用Word進行屏幕截圖
- 記錄全部PHP及HTML程式碼
- 以及網頁的顯示結果
|
CH06
(11 mins) |
- 在網頁建立用戶輸入表單
- 在PHP中取得用戶輸入的資料
- 顯示個人化的網頁內容
|
https://youtu.be/iiaYE8_ioYw |
- 課後練習
-
使用筆記簿將學習過的PHP程式碼及HTML標記(Tag)記錄下來
- 同時記錄不同程式碼及標記的用途
|
CH07
(12 mins) |
|
https://youtu.be/8PUwn0qqTM8 |
- 課後練習
-
使用筆記簿將學習過的PHP程式碼及HTML標記(Tag)記錄下來
- 同時記錄不同程式碼及標記的用途
|
CH08
(21 mins) |
- 使用安全性較佳的POST方法來傳送資料
- 用戶名稱及密碼登入系統
- 介紹Atom原始檔編輯工具
|
https://youtu.be/U9Qyby5usZg |
- Atom原始檔編輯工具
https://atom.io/
- 課後練習一
-
使用筆記簿將學習過的PHP程式碼及HTML標記(Tag)記錄下來
- 同時記錄不同程式碼及標記的用途
- 課後練習二
- 拍攝一段錄影
- 顯示所有PHP及HTML程式碼
- 並示範登入系統的操作流程
|