Introduction to Website Programming

NTUST Jeremy Yen

HTML   超文件標示語言   HyperText Markup Language，HTML   純文字
  網頁瀏覽器可解讀   用來描述整個網頁的架構

CSS   層疊樣式表   Cascading Style Sheets   簡化HTML裡的樣式語法，實現
  HTML >> 處理網頁架構   CSS >> 處理網頁樣式(Style)   網頁瀏覽器會將HTML和CSS一起解讀

JavaScript   昇陽電腦 / Sun Microsystems   內嵌在HTML的一段程式碼
 <script language=“javascript”>程式碼</script>   由瀏覽器執行(客戶端)

VBScript   Mircorosft 開發   內嵌在HTML的一段程式碼  <script language=“vbscript”>程式碼</script>
  由瀏覽器執行(客戶端)   跟VB的語法很相近

ASP   ASP: Active Server Page   由Microsoft開發，非開源軟體
  僅能於Windows Server上執行   網頁副檔名為 .asp 或 .aspx (.NET 版)   可使用 VB,C#等語言進行開發   開發工具: Visual Web Developer Express (VS)

PHP   PHP：Hypertext Preprocessor   腳本語言，主要用途是在於處理動態網頁   語法跟C++幾乎一樣
  網頁副檔名為.php   Facebook 以此語言開發

PHP運作原理   網站主機 <-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐ 客戶端  
<< 要求home.php   << POST資料 id,password   -‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐>   伺服器解析PHP檔案   依PHP程式碼處理輸入(POST)資料   處理完成，傳回 home.php (僅含HTML)

home.php (伺服器上) •  <html> <head>
<title> <?php echo $id; ?> </title> </head> <body> <p> <?php If ($password == $db_data) { echo “登入成功”; } ?> </p> </body> </html>

home.php (客⼾戶端上)   <html> <head>
<title> jeremy5189 </title> </head> <body> <p>登入成功</p> </body> </html>

PHP的標準輸⼊入輸出   輸出 echo $變數   輸入
  $data = $_POST[‘data’] (從HTML的表單等)   $id = $_GET[‘id’] (從網址)

Introduction to Website Programming

Introduction to Website Programming

Jeremy Yen

More Decks by Jeremy Yen

Other Decks in Technology

Featured

Transcript

NTUST Jeremy Yen

HTML   超文件標示語言   HyperText Markup Language，HTML   純文字

CSS   層疊樣式表   Cascading Style Sheets   簡化HTML裡的樣式語法，實現

JavaScript   昇陽電腦 / Sun Microsystems   內嵌在HTML的一段程式碼

VBScript   Mircorosft 開發   內嵌在HTML的一段程式碼  <script language=“vbscript”>程式碼</script>

ASP   ASP: Active Server Page   由Microsoft開發，非開源軟體

PHP   PHP：Hypertext Preprocessor   腳本語言，主要用途是在於處理動態網頁   語法跟C++幾乎一樣

PHP運作原理   網站主機 <-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐ 客戶端 

home.php (伺服器上) •  <html> <head>

home.php (客⼾戶端上)   <html> <head>

PHP的標準輸⼊入輸出   輸出 echo $變數   輸入