網頁程式設計 (Web Programming) 2014
班級：數位系二甲 學分：3學分
任課科系：數位內容科技學系
任課教師：吳智鴻
TEL：04-22183024
E-mail: chwu@ntcu.edu.tw
Website: http://mcdm.ntcu.edu.tw/profchwu/course/webprogramming/
修訂日期：102/02/01
一、本課程之學習目的與教學目標
本課程主要在介紹如何開發網頁互動資料庫程式設計的環境、開發工具與程式設計語法。將分為三大部分來介紹：1.相關伺服器之架設與管理，2.資料庫結合Photoshop版型規劃與網站規劃與管理。3.Dreamweaver CS環境下開發PHP互動程式設計。
學生修習完本課程之後，具有能夠開發出網頁資料庫程式的能力，且畫面視覺設計與資料庫兩者兼具，及接網頁設計工作的能力。
二、本課程之主要講授重點與範圍
本課程預計包含以下範圍：
Appache Server + PHP + MySQL環境架設; Web Server、FTP Server、MySQL 管理、Dreamweaver CS + PHP網頁程式開發; Photoshop網頁版型設計
三、本課程之教學方法
上課講解、實機操作、期中、末專題製作、上台報告。
四、本課程之評量（測驗）方式與時間
平時成績（30%） 平時作品、上課參與, 出席率
期中專題（30%）
期末專題（40%）
五、教學進度
| 週 | 日期 | 課程進度 | 相關資源 | |
1 |
02/19 | 第一階段：SERVER架設 |
網頁伺服器: FTP伺服器 FileZilla Server FTP Client 軟體: FileZilla SMTP Server: Free SMTP Server 解壓縮軟體: 7z 駭客防範
|
kmplayer播放器 |
2 |
02/26 | 動態網域名稱 免費PHP＆MySQL空間申請與管理 第二階段：DW+PHP開發 Dreamweaver CS + PHP網頁程式開發 --定義網站與範本 --資料庫網站規劃、 -- Photoshop版面規劃與圖形切割 |
申請免費PHP&MySQL空間 |
申請網址 |
3 |
03/13 | Weebly五分鐘打造個人網站
|
範例網站 教學網站 |
|
| 4 | 03/20 | --PHP語法介紹
--SQL語法介紹 |
|
|
| 5 | 03/27 | 第三階段：DW+PHP開發 --訊息發佈系統（News System） |
解決MySQL中文亂碼的問題 解決PHP時間不對的問題 |
7-1-4載入資料庫 7-1-5建立SQL連線 7-2-1新增紀錄 7-2-2修正中文亂碼 7-3-1建立資料集查詢 7-3-3~5檢視紀錄與重覆區域 7-3-7表格每列換色 7-3-8資料集分頁 7-3-9顯示紀錄計數 7-3-10顯示區域 7-4變更時間顯示格式 7-5最新訊息顯示圖示 7-6-1設置連結附帶url參數 7-6-2依據url參數篩選指定紀錄 7-6-3不會自動換行的處理 7-6-4判斷是否檢視指定資訊 7-7-1基本設置 7-7-2使用PD On Line Html Editor 7-7-3 修正PD On-Line Html Editor 7-7-4顯示資料集欄位紀錄 7-7-5更新紀錄 7-8刪除訊息 7-9確認刪除訊息 |
| 6 | 04/03 | (Spring Vacation) |
JQuery 官方網站 介紹 | |
| 7 | 04/10 | --訊息發佈系統（News System） | ||
| 8 | 04/17 | 第一次小考 | ||
| 9 | 04/24 | 期中考 | 期中考素材檔案下載 | 擴充元件下載 |
| 10 | 05/01 | 線上郵寄-- |
Extension
|
Gmail |
| 11 | 05/08 | --個人網誌 |
Extension 1. FX Trim by Length <?php if($_SERVER['PHP_AUTH_USER'] != "") {?> |
實務網頁製作研討 |
| 12 | 05/15 | --會員搜尋管理 |
Extension |
11-2註冊頁面 |
| 13 | 05/22 | -留言版 | 8-1資料庫設定 8-2-0新增留言面版設置 8-2-1TinyMCE線上編輯器 8-2-2插入紀錄 8-3-1a 編輯頁面 8-3-1b 編輯頁面 8-3-2 顯示隱藏圖示 8-3-3其它編輯 8-4-1新增回覆留言 8-4-2-1檢視回覆留言rview |
|
| 14 | 05/29 | --檔案上傳系統 |
相關程式碼 |
|
| 15 | 06/05 | --網路相簿 | Extension 相關程式碼 |
|
| 16 | 06/12 | (Dragon Boat Festiva) --購物車 |
t相關程式碼 |
14-2商品瀏覽 14-3-1加入購物車 14-3-2檢視購物車 14-4更新數量 14-5-1檢視商品清單 14-5-2寫入訂單商品資訊 14-6送出訂單與收件資訊 14-7清空購物車 14-8檢視訂單 |
| 17 | 06/19 | --期末專題製作 |
補充教材-行動網頁 模擬環境工具 完成範例
|
免費網頁空間 切版 會員管理系統
|
| 18 | 06/26 | 期末成果展示 | 老師的完成範例網站 | 期末專題製作教學 期末專題檢查 期末專題文件
|
學生仍須多閱讀相關書籍，並主動蒐集網路最新技術與訊息。
學生需「遵守智慧財產權觀念」及「不得非法影印」
參考書籍
1. 教科書
李志文，「精通Dreamweaver CS5 與PHP MySQL實例整合應用經典」，松崗，2011/02/08出版。
2.參考書
汪牧君譯，「接案我最行！JavaScript &Ajax」，旗標出版股份有限公司。
範例素材網站： dmxzone dreamweaver-extensions flevooware felixone kaosweaver Tom Muck Weindel
本網頁為吳智鴻教授製作,僅用於教學用途,若有問題請來信告知,即刻刪之。