網頁程式撰寫/2017

出自六年制學程
在2017年9月14日 (四) 08:42由丁志仁（對話 | 貢獻）所做的修訂版本

跳轉到： 導覽、 搜尋

概述

一、課程目標

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

  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,網頁設計範例教本》為參考書，旗標出版，學員請自備，向圖書館借用也行。

(三)參考講義

各次上課內容

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 
<?php
 $connect=mysql_connect('localhost','assistant','aide');
 mysql_select_db('助理們');
 mysql_query("insert into web set 姓名='".$_REQUEST['姓名']."',phone='".$_REQUEST['phone']."'");
 mysql_close($connect);
?>

2017.9.14

  • 第一次到課的同學：
    1. 檢查筆記頁有沒有建好？
    2. 檢查 filezilla 有沒有連結到文字編輯器？
    3. 檢查 filezilla 有沒有這兩個連線：「DS216(共用)」、「DS216(自己)」
  • 去共用的 home/www 中，下載回來「網頁程式撰寫」程「HTMLeBook」兩個資料夾，放在自己不會忘掉的地方。
  • 今天的進度是課本第三章HTML概述 
  • <!DOCTYPE html>
取自「http://well-being-ng.net/wiki1231/index.php?title=網頁程式撰寫/2017&oldid=33913」