第一周



網頁設計概念介紹


A.網站從無到有
B.網頁程式語言
C.網頁構成元素HTML

PHP概述

    
  • PHP-全名PHP:Hypertext Preprocessor (Personal Homepage Program)  官方的說法為:『PHP是一套讓你可以製作動態網頁的工具。內嵌PHP語法的HTML網頁文件仍 會被當作一般的HTML網頁文件來處理,可以用同樣的標準HTML語法來編輯HTML部分』 內嵌(enabled)──PHP的程式是寫在HTML裡面,當伺服器執行網頁程式時,會先去直譯PHP的程式, 並輸出在使用者的瀏覽器上,使用者所看到的是PHP程式執行的結果,而不是原始程式。因此,PHP主要 是在Web Server 端的動態網頁的開發,與ASP、JSP、Cold Fusion等Script動態網頁開發平台相似,而 與嵌入HTML的客戶端腳本(例如JScript/VBScript等)不同。 全世界有許多的團體和組織提供一大堆的原始碼及函式庫,可協助您快速而彈性地進行開發工作。 所以說, PHP 可簡單的視為一種程式語言,可以用來設計:互動式介面、留言板、討論區、電子商務 、多媒體應用、聊天室等等的動態網頁!
  • PHP內嵌範例:
    嵌入HTML 顯示結果 在HTML標籤外 顯示結果
    <html>
    <head>
    <title>嵌入在HTML</title>
    </head>
    <body>
    <?php
       echo "PHP嵌入在HTML中";
    ?>

    </body>
    </html>
    <?php
       echo "寫在HTML架構外";
    ?>

    <html>
    <head>
    <title>在HTML架構外</title>
    </head>
    <body>
       網頁內容
    </body>
    </html>

    ※檔案記得存成.php檔,PHP語法才會有效喔!

    簡單區分

    靜態網頁
    靜態網頁


    動態網頁
    動態網頁

        在上面的簡介當中我們提到PHP可用來設計動態網頁,那究竟什麼是動態網頁呢?
     這裡所謂的「動態」,並不是指網頁上會動的 GIF 圖檔、跑馬燈或其他絢麗的特效,而是相對於「靜態」html呈現的文字和圖以外,多了內容上的互動與更新。
     也就是說我們可以透過程式來做回應,透過程式與資料庫來處理我們要顯示的內容,如此可以不必重新編寫網頁,就可以改變網頁內容,且顯示的內容是可以和使用者互動的,這就是所謂的動態網頁。

    程式架構

    PHP基本語法
    練習
    伺服器架設
  • Appserv

    作業一
    簡易計算
  • (範例)要求:可以計算浮點數並且判斷當無數值輸入時跳出"無法計算"

    作業二
    簡易我的最愛
  • (範例)要求:能夠在一個網頁上增加一個超連結選項並且可以連結至網頁。
    "簡易我的最愛"的連結不會因為關閉而消失。

    檔案上傳到FTP://edirk.me.ncu.edu.tw ID:PHP PW:PHP123 PORT:21
    請上傳到自己的學號資料夾底下,檔名命名為HW1_x.php或HW1_x.html
    如有更新檔案則命名為HW1_x_2.php或HW1_x_2.html依此類推

    上傳後可用 http://edirk.me.ncu.edu.tw/php/UP/學號/HW1_x_x.php(html)來測試