Web Programming 實習

Notepad++安裝
Lab. 1
empty.html(HTML5), 文字與圖片, 表格 (Table Lab, 表單 (Form Lab, form.html, r1.gif, join.php (zip))
Lab. 2
css_empty5.html, pm.zip(CSS Lab.), CSS上課範例, vertical-align, Opacity Example, Box Example, Border example, float, Position, cursor, Drop Down Menu (例1, 例2)
Selector, 背景, Box Model, 定位, 排版, Menu製作, CSS Animation
Lab. 3
js_empty.html, js_ex.html, Lab-3, 2D Array, Variable Scope, JSON, 九九乘法表, isNaN(), sort, 樂透, 表單檢查1, 對話方塊
上課例子: if, switch, for, continue, for in, function, string, email test, data-*
上課例子: split, pop, shift, join, Array應用, Math, random, Date, 日期時間計算, event (Old),event (New)
Lab. 4
Lab-4, Lab-5, Event(old), Event(new), Event Object, Keyboard Event, 日本地震, Event應用, Event Bubbling, Image Puzzle, 撲克牌, Image Object, Digit Image
DOM Objects, window, window.setInterval(), window.setTimeout(), Alarm Clock, Sliding Menu
Form Objects, 九九乘法表(DOM), Cookies, 養寵物, XML DOM, AJAX Ex. 1, AJAX Ex. 2 (rss feeds), JSON+XMLHttpRequest
Canvas: Example 1, Example 2 (Firefox only)
上課例子: key down vs. key press, onmousemove, screen, navigator, window.setTimeout(), alert, confirm, prompt, window.open
Lab. 5
XAMPP下載(8.2.12), XAMMP安裝
PHP Lab. 1,其它範例: Hello World!(include, function), phpinfo(), 變數與常數, 單引號與雙引號, 加號與句號, array, 九九乘法表, 月曆
Lab. 6
PHP Lab. 2, 上課例子檔案下載, 上課例子(會員)
Lab. 7
PHP Lab. 3, 上課例子: 學生資料管理, Phpcart, login(File), login(DB), login(SHA1), PHP與MySQL: mysqli_connect, mysqli_close, mysqli_query, mysqli_fetch_row, mysqli_fetch_assoc, mysqli_data_seek, mysqli_num_rows, mysqli_num_fields, mysqli_field_name, mysqli_affected_rows