上面有提到PHP是需要在伺服器安裝相關軟體才可以使用，上面做的那些動作就是要將我們現在的電腦變成簡易的網頁伺服器，XAMPP本身就已經有包含PHP的相關軟體，所以我們現在就可以開始寫php網頁囉。
!!!記得上面有提到PHP網頁的副檔名是.php不是.html，不然是沒辦法寫php喔。!!!
例題10.3.1:製作第一個PHP網頁，檔名為/www/unit10-3-1.php
- 其他底下的所有設計項目，請使用 class 來處理，且放置於網頁最上方的 <style> 內
- 使用 h2 顯示『我的第一個 PHP 網頁』
- 在底下使用『 echo "hello world" 』顯示出執行的結果
- 在底下再以 pre 直接秀出你寫的程式碼～
(做完請在首頁建立一個可以到這頁的連結)
在你完成這個網頁之後，請直接右鍵查看一下原始碼，看看能不能看到剛剛寫的 PHP 程式碼呢？
變數設定是一個很重要的工具！你可以固定程式碼，程式碼裡面含有變數，那麼在不更動程式碼的原則， 只要設定新的變數，那就會得到不同的結果。PHP 的變數設定基本規則是這樣的：
- 變數名稱一定以錢字號『 $ 』作為開頭；
- 變數的字元組成主要為英文大小寫、數字、底線 (_) 等，盡量不要包含特殊字元，也不要使用中文
- 字元組合的第一個字元必須要英文大小寫，或底線，不可以是數字 (所以 $1st, $2nd 不能用)
- 字元組合的字元大小寫是不同的，所以 $Var 與 $var 或 $VAR 都是獨立不一樣的變數名稱！
- 字元組合的名稱不可以用到 php 保留字，例如 if, and, or, as, do 等等，都不能作為變數名稱
- 變數名稱的字數沒有限制，不過盡量不要產生莫名其妙的文字組合，擔心未來不好理解。
設計網頁或程式時，我們一直強調，要將『一直出現的部份獨立出來，或者是製作成為變數』，這樣在未來的維護上面會比較輕鬆。
例題 10-3-2：設定兩個變數，分別為 firstname 與 lastname，其中 firstname 請設定你的名字，lastname 請設定你的姓氏，
然後透過
這個檔案 的內容，用變數取代『姓氏』與『名字』，最後來呈現正確的資料。檔名請取為 unit10-3-2.php。
(做完請在首頁建立一個可以到這頁的連結)
完成的圖示有點像底下這樣：
從上面的練習可以發現到，你只要設定好變數，後面的文字內容部份就會全部跟著變動，而不用一個一個資料去重新修改， 這就是變數設定的目的之一。
另外，文字的累加與四則運作是不太一樣的喔！
- 文字的累加處理可用 . 或者是使用兩個雙引號來丟變數均可處理，例如：
- echo "$firstname $lastname"
- echo $firstname . $lastname
- 數值的相加減就用 +, -, *, / 即可。
以下面這題為例:
例題 10-3-2-1：利用變數設定來計算操場每條跑道的距離為多長
- 新增一個名叫unit10-3-2-1.php的檔案
- 第 1,2 行設定兩個變數，一個設定為400，另一個設定3.14
- 第 3 行以後，分別顯示『第 1 跑道距離：』連結『 $mybasic + 2 * $mypi * 1.22 * (0~7) 』
- $mybasic 為 400 數值， $mypi 則是 3.14 ，[0-7] 指的是第 1 到第 8 跑道要加上的距離
- 最終將程式碼寫入到後面的 pre 當中，以備查驗
- (做完請在首頁建立一個可以到這頁的連結)
完成的圖示有點像底下這樣：
PHP 有個迴圈的功能是很有幫助的，語法是這樣的：
<?php
for ( $i = 1; $i <= 10; $i++ ) {
echo $i ;
}
?>
直接帶入 PHP 網頁時，就會輸出 1 ~ 10 的數字。我們來使用網頁安全色，那就是：
- rgb(0,0,0)
- rgb(0,0,51)
- rgb(0,51,0)
- rgb(51,0,0)
以 51 為倍數，最多為 5 倍，就可以得到所有的網頁色彩，因此總共就會有 6*6*6=216 種顏色搭配。如果要將這些顏色一個一個寫入網頁上，
用以前的手動設定方式，應該會崩潰的。此時，我們可以透過三個迴圈功能，讓每個迴圈從 0~5 搭配，然後每次都乘上 51 這個數值，
這樣就能夠直接輸出 216 種顏色喔！基本上有點像這樣：
<?php
for ( $i = 0; $i <= 5; $i++ ) {
for ( $j = 0; $j <= 5; $j++ ) {
for ( $k = 0; $k <= 5; $k++ ) {
echo "rgb(" . $i*51 . "," . $j*51 . "," . $k*51 . ")" ;
}
}
}
?>
例題 10.3.3-0：用PHP for迴圈列出 1 ~ 10
例題 10.3.3-1~3：透過上述的功能，使用 table 表格化，每一列使用 6 個欄位，一個一個輸出每個色彩，使用 background-color 搭配 rgb 的色碼來顯示。
一般來說，你要處理的每個表格欄位 (td) 應該會有點像這樣：
<td style="background-color: rgb(xx,xx,xx)">rgb(xx,xx,xx)</td>
請依據上面的這個提示，分別製作 單迴圈、雙迴圈、三迴圈的色票樣式。
(做完請在首頁建立一個可以到這頁的連結)
完成的圖示有點像底下這樣：
單迴圈:檔名就存檔為 unit10-3-3-1.php。
雙迴圈:檔名就存檔為 unit10-3-3-2.php。
三迴圈:檔名就存檔為 unit10-3-3-3.php。
上面的作法當中，框框內的文字最好使用對比色來處理，不然黑壓壓一片，某些顏色就看不到文字了！那對比色怎麼處理呢？其實對比色就是 R, G, B 的顏色， 都用 255 去減，就會得到對比色。例如 rgb(0,0,255) 的對比色就會是 rgb(255,255,0)。同樣的，讓我們使用上述的檔案來重新建立一個新的具有對比色文字的表格。
例題 10.3.4：承上題，基本上的表格內文語法要加上如下的樣式：
<td style="background-color: rgb(xx,xx,xx); color: rgb(yy,yy,yy)">rgb(xx,xx,xx)</td>
請依據上面的這個提示，來處理好你的相關色碼資料即可，檔名就存檔為 unit10-3-4.php。
(做完請在首頁建立一個可以到這頁的連結)
完成的圖示有點像底下這樣：
比較需要注意的是，如果有兩個以上的運算子，建議使用括號來將數值圈起來，例如 (255-$i*51) 這樣，可以避免比較多的錯誤狀況的發生喔。
我們有時候會需要 Server 提供目前 Server 的日期～要注意，用戶端可能來自於不同的地方，所以 Server / client 由於處於地球的兩個地方， 很可能具有不一樣的時間參數。PHP 取得的時間是 Server 的時間，而 javascript 則取得的是 client 的時間，這是有所差異的。那麼 PHP 的日期參數是什麼呢？ 基本上，取得日期使用的是 date 這個函數，而這個函數可以輸出不同的格式，例如想要輸出台灣常見的 2017/11/28 日，可以使用如下的方式來呼叫：
<?php
echo "今天的日期是：" . date("Y/m/d") . "<br />";
?>
在 date 裡面還有常用的參數有：
- Y: 代表西元年
- m: 代表月份 (01, 02..., 12)
- d: 代表日期 (01, 02..., 31)
- l: 代表星期幾
- H: 代表 24 小時的小時值 (01, 02... ,23)
- G: 代表 24 小時的小時值 (1, 2... ,23)
- i: 代表分鐘 (01, 02..., 59)
- s: 代表秒 (01, 02..., 59)
例題 10.3.5：我需要讓用戶連線到 unit10-3-5.php 時，就在網頁上面顯示目前的時間 (當然，每次時間都會不同才對！)。
(做完請在首頁建立一個可以到這頁的連結)
完成的圖示有點像底下這樣：
取得時間後，能不能依據時間給予早安、午安、晚安、快去睡覺的對話顯示框呢？這就需要 PHP 的條件判斷了！基本條件判斷是這樣的：
<?php
if ( 條件判斷 ) {
條件成立情況下所進行的程式碼;
}
?>
如果條件成立就進行 A 動作，若不成立就進行 B 動作，那就會將上面的程式變成如下模樣：
<?php
if ( 條件判斷 ) {
條件成立情況下所進行的程式碼 A;
} else {
條件不成立情況下所進行的程式碼 B;
}
?>
如果將上面的程式碼以人類看得懂的中文字來說明，那就會變成：
<?php
如果 ( 條件判斷成立 ) 我就
條件成立情況下所進行的程式碼 A;
要不然我就
條件不成立情況下所進行的程式碼 B;
結束
?>
如果有涉及到多重判斷，那就得要使用底下更複雜的語法了：
<?php
if ( 第一個條件判斷 ) {
第一個條件成立情況下所進行的程式碼 A;
} elseif ( 第二個條件判斷) {
第二個條件成立情況下所進行的程式碼 B;
} elseif ( 第三個條件判斷) {
第三個條件成立情況下所進行的程式碼 C;
} else {
所有條件都不成立情況下所進行的程式碼 D;
}
?>
常見的條件判斷中，也有底下幾種比對的方式喔！
<?php
if ( $abc == $cde ) // 判斷兩個變數是否相同
if ( $abc > $cde ) // 比對兩個數值變數的大小
if ( isset ( $abc ) ) // 判斷 $abc 這個變數是否存在於程式當中
if ( 條件判斷一 && 條件判斷二 ) 兩個條件都成立才算成立 (and)
if ( 條件判斷一 || 條件判斷二 ) 兩個條件當中，只要任何一個成立就算成立 (or)
?>
例題 10.3.6：我們想讓網頁上面的某個區塊顯示問候語，問候的時間跟語言相關性是這樣的：
- 06:00~10:59 顯示『早安』
- 11:00~14:59 顯示『午安』
- 15:00~16:59 顯示『傍晚黃昏、再努力一下』
- 17:00~18:59 顯示『下班回家請慢走』
- 19:00~21:59 顯示『還在忙嘛？記得收拾收拾囉！』
- 22:00~23:59 顯示『快去洗洗睡』
- 00:00~05:59 顯示『睡睡睡zzZZ』
網頁檔名設定為 unit10-3-6.php
(做完請在首頁建立一個可以到這頁的連結)
完成的圖示有點像底下這樣：
然後按照指示按 "Next"
上面要安裝的工具直接用預設全部安裝
安裝路徑也是預設在"C槽的xampp"
語言預設英文(好像也沒中文可以選)
將方框的勾勾拿掉
繼續按"Next"
等待安裝......
中間方框不拿掉，按下Finish後幫我開啟XAMPP控制台
將"Apache"和"MySQL"的Start按下去啟用
測試Apache有沒有成功
