Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to Website Programming

Jeremy Yen
October 08, 2013

Introduction to Website Programming

Jeremy Yen

October 08, 2013
Tweet

More Decks by Jeremy Yen

Other Decks in Technology

Transcript

  1. HTML —  超文件標示語言 —  HyperText  Markup  Language,HTML   —  純文字

    —  網頁瀏覽器可解讀   —  用來描述整個網頁的架構
  2. CSS —  層疊樣式表 —  Cascading  Style  Sheets   —  簡化HTML裡的樣式語法,實現

      —  HTML  >> 處理網頁架構   —  CSS  >> 處理網頁樣式(Style)   —  網頁瀏覽器會將HTML和CSS一起解讀  
  3. JavaScript —  昇陽電腦 /  Sun  Microsystems   —  內嵌在HTML的一段程式碼  

    — <script  language=“javascript”>程式碼</script>   —  由瀏覽器執行(客戶端)
  4. ASP —  ASP:  Active  Server  Page   —  由Microsoft開發,非開源軟體  

    —  僅能於Windows  Server上執行   —  網頁副檔名為 .asp  或 .aspx  (.NET  版)   —  可使用 VB,C#等語言進行開發   —  開發工具:  Visual  Web  Developer  Express  (VS)
  5. PHP運作原理 —  網站主機 <-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐   客戶端   —     

                                                           << 要求home.php   —                                                           <<    POST資料 id,password   —                                           -­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐>   —                                                                     伺服器解析PHP檔案   —  依PHP程式碼處理輸入(POST)資料   —  處理完成,傳回 home.php  (僅含HTML)  
  6. home.php  (伺服器上) •  <html>        <head>    

                 <title>  <?php  echo  $id;  ?>  </title>        </head>        <body>                  <p>                          <?php                                      If  ($password  ==  $db_data)                                    {                                                echo  “登入成功”;                                    }                          ?>                    </p>          </body>   </html>  
  7. home.php  (客⼾戶端上) —  <html>        <head>    

                 <title>  jeremy5189  </title>        </head>        <body>                  <p>登入成功</p>   </body>   </html>  
  8. PHP的標準輸⼊入輸出 —  輸出    echo  $變數   —  輸入  

    —  $data  =  $_POST[‘data’]      (從HTML的表單等)   —  $id  =  $_GET[‘id’]  (從網址)