網頁課程一(4/11 第八週)


學習目的

認識網頁程式以便日後管理以及開發
曾經和目前存在的:
        CEdesign server、印表系統、點名系統、mrtg與報修介面
訓練自己的程式能力
藉由開發網頁來解決問題

網頁設計概念介紹


網站從無到有
網頁程式語言
網頁構成元素HTML
MVC(Model.View.Controller)


PHP概述&程式架構
關於PHP的故事
PHP概述

    PHP-全名PHP:Hypertext Preprocessor (Personal Homepage Program)  
PHP:官方的說法為:『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語法當然也可以 獨立存在,厲害吧~^^

何謂動態網頁?

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

程式架構

PHP基本語法
快捷鍵介紹

剪下:ctrl + x    複製:ctrl + c    貼上:ctrl + v    全選:ctrl + a
復原:ctrl + z    存檔:ctrl + s    搜尋:ctrl + f

作業

計算機
學習目標:變數的使用、表單(POST方法)傳輸、迴圈的應用、傳值...等

(範例) 請至少列出六個計算式(檔名:hw1-1.htm、hw1-1.php)

簡易網頁我的最愛
學習目標:使用表單、檔案處理、字串運算子、條件判斷...等
(範例) 達到可新增超連結且防止未輸入即可(檔名:hw1-2.htm、hw1-2.php)

遊戲($_GET)
學習目標:使用URL傳遞參數方式、運用$_GET處理、條件判斷...等
(範例)
利用$_GET自由發揮(檔名:hw1-3.htm、hw1-3.php)

作業繳交方式


上傳FTP 位址:140.115.67.87  使用者:winginwind  密碼:123456  PORT:21
請至自己學號的資料夾底下

作業製作過程中可使用 http://140.115.67.87/simpson/學號/檔名 來測試