教學大綱表
請遵守智慧財產權,勿使用非法影印教科書,避免觸法。
課程名稱 (中文) 網頁程式設計
(英文) Www Home Page Design
開課單位 資訊經營學系
課程代碼 N4010
授課教師 王永心
學分數 3.0 必/選修 選修 開課年級 大三
先修科目或先備能力:
課程概述與目標:本課程旨在建立學生網頁開發技術能力,讓學生由做中學的方式學習到PHP網頁設計的基礎與實用技巧。課程內容包括PHP與HTML語法、表單、Cookie、Session、檔案存取等,整合 MySQL 資料庫及 AJAX、jQuery、PEAR、Mobile PHP 等技術,讓同學能有效率地開發符合業界需求之動態網頁,並將所學融入於專題實作中。
教科書 施威銘研究室,最新 PHP+MySQL+AJAX網頁程式設計(第二版),旗標,2014。
參考教材 1. 陳會安,新觀念 PHP7+MySQL+AJAX 網頁設計範例教本(第五版),旗標,2016。
2. 施威銘研究室,網頁程式設計的16堂課:HTML5‧CSS3‧JavaScript‧jQuery‧AJAX‧Bootstrap‧Google Maps,旗標,2016。
課程大綱 學生學習目標 單元學習活動 學習成效評量 備註
單元主題 內容綱要
1 認識 PHP 與建立 PHP 執行環境 - WWW 與 HTTP 協定
- 動態網頁技術
- 認識 PHP
- 安裝建立 PHP 執行環境
- 基本設定與管理
- 開發網頁的工具
認識 PHP 與其他動態網頁技術,學習如何建立 PHP 執行環境與使用網頁的開發工具。
  • 講授
  • 上機實習
  •  
    2 必備的 HTML 與 CSS 重點 - HTML 的標籤與結構
    - 基本的 HTML 標籤
    - 表單
    - CSS 樣式表
    - 使用 CSS 控制版面
    - 實戰演練
    學習基本的 HTML 與 CSS 網頁設計。
  • 講授
  • 上機實習
  • 作業
  •  
    3 PHP 入門 - 撰寫第一個 PHP 網頁
    - 結合 PHP 與 HTML
    - PHP 的錯誤訊息
    學習編輯與執行一個結合 PHP 與 HTML 的程式。
  • 講授
  • 上機實習
  •  
    4 PHP 基本語法 - 資料型別與變數
    - 陣 列
    - 使用常數
    - 運算子與運算式
    - 流程控制
    - 表單資料傳遞
    - 重要內建變數
    - 實戰演練
    學習 PHP 之基本語法,瞭解程式與網頁的運作流程。
  • 講授
  • 上機實習
  • 作業
  •  
    5 活用 PHP 函式 - 自訂函式
    - 引 用
    - PHP 函式庫
    - 字串處理
    - 表單文字處理
    - 日期時間
    - 電子郵件
    - 其他重要函式
    - 實戰演練
    學習 PHP 相關函式之使用。
  • 講授
  • 上機實習
  • 作業
  •  
    6 網頁狀態管理 - Cookie 與 Session - HTTP 通訊協定的 Stateless 特性
    - 使用 Cookie 將狀態儲存在用戶端
    - 使用 Session 於連線時保存狀態
    - 各資料儲存方式的比較
    - 實戰演練
    學習 PHP 之 Cookie 與 Session 網頁狀態管理技術。
  • 講授
  • 上機實習
  • 作業
  •  
    7 伺服器端的檔案處理 - 簡易的檔案讀寫
    - 傳統的檔案存取
    - 檔案與目錄管理
    - 檔案上傳
    - 實戰演練
    學習 PHP 的檔案存取與管理技術。
  • 講授
  • 上機實習
  • 作業
  •  
    8 MySQL 資料庫入門 - 資料庫基礎
    - 建立資料庫與資料表
    - MySQL 資料庫的存取權限
    - 認識 SQL 敘述
    - SELECT 敘述
    - WHERE 、 ORDER BY 、 LIMIT 子句
    - 多資料表查詢、 JOIN 與子查詢
    - INSERT 、 UPDATE 、 DELETE 敘述
    - 常用函式
    認識 MySQL 資料庫與 SQL 的基本語法,學習如何使用工具建立 MySQL 資料庫與資料表。
  • 講授
  • 上機實習
  •  
    9 期中考 - 期中專案實作與報告 檢驗上半學期學習成效。
  • 討論
  • 心得發表
  • 實作
  • 期中考
  •  
    10 PHP 存取 MySQL 資料庫 - PHP 與 MySQL
    - 連線 MySQL 伺服器
    - 查詢資料
    - 新增、更新、刪除資料
    - 網頁資料庫程式的安全隱憂 - SQL Injection
    - 實戰演練
    學習如何建立與使用 PHP 網頁之 MySQL 資料庫程式。
  • 講授
  • 上機實習
  •  
    11 物件導向程式設計 - 類別與物件
    - 物件的建構與解構
    - 可見度 (Visibility)
    - 靜態方法、靜態成員、類別常數
    - 使用 PHP 的類別庫
    - 實戰演練
    認識 PHP 的物件導向程式設計與使用其類別庫。
  • 講授
  • 上機實習
  • 作業
  •  
    12 PEAR 程式庫 - 認識 PEAR 程式庫
    - PEAR 實用套件之使用
    - 實戰演練
    瞭解 PEAR 程式庫及其實用套件之使用。
  • 講授
  • 上機實習
  •  
    13 使用 xajax 設計 AJAX 網頁程式 - AJAX 的運作原理
    - AJAX 網頁初體驗 ─ 使用 jQuery
    - 下載及安裝 xajax
    - xajax 基本用法
    - xajax 進階應用
    - 實戰演練
    學習 AJAX 、jQuery 技術,並善用 xajax 函式庫設計 AJAX 網頁程式。
  • 講授
  • 上機實習
  • 作業
  •  
    14 會員管理系統 - 認識 PEAR::Auth 套件及其使用
    - 建立會員資料庫
    - 建立會員註冊機制
    - 使用 AJAX 製作會員管理介面
    會員管理系統之應用演練。
  • 講授
  • 上機實習
  •  
    15 訪客留言板與討論群組 - 訪客留言板
    - 討論群組
    留言板網頁之實作與演練。
  • 講授
  • 上機實習
  • 作業
  •  
    16 聊天室 - AJAX 版 - 程式架構
    - 使用 xajax 建立聊天機制
    聊天室網頁之實作與演練。
  • 講授
  • 上機實習
  •  
    17 更多實用系統 - 網路票選系統
    - 線上購物系統
    - 網路相簿
    學習更多實用系統之實作與演練。
  • 講授
  • 上機實習
  •  
    18 期末考 - PHP 網頁專案實作與發表 檢驗本課程學習成效。
  • 討論
  • 心得發表
  • 實作
  • 期末考
  •  

    教學要點概述:
    教材編選: □ 自編教材 ■ 教科書作者提供
    評量方法: 期末考:30%   期中考:30%   作業:40%  
    教學資源: ■ 教材電子檔 ■ 課程網站
    課程網站:http://elearn.ttu.edu.tw/learn/index.php
    扣考規定:http://eboard.ttu.edu.tw/ttuwebpost/showcontent-news.php?id=504

    大學部
    核心能力 期末考 期中考 作業
    核心能力二 分析思考能力 2/10 2 2 2
    核心能力三 協調合作技巧 2/10 2 2 2
    核心能力四 資訊通訊技術 6/10 6 6 6