程式設計 I Program Design I

程式設計IProgram Design I Week 1 Date: 19/September/2007 Instructor: 丁一賢 I-Hsien Ting

課程簡介 • Instructor: 丁一賢 (I-Hsien Ting) • Taken by:高雄大學資訊管理學系二年級 • Number of Credits: 3學分 • Time: Wednesday, AM: 9:05~12:00 • Text Book: PHP5網頁設計範例教本(陳會安著，學貫) • Other Recommended Books: • 1. HTML & XHTML: The Definitive Guide (C. Musciano & B. Kennedy, O’Relly)2. PHP5 & MySQL程式設計 (陳惠貞、陳俊榮編著，學貫)3. Dreamweaver & PHP 網頁資料庫實務應用 (德瑞工作室，文魁資訊) • Course Website • http://www.egod.idv.tw/website/im_program_2007.asp

課程簡介 • SCHEDULE

PHP 網頁程式設計與開發環境建立

WWW的架構 • WWW全球資訊網是一種主從架構的系統： • 主端是「伺服端」(Server)：指的是Web伺服器，在伺服器上儲存著HTML文件等網頁文件和圖片等多媒體資料。 • 從端是「客戶端」(Client)：使用者執行瀏覽程式的電腦，負責和伺服器溝通和讀取伺服器的資料，也就是HTML文件。

網頁技術 • 客戶端網頁技術 • Java Applet • Java Script • DHTML (Dynamic HTML) • 伺服器端網頁技術 • CGI (Common Gateway Interface) • ASP (Active Server Pages) 與 ASP.NET • PHP (Hypertext Preprocessor) • JSP (Java Server Pages)

ASP vs JSP vsPHP

PHP的基礎-PHP的用途 • PHP是一種取代CGI程式的網頁程式語言，只需是CGI可以實作的功能，都可以改為使用PHP程式來設計，PHP語言只需配合Web伺服器和瀏覽程式，就可以建立網站內容，直接透過瀏覽程式執行PHP程式，顯示PHP執行結果的網頁內容。 • 不只如此，PHP還可以配合伺服端的資料庫系統建立網頁資料庫，PHP程式可以直接存取資料庫的記錄資料在瀏覽程式顯示。

PHP的開發環境 • PHP是一種跨平台伺服端網頁技術的程式語言，同時支援Linux/UNIX、Windows和Mac OS等多種作業系統，在本書主要說明Windows作業系統下的PHP開發環境，其搭配的Web伺服器、資料庫系統和瀏覽程式，如下表所示：

PHP環境 • Windows 與 Linux • 本課程將在Windows系統下開發PHP程式 • 整合安裝套件-AppServ • http://www.appservnetwork.com • AppServ 2.5.9包含以下軟體 • Apache 2.2.4 • PHP 5.2.3 • MySQL 5.0.45 • phpMyAdmin 2.10.2

PHP環境 • 伺服器資訊 • 網頁目錄 • 資料備份 • 資料庫管理工具

安裝AppServ的PHP整合套件 • 瀏覽http://localhost網址的AppServ預設首頁，如下圖所示：

PHP程式編輯工具-PSPad • PSPad是一套中文操作介面且完全免費的程式編輯工具，對於伺服端網頁技術來說，在PSPad就可以直接執行Web伺服器上的PHP程式，預覽執行結果。

PSPad編輯工具的安裝與設定 • PSPad是一套中文操作介面且完全免費的程式編輯工具，提供強大功能來幫助使用者在Windows作業系統編輯各種程式語言的程式碼。 • PSPad支援HTML和PHP，可以編輯HTML網頁和提供HTML語法檢查功能。對於伺服端網頁技術來說，在PSPad就可以直接執行Web伺服器上的PHP程式，預覽執行結果，其下載網址，如下所示： PSPad：http://www.pspad.com/en/

HTML與網頁設計

HTML • HTML: HyperText Markup Language • 基本網頁架構 • 寫一個簡單的網頁 <html> <head></head> <body> …… </body> </html>

第一個PHP程式 • PHP嵌入HTML <html> <head></head> <body> <?php echo “Hello, World\n”; ?> </body> </html>

程式設計 I Program Design I