Webページ作成技術の基礎と応用：JavaScript入門

講習会テキスト

• 修正版テキスト（kyoin-naka.pdf）

サンプルスクリプト

導入編

• 静的ホームページ（date.htm）
• 動的ホームページ/サーバサイド/Perl （date-perl.cgi）/PHP（date-php.php）
• 動的ホームページ/クライアントサイド（date-javascript.htm）
• 動的ホームページ/サーバ＋クライアント （date-alll.cgi）

基本編

• メッセージの表示（alert.htm）
• データの入力（prompt.htm）
• 本文としての表示（honbun.htm）
• 肥満度計算（himan.htm）
• イベント駆動型（button.htm）
• フォームの利用（dentaku.htm）
• 画像の入れ替え（gazo.htm）
• 画像の移動（ido.htm）
• 繰返し構造（for文）（kaijo.htm）
• 条件分岐構造（if文）（taiju.htm）

関数編

• 関数の利用（function.htm）
• イベントと関数（event.htm）
• フォームの利用（fnc_dentaku.htm）
• 画像の入れ替え（fnc_gazo.htm）
• 画像の移動（fnc_ido.htm）

応用課題

• 簡単計算ドリル（drill.htm）
• 砲弾の動き（hodan.htm, hodan2.htm）
• 肥満度チェッカー（himan2.htm, himan3.htm, himan4.htm, himan5.htm）

その他

画像ファイル

• ちび（chibi.png）、やせ（yase.png）、ノーマル（normal.png）、メタボ（metabo.png）
• 砲弾（hodan.png）
• やせ♀（f_yase.png）、ノーマル♀（f_normal.png）、メタボ♀（f_metabo.png）

連絡先

〒813-8503 福岡市東区松香台2-3-1 九州産業大学理工学部情報科学科
Tel: 092-673-5438, Fax: 092-673-5454, Email: naka@is.kyusan-u.ac.jp