PHP Web程式設計

開課日期:2016秋季班, 2016-09-13
教學目標:學會使用PHP+MySQL+CSS+Javacript製作一個商業網站
適用班級:進資二甲、日資二甲
 
1. PHP基礎教學頁:http://www.twhappy.com/index.php?action=blog&category=6
2. CSS教學頁:http://www.1keydata.com/css-tutorial/tw/
3. CSS教學頁:http://www.w3schools.com/css/default.asp
4. JavaScript教學頁:http://www.w3schools.com/js/default.asp

注意事項:

  • 以下每回的練習,彼此之間都可以獨立實作。
  • 關於程式內容,若有新的指令,可以用google查詢, PHP網路文章相當多。
第 1 回
本次課程檔案
主題1. 課程大綱介紹
主題2. LAMP 的環境建置. (詳細步驟)

主題3. PHP基礎教學:第一支程式: Hello World!, echo 、註解, 變數及其使用(程式碼

主題4. PHP執行環境: 3-tier 查看圖片
主題5. DreamWaver(簡稱DW) 聯結一個網站
 
課後練習:
1. 將LAMP架設起來
2. 將DW環境架設起
3. 將PHP基礎教學頁的前三個主題, 用DW編輯存檔, 並實際執行看看
 
第 2 回

本次課程檔案

主題1. PHP基礎教學:字串運算子, 關係運算子, 比較運算子 (程式碼)
主題2. 控制結構1,2,3,4,5 (程式碼)
主題3. 課堂練習題1 : 利用DW設計一個登入頁, 並Post觸發後端php程式加以處理
 
課後練習:
1. 將主題1, 2, 3整個演練一遍
2. 將課堂練習題1加以演練到,不看筆記也能做起來
 
第 3 回

本次課程檔案

主題1. PHP基礎教學:迴圈1,2,3, 迴圈結速與繼續, 巢狀迴圈 (程式碼)
主題2. CSS觀念與範例
 
課後練習:
1. 將主題1, 2整個演練一遍
2. 要充分了解CSS程式碼跟CSS表單設定的關聯性
 
第 4 回

本次課程檔案

主題. PHP存取MySQL -- 以班級通信錄為例 (程式碼)
 
課後練習:
1. 反覆練習班級通訊如何運作的?
 
第 5 回

本次課程檔案

主題. 用PHP來設計一支後台管理程式
 
課後練習:
1.
 
第 6 回

本次課程檔案

 
主題2. 後台管理程式之新增、刪除、修改、清單
 

課後練習:
1.

 
第 7 回

本次課程檔案

主題1. PHP基礎教學: 陣列, 二維陣列, 陣列迴圈, 陣列函數 (程式碼)
主題2. PHP基礎教學:函數 (程式碼)
 

課後練習:
1.

 
第 8 回

本次課程檔案

主題1. 密碼與帳號認證、後台管理程式, 合而為一 (Part I)
 

課後練習:
1.

參考文件:
1. $_SESSION變數: http://www.webtech.tw/info.php?tid=33
2. $_SERVER變數: http://php.net/manual/en/reserved.variables.server.php

 
第 9 回

本次課程檔案

主題1. 密碼與帳號認證、後台管理程式, 合而為一 (Part II)
 

課後練習:
1.

 
第 10 回

本次課程檔案

主題:密碼與帳號認證、後台管理程式, 合而為一 (Part III) Captcha實作
 

課後練習: 將login.php演練一遍, 並自己加入一些美工畫面

參考文件:
1. (captcha套件)Securimage: https://www.phpcaptcha.org

 
第 11 回

本次課程檔案

主題 後台管理程式--班級通信錄之新增、刪除、修改 -- 整合版I
 

課後練習: 將課程內演練一遍, 並自己加入一些美工畫面

 

 

第 12 回 -- 日夜間同學都適用

本次課程檔案

主題:
1. 後台管理程式--班級通信錄之新增、刪除、修改 -- 整合版II (終結版) 程式說明

2. 分頁, 小圖示鏈結
參考文件:
1. 分頁技術: 最簡單的分頁顯示基本分頁技巧
  

  作業1: 仿照班級通信錄,製作成績冊, 每位同學至少應含有兩項成績

 

 
第 13 回 -- 日夜間同學適用

本次課程檔案

主題:
  - hash password
  - CSS (anchor link)
  - User account & menu-driven (根據帳號, 看到不同的選單)

參考文件:
1. Cryptographic Hashes: http://www.unixwiz.net/techtips/iguide-crypto-hashes.html

 

 
第 14 回

本次課程檔案

主題:
- W3school.com -- JavaScript的入門介紹
- JS FORM -- Form Validation (表單的驗證)

參考文件:
1. Form Validation:http://www.w3schools.com/js/js_validation.asp

 

 
第 15 回

本次課程檔案

主題:
- Div取代Table, 用CSS來製作版型
- PHP物件導向式的指令寫法

參考文件:
1. DIV 版型:
http://www.wibibi.com/info.php?tid=407

2. PHP OOP設計:
http://ithelp.ithome.com.tw/articles/10114633
http://ithelp.ithome.com.tw/articles/10114707
http://ithelp.ithome.com.tw/articles/10114761

 

 
第N回

更待進一步學習之主題:
- JQuery, AJAX
- 各種前後台版型設計 (框架), (舉Yuii版型介紹)

參考文件:
1. w3school jQuery
http://www.w3schools.com/jquery

2. 50個AJAX的應用:
http://philsu.tw/index.php/deisgn-treasures/inspiration/web-design/item/50-excellent-ajax-tutorials

3. 框架介紹
YUII :http://www.yiiframework.com/
backbone: https://blog.wu-boy.com/2012/04/backbonejs-framework-tutorial-example-1/

 

 

參考網站:

1. 蕭老師 PHP+MySQL教學課程 http://www.csie.sju.edu.tw/cm/course/phpteach.htm

2.愛凸悅斯-網路程式php MySql CSS語法教學資源網 http://help.i2yes.com/?q=forum/13

3. Jollen's PHP 專欄:http://www.jollen.org/php/jollen_php_book_67_php_mysql.html

4. php+mysql學習筆記第八堂::https://pjchender.blogspot.tw/2015/03/php-mysql-phpmyadmin.html

5. php - MySQL 教學 http://austintodo.pixnet.net/blog/post/23821431-php---mysql-%E6%95%99%E5%AD%B8

6. php 官網及其manual http://php.net/manual/en/function.mysql-pconnect.php