03.网页编码与网页美化互动.ppt

第三章 網頁編碼與網頁美化互動 章節目錄 開始撰寫網頁 網頁編碼很重要嗎？ PHP與Big5碼衝突 將網頁轉換成UTF-8 網頁為何看不到或變成亂碼？ 網頁註解 網頁美化 如何使用Java Script 本章結論 重點提示 問題與討論 開始撰寫網頁 請開啟開始功能表內NotePad++，點選「檔案」功能表下「新增檔案」。 再請輸入右邊網頁語法（「3」資料夾內「test.php」） 。 編輯好的檔案要儲存在哪兒呢？本書以Appserv套件安裝Apache + PHP + MySQL方式安裝系統，所以預設的網頁資料夾是位於Appserv目錄內的www目錄，假設您的Appserv安裝於C槽，就請您將網頁儲存於「C:\Appserv\www」。若您是Linux系統，預設為/var/www/html內。這裡暫時不改變編碼，所以該網頁編碼應該是Big5碼。 開始撰寫網頁-2 我們在網站目錄內建立「3」資料夾，並將檔案儲存，再請您於瀏覽器輸入http://localhost/3/test.php，您可看到網頁順利的顯示： 開始撰寫網頁-3 開啟時需使用http://方式，所以網頁需放在網頁伺服器指定的位置，而不能放在我的文件夾或桌面。若使用開啟舊檔的方式，您會看到語法，而不是執行的結果。 開始撰寫網頁-4 PHP語法特色： PHP語法可與網頁混和使用 檔案副檔名為PHP 網頁內若加上? ?，代表在這個區塊內放置的是PHP語法 PHP也可使用ASP的% %區塊表示方式，但PHP6不再支援 大小寫代表不同的意義，而每一行語法結束時需加上分號「;」 echo是PHP內的指令，這個指令目的是「將後面的字串或者變數 內容顯示在網頁上」 網頁編碼很重要嗎？ 麻煩您設計右邊的網頁，檔案應為Big5編碼。（「3」資料夾內「big5.php」 ） 當您開啟瀏覽器輸入「http://localhost/3/big5.php」測試，您會看到錯誤訊息。 網頁編碼很重要嗎？-2 PHP5支持UTF-8編碼，而PHP6則將UTF-8設定為預設編碼，對於東亞地區雙位元的文字，可提供更好的支援。 MySQL 4.1版之後不僅支持UTF-8編碼，而且更進一步地可在資料庫、資料表、欄位上設定語系，也可在查詢時指定語系。 MySQL4.0（含）之前是不管編碼（預設是latin1）的，網頁要如何顯示，是交由html的meta標籤與編碼格式來決定的。 網頁編碼很重要嗎？-3 MySQL4.1版在編碼上的改變，讓很多網站在升級之後，就會變成亂碼顯示。 MySQL在編碼處理上的改變，是讓您可在一個資料庫內存放不同編碼的資料。 網頁必須設定好編碼，PHP才可依照您指定的編碼作資料存取。 網頁編碼很重要嗎？-4 網頁必須能處理繁體中文、簡體中文、日文，UTF8碼可解決不同編碼文字相處的問題。 PHP與Big5編碼裡裡的若干文字有編碼上的衝突，更是讓我們不得思考是否要將編碼改為UTF-8。 PHP與Big5碼衝突 Big5編碼設計時用兩個Bytes來代表一個中文字，例如「淚」這一個字的編碼是B25C〞。每個中文字的第一個Byte使用ASCII裡的高字元(129-255)，第二個Byte用到了部分低字元(1-128)，但沒有排除ASCII的控制碼，所以這樣的設計也成為日後各種資訊應用上不便的原因。 PHP與Big5碼衝突-2 5C這個編碼就是「\」，在PHP裡面是被拿來當跳脫字元使用，也就是說當變數裡有單引號或雙引號時，為了可以正確顯示這些特殊字元，通常需要多加一個「\」。 功的第二個Byte是 5C ，加上後面接的是雙引號，因此經過解譯之後，最後面的雙引號被認定為文字，進而造成語法少了最後那個雙引號，所以才會出現問題。 PHP與Big5碼衝突-3 雖可用函數的方式做Big5碼文字的過濾，讓中文字能順利顯示，但這樣處理的方式，會增加網頁維護的困難度。 Unicode的環境是不能避免（Linux環境早就是Unicode編碼）。 PHP與Big5在編碼上既然有衝突。 MySQL又預設編碼為UTF-8。 我們應該趁早準備，早點將網頁與資料庫改為UTF-8編碼。 將網頁轉換成UTF-8 檢測網頁編碼 進行編碼轉換 編碼轉換後網頁瀏覽與修改 檢測網頁編碼 NotepPad++可進行PHP網頁編碼轉換。 以NotepPad++開啟或編輯網頁檔案時，可注意右下角狀態列上的顯示。若是ANSI代表是Big5編碼。 進行編碼轉換 NotePad++的「格式」功能表內有「編譯成..」及「轉換至..」兩大分類。「編譯成..」是指目前的編碼，「轉換至..」則是編碼的轉換。 UTF-8編碼則有兩大類，分別是檔首無BOM及有BOM。Linux環境內的UTF-8編碼並無BOM，Windows環境預設UTF-8