网页设计范例教本课件
PHP 5網頁設計範例教本,課程名稱：_ 指導教授：_,1-1 網頁設計的基礎 1-2 PHP伺服端網頁技術 1-3 建立Windows的PHP開發環境,第1章 PHP基礎與開發環境的建立,1-1 網頁設計的基礎,1-1-1 WWW的基礎 1-1-2 WWW的架構 1-1-3 客戶端網頁技術 1-1-4 伺服端網頁技術,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 客戶端網頁技術-說明,客戶端網頁技術是指程式碼在使用者客戶端瀏覽程式上執行，瀏覽程式本身即直譯程式，只需瀏覽程式支援相關的直譯語言，就可以執行這些客戶端網頁技術。 Java Applet JavaScript（Jscript） VBScript DHTML,1-1-4 伺服端網頁技術-說明,伺服端網頁技術簡單的說是在Web伺服器上執行的程式，而不是在使用者客戶端的瀏覽程式執行，目前常用的伺服端技術有： CGI ASP ASP.NET PHP JSP,1-1-4 伺服端網頁技術-CGI(1),CGI（Common Gateway Interface）共通匣道介面提供Web伺服器執行外部程式的管道，CGI應用程式是執行檔，屬於一種外部程式，能夠使用各種程式語言進行開發，例如：Visual Basic、C、C+和Perl，程式需要編譯成執行檔案，以便在伺服端執行。,1-1-4 伺服端網頁技術-CGI(2),瀏覽程式使用表單將使用者輸入的資料送到Web伺服器，Web伺服器將資料使用Stdin送給CGI程式，在執行CGI程式後，例如：存取資料庫的記錄，最後使用Stdout輸出的是HTML文件，經由Web伺服器送回瀏覽程式顯示執行的結果。,1-1-4 伺服端網頁技術-ASP,ASP（Active Server Pages）直接從英文字面上解釋是一種讓網頁在伺服器上動起來的技術，能夠將Script語言直接加在HTML標籤的網頁，在伺服端產生動態的網頁內容。ASP技術可以使用多種語言來建立，例如：JavaScript和VBScript，它不是一個執行檔，而是一種在伺服端以直譯方式執行的網頁技術。,1-1-4 伺服端網頁技術-ASP.NET,ASP.NET是ASP 3.0的下一個版本，屬於一種全新的伺服端技術，使用CLR（Common Language Runtime）架構的程式設計平台，只需支援CLR的語言就可以在伺服端建立Web應用程式。,1-1-4 伺服端網頁技術-PHP,PHP是PHP: Hypertext Preprocessor的簡稱，它是一種通用、開放原始碼（Open Source）的伺服端Script語言，可以直接內嵌於HTML文件，特別適用在Web網站的開發，主要是使用在Linux/Unix作業系統的伺服端網頁技術，目前Windows平台也一樣可以執行PHP，而且支援微軟的IIS伺服器。,1-1-4 伺服端網頁技術-JSP,JSP（Java Server Pages）屬於一種伺服端的技術，它是Java家族中和ASP一較長短的網頁技術，以Java語言來說，Java Applet是下載到客戶端執行的程式檔，而Servlet則是在伺服端執行，JSP就是結合HTML和Java Servlet的一種伺服端網頁技術。,1-2 PHP伺服端網頁技術,1-2-1 PHP的基礎 1-2-2 PHP的開發環境,1-2-1 PHP的基礎-說明,PHP（PHP: Hypertext Preprocessor）是一種伺服端、跨平台且內嵌於HTML文件的腳本語言（Scripting Language），屬於開放原始碼（Open Source），這是一種廣泛應用的通用腳本語言，適用在Web網站的開發。 PHP最初只是一套使用Perl語言所撰寫的工具程式，主要是用來追蹤線上履歷表的存取，如今PHP在伺服端網頁技術已經成為主要使用的腳本語言，事實上，PHP除了可以內嵌於HTML文件外，也是一種獨立的程式語言。,1-2-1 PHP的基礎-PHP的歷史(1),PHP最初是由Rasmus Lerdorf在1995年使用Perl開發的一套工具程式，稱為Personal Home Page Tools。 Rasmus Lerdorf改為使用C語言撰寫這一套工具程式，可以連結資料庫和建立簡單的動態網站，稱為PHP/FI（Personal Home Page /Forms Interpreter），它使用類似Perl語言的語法、直接將程式碼內嵌於HTML文件，並且支援一些基本Web功能和表單處理。,1-2-1 PHP的基礎-PHP的歷史(2),在1997年PHP語言的發展已經從Rasmus Lerdorf轉移給Andi Gutmans和Zeev Suraski這個小組，PHP已經完全改寫成3.0版，這是官方的新版本，也擁有一個新名稱PHP：Hypertext Preprocessor。 PHP 4.0版支援更多平台和種類的Web伺服器、HTTP的Sessions管理和輸出緩衝區功能，更多保密方式取得使用者輸入的資料和許多全新的語言架構。,1-2-1 PHP的基礎-PHP的歷史(3),PHP 5.0版改進PHP 4.0的弱點，Zend Engine 2.0版讓PHP成為真正的物件導向程式語言，其功能的改進主要有三部分，如下所示： 支援物件導向程式程式設計：PHP 5.0是真正的物件導向程式語言，提供全新的物件導向模型和例外處理。 MySQL資料庫存取：配合新版MySQL 4.1之後的版本，PHP 5.0提供全新的MySQLi擴充程式，可以更有效率的存取MySQL資料庫，並且提供函數和物件導向介面的資料庫存取。 XML功能：PHP 5.0統一使用功能強大的libxml2的XML工具程式，提供DOM、SAX、XSLT和SimpleXML的XML處理。,1-2-1 PHP的基礎-PHP各版本的演進,PHP各版本演進的年代，如下表所示：,1-2-2 PHP的開發環境,PHP是一種跨平台伺服端網頁技術的程式語言，同時支援Linux/UNIX、Windows和Mac OS等多種作業系統，其搭配的Web伺服器、資料庫系統和瀏覽程式，如下表所示：,1-3 建立Windows的PHP開發環境,1-3-1 安裝WAMP5的PHP整合套件 1-3-2 升級Apache 2的Web伺服器 1-3-3 設定Apache與PHP的中文編碼,1-3 建立Windows的PHP開發環境,PHP是一種伺服端網頁技術，再加上目前的網站大都是搭配資料庫系統的網頁資料庫，所以在Windows作業系統建立的PHP開發環境，需要安裝Web伺服器、PHP 5.0和資料庫系統。 WAMP5套件 - 自動安裝設定Apache、PHP 5.0和MySQL應用程式。,1-3-1 安裝WAMP5的PHP整合套件-下載,WAMP5的PHP整合安裝套件可以自動安裝設定PHP 5.0開發環境，本書使用的是1.4.3版，其網址如下所示： WAMP5： 上述網址可以下載最新版的WAMP5和附加套件，例如：PHP 4和PHP 5切換和Apache 2的附加套件等。WAMP5只能安裝在Windows XP、NT、2000和2003作業系統。,1-3-2 升級Apache 2的Web伺服器,在WAMP5套件的Apache伺服器是1.3.X版，這是依PHP建議所搭配的版本，因為Apache 2.0搭配PHP仍尚未被認定是完全穩定的組合（作為開發測試環境並沒有問題）。 如果讀者希望使用Apache 2.0版，可以使用WAMP5的Apache 2附加套件來升級成Apache 2.0.50版。,1-3-3 設定Apache與PHP的中文編碼-說明,WAMP5安裝Apache和PHP時並不會指定中文編碼，瀏覽Apache伺服器的網頁或執行PHP程式時，預設使用西歐ISO-8859-1編碼，如果是中文內容的網頁或PHP程式，就會顯示亂碼。 因此，我們需要指定Apache和PHP預設編碼為big5的繁體中文，以便正確顯示中文的網頁內容。,1-3-3 設定Apache與PHP的中文編碼-步驟,1.在WAMP5服務圖示執行Config fileshttpd.config指令，可以看到記事本開啟的Apache設定檔。 2. 執行編輯尋找指令找尋關鍵字【AddDefaultCharset】，然後將編碼由ISO-8859-1改為【Big5】。 3. 儲存更改的httpd.config設定檔。 4. 執行Config filesphp.ini指令，可以看到記事本開啟的PHP設定檔。 5. 執行編輯尋找指令找尋關鍵字【charset】，然後取消default_chartset之前的;號，將編碼改為【Big5】。 6. 儲存更改的php.ini設定檔。 7. 執行功能表的Restart All Services指令重新啟動所有服務。,
