檢視網頁程式撰寫/2017 的原始碼

[[分類:網頁程式撰寫]]
==概述==
===一、課程目標===
培養會使用網頁與伺服器做事的人，即結合網際網路前後端的技術，達成以下目的：
#與使用者溝通；
#管理資料、運用資料。
===二、選修說明===
*修課同學：柯智懷、劉恩佑、紀詠恩、盧星瑜、王秋梅、黃柏實(子)、陳洹霈(母請假)、谌卫军(遠距學習)、何蕙如(未到)、陳建宇(未到)、林佳敏(未到)、蘇柳村(？)
*地點：新埔國中信義樓 517
*時間：週四早上 9:15~12:00
*費用：無
*選課優先順位：對資訊應用實作有濃厚興趣，願意參與「全民科學平台」營運者優先
*教師：丁志仁
*助教：游士賢
*上課規範：學員須自行攜帶筆電上課，備妥課本。上課注意聽，作業按時交，考試認真準備。
*成績兼採筆試及實作評量，通過者得 3 學分

===三、課程內容組成===
====(一)牽涉的技術====
*前端(clint)：HTML4
*#DOM
*#CSS
*#javascript
*#*jQuery
*#SVG
*#HTML5
*後端(SERVER)
*#PHP
*#*物件使用
*#MySQL
*溝通前後端
*#叫出新頁
*#ajax
====(二)使用的課本====
使用《PHP,MySQL,AJAX,網頁設計範例教本》為參考書，旗標出版，學員請自備，向圖書館借用也行。
====(三)參考講義====
*HTML
*#[http://jendo.org/files/doc/Demo 練習]
*#[[分類:HTML]]講義
*[http://jendo.org/files/doc/http.html HTTP]
*[http://jendo.org/files/doc/php.html PHP]
*[http://jendo.org/files/doc/MySQL.html MySQL]
*[http://jendo.org/files/doc/ajax.html AJAX]

==各次上課內容==
===2017.9.7===
*處理何蕙如在跨校選修平台上建立兩個帳號的問題
*請士賢、智懷儘速為何蕙如、陳建宇、林佳敏、劉恩佑在筆電上建立 filezilla 、 EmEditor 及其關連。 
*說明課程內容
*建立每位同學的修課資料夾：
*#後台：個人資料夾/www/php，php資料夾的所有者必須是這位同學，php資料夾中的php程式所有者也必須是這位同學。否則會因缺乏權限而導致伺服器內部錯誤。
*#前台：6years.jendo.org/~○○○/php
*檢查瀏覽器
*檢查文字編輯器
*檢查上下傳工具
*檢查每個人的筆記頁
*建立應答程式對
*#form.php：負責以表單跟使用者互動；並設 action 為 r.php。
*#r.php：負責接收表單的資料，存入資料表。
*form.php的原始碼：
<pre>&lt;meta http-equiv='content-type' content='text/html;charset=UTF-8' /&gt;
&lt;form action='r.php'&gt;
姓名：&lt;input type='text' name='姓名' value='丁志仁' /&gt;&lt;br/&gt;
email：&lt;input type='text' name='email' value='alledu2@gmail.com' /&gt;&lt;br/&gt;
電話：&lt;input type='text' name='phone' value='0987466665' /&gt;&lt;br/&gt;
&lt;input type='submit' value='送出' /&gt;
&lt;/form&gt;</pre>
*r.php
<pre>&lt;?php
 $connect=mysql_connect('localhost','assistant','aide');
 mysql_select_db('助理們');
 mysql_query("insert into web set 姓名='".$_REQUEST['姓名']."',phone='".$_REQUEST['phone']."'");
 mysql_close($connect);
?&gt;</pre>
===2017.9.14===
*第一次到課的同學：
*#檢查筆記頁有沒有建好？
*#檢查 filezilla 有沒有連結到文字編輯器？
*#檢查 filezilla 有沒有這兩個連線：「DS216(共用)」、「DS216(自己)」
*去共用的 home/www 中，下載回來「網頁程式撰寫」程「HTMLeBook」兩個資料夾，放在自己不會忘掉的地方。
*今天的進度是課本第三章HTML概述
*<pre><!DOCTYPE html></pre>
*<pre><!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'></pre>