Mr. Kwok's Classroom 郭Sir教室

自學影片

 

我是一舊雲

建立自已的雲端系統

 
  • 建立虛擬系統
  • 安裝Linux系統
  • 安裝網頁伺服器 Apache + PHP
  • 學習基本網頁結構 HTML
  • 學習互動網頁結構 PHP
  • 資料庫存取 MySQL
  • 會員登入系統
  • 簡易圖書館系統
 

 

課程 重點 影片連結 練習及參考資料

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)

  • 網頁基本結構
  • 學習基本HTML程式碼

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程式碼
    - 並示範登入系統的操作流程