網頁程式撰寫/2017：修訂版本之間的差異

2017年9月7日 (四) 07:56的修訂版本

概述

一、課程目標

培養會使用網頁與伺服器做事的人，即結合網際網路前後端的技術，達成以下目的：

1. 與使用者溝通；
2. 管理資料、運用資料。

二、選修說明

• 修課同學：柯智懷、何蕙如、陳建宇、林佳敏、劉恩佑、黃柏實(子)、陳洹霈(母請假)、王秋梅(請假)、谌卫军(遠距學習)
• 地點：新埔國中信義樓 517
• 時間：週四早上 9:15~12:00
• 費用：無
• 選課優先順位：對資訊應用實作有濃厚興趣，願意參與「全民科學平台」營運者優先
• 教師：丁志仁
• 助教：游士賢
• 上課規範：學員須自行攜帶筆電上課，備妥課本。上課注意聽，作業按時交，考試認真準備。
• 成績兼採筆試及實作評量，通過者得 3 學分

三、課程內容組成

(一)牽涉的技術

• 前端(clint)：HTML4
  1. DOM
  2. CSS
  3. javascript
     • jQuery
  4. SVG
  5. HTML5
• 後端(SERVER)
  1. PHP
     • 物件使用
  2. MySQL
• 溝通前後端
  1. 叫出新頁
  2. ajax

(二)使用的課本

使用《PHP,MySQL,AJAX,網頁設計範例教本》為參考書，旗標出版，學員請自備，向圖書館借用也行。

(三)參考講義

• HTML
  1. 練習
  2. 講義
• HTTP
• PHP
• MySQL
• AJAX

各次上課內容

2017.9.7

• 處理何蕙如在跨校選修平台上建立兩個帳號的問題
• 請士賢、智懷儘速為何蕙如、陳建宇、林佳敏、劉恩佑在筆電上建立 filezilla 、 EmEditor 及其關連。
• 說明課程內容
• 建立每位同學的修課資料夾：
  1. 後台：個人資料夾/www/php，php資料夾的所有者必須是這位同學，php資料夾中的php程式所有者也必須是這位同學。否則會因缺乏權限而導致伺服器內部錯誤。
  2. 前台：6years.jendo.org/~○○○/php
• 檢查瀏覽器
• 檢查文字編輯器
• 檢查上下傳工具
• 檢查每個人的筆記頁
• 建立應答程式對
  1. form.php：負責以表單跟使用者互動；並設 action 為 r.php。
  2. r.php：負責接收表單的資料，存入資料表。
• form.php的原始碼：

<meta http-equiv='content-type' content='text/html;charset=UTF-8'>
<form action='r.php'>
姓名：<input type='text' name='姓名' value='丁志仁' /><br/>
email：<input type='text' name='email' value='alledu2@gmail.com' /><br/>
電話：<input type='text' name='phone' value='0987466665' /><br/>
<input type='submit' value='送出' />
</form>

• r.php