PHP网页设计範例教本.ppt

PHP網頁設計範例教本 陳會安、陳峰棋 第1章 PHP基礎與開發環境的建立 1-1 網頁設計的基礎 1-2 PHP伺服端網頁技術 1-3 Linux的PHP開發環境 1-4 Windows的PHP開發環境 1-5 在Linux執行PHP程式 1-6 在Windows執行PHP程式 1-7 PHP程式的編輯工具 1-1 網頁設計的基礎 1-1-1 WWW的基礎 1-1-2 WWW的架構 1-1-3 客戶端網頁技術 1-1-4 伺服端網頁技術 1-1-1 WWW的基礎-說明 「WWW」（World Wide Web，簡稱Web）全球資訊網是1989年歐洲高能粒子協會一個研究小組開發的Internet服務，Web能夠在網路上傳送圖片、文字、影像和聲音等多媒體資料，這是由Tim Berners Lee領導的小組開發的主從架構和分散式網路服務系統。 1-1-1 WWW的基礎-名詞解說 1-1-2 WWW的架構-說明 WWW全球資訊網屬於一種主從架構的系統： 主端是「伺服端」(Server)：指的是Web伺服器，在伺服器上儲存著HTML文件等網頁文件和圖片等多媒體資料。 從端是「客戶端」(Client)：使用者執行瀏覽程式的電腦，負責和伺服器溝通和讀取伺服器的資料，也就是HTML文件。 1-1-2 WWW的架構-圖例 Web伺服器儲存客戶端請求的資料，以微軟來說是「IIS」（Internet Information Services），PHP最常搭配的是Apache伺服器，在從端是使用瀏覽程式顯示伺服端的檔案資料，Internet Explorer和Netscape是目前巿場佔有率最高的2大瀏覽程式。 1-1-2 WWW的架構-HTTP WWW採用「HTTP」（Hypertext Transfer Protocol）通訊協定將伺服器的資料傳送到瀏覽程式，伺服器在架構上處於被動角色，等待使用者藉著瀏覽程式提出瀏覽的HTTP請求，Web伺服器針對請求進行檢查，如果沒有問題就開始傳輸資料，傳輸的資料為HTML文件和相關的多媒體檔案。 1-1-3 客戶端網頁技術-說明 客戶端網頁技術是指程式碼在使用者客戶端瀏覽程式上執行，瀏覽程式本身即直譯程式，只需瀏覽程式支援相關的直譯語言，就可以執行這些客戶端網頁技術。 1-1-3 客戶端網頁技術-Java Applet Java屬於一種真正的物件導向程式語言，它並不是一種咖啡名稱，而是一種類似C++的編譯語言，不過並不完全相同。Java使用編譯程式將原始程式碼編譯成位元組碼後，也就是「Java Applet」（一種Java應用程式），在瀏覽程式需要使用Java直譯程式「JVM」（Java Virtual Machine）來執行。 1-1-3 客戶端網頁技術-JavaScript（Jscript） JavaScript是Netscape開發的一種Script腳本語言，使用淺顯的程式語法，只需初學程式設計者即可運用自如，輕鬆建立互動的網頁效果，Jscript為微軟推出相容JavaScript的Script語言，簡單的說，Netscape支援JavaScript，Internet Explorer支援的是Jscript。 1-1-3 客戶端網頁技術-VBScript VBScript屬於Visual Basic語言家族的成員，全名Microsoft Visual Basic Scripting Edition，簡稱VBScript，VBScript屬於一種完全免費的直譯程式語言，也是一種瀏覽端的網頁設計語言，能夠讓網頁設計者開發互動多媒體的網頁內容，目前只有Internet Explorer瀏覽程式支援VBScript。 1-1-3 客戶端網頁技術-DHTML 「DHTML」（Dynamic HTML）屬於一種HTML動態效果的技術，DHTML技術是3種元素所組成，就是HTML、CSS和Script語言，如下所示： HTML：HTML 4.0x版的HTML標籤，DHTML只是使用CSS和Script語言擴充HTML標籤。 CSS：「Cascading Style Sheets」簡稱CSS，中文稱為層級式樣式表，CSS能夠重新定義HTML標籤，讓HTML標籤顯示不同的編排格式。 Script語言：主要是指VBScript或JavaScript，Internet Explorer瀏覽程式就是VBScript和JScript。 1-1-4 伺服端網頁技術-說明 伺服端網頁技術簡單的說是在Web伺服器上執行的程式，而不是在使用者客戶端的瀏覽程式執行，目前常用的伺服端技術有：CGI、ASP、ASP.NET、JSP和PHP。 1-1-4 伺服端網頁技術-CGI(1) 「CGI」（Common Gateway In