1 JavaScriptの基礎知識
 STEP1 JavaScriptについて
   1 JavaScriptとは
   2 JavaScriptでできること
   3 JavaScriptの特長

 

 STEP2 JavaScriptの記述と実行について
   1 JavaScriptの記述場所
   2 JavaScriptの記述方法
   3 JavaScriptの実行環境

 

 STEP3 script要素を記述する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP4 イベント属性を記述する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

2 プログラムの基本
 STEP1 オブジェクト・プロパティ・メソッドを確認する
   1 既存ファイルの確認
   2 プログラムの記述
   3 プログラムの実行
   4 プログラムの確認
   5 オブジェクト・プロパティ・メソッド
   6 プログラムの記述
   7 プログラムの実行
   8 プログラムの確認

 

 STEP2 演算子を利用する
   1 既存ファイルの確認
   2 演算子
   3 プログラムの記述
   4 プログラムの実行
   5 プログラムの確認

 

 STEP3 関数を利用する
   1 関数
   2 プログラムの記述
   3 プログラムの実行
   4 プログラムの確認

 

 STEP4 変数を利用する
   1 変数
   2 プログラムの記述
   3 プログラムの実行
   4 プログラムの確認

 

 STEP5 条件によって処理を分岐する
   1 条件による処理の分岐
   2 プログラムの記述
   3 プログラムの実行
   4 プログラムの確認
   5 プログラムの記述
   6 プログラムの実行
   7 プログラムの確認

 

 STEP6 処理を繰り返す
   1 既存ファイルの確認
   2 処理の繰り返し
   3 プログラムの記述
   4 プログラムの実行
   5 プログラムの確認
   6 プログラムの記述
   7 プログラムの実行
   8 プログラムの確認

 

3 ウィンドウを処理するプログラム
 STEP1 作成するWebページを確認する
   1 Webページの完成図
   2 既存ファイルの確認

 

 STEP2 ウィンドウを開く
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP3 ウィンドウを閉じる
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP4 ウィンドウ上の部品の表示・非表示を設定する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP5 ウィンドウのサイズと位置を指定する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

4 画像を処理するプログラム
 STEP1 作成するWebページを確認する
   1 Webページの完成図
   2 既存ファイルの確認

 

 STEP2 画像にロールオーバー効果を設定する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

 STEP3 サムネイルの画像を別の場所に大きく表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP4 一定時間後に画像を表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP5 一定時間ごとに画像を入れ替える
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

 参考学習 JSファイルを作成する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

5 文字列を処理するプログラム
 STEP1 作成するWebページを確認する
   1 Webページの完成図
   2 既存ファイルの確認<

 

 STEP2 文字列の一部分を抜き出して表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP3 文字列を1文字ずつ順番に表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 CSSの記述

 

 STEP4 文字列をスクロールしながら表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

6 日時を処理するプログラム
 STEP1 作成するWebページを確認する
   1 Webページの完成図
   2 既存ファイルの確認

 

 STEP2 指定日時とアクセス日時を表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

 STEP3 最終更新日時を表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP4 日時の表示形式を設定する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP5 曜日を表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

 STEP6 日時をもとに計算する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

7 フォームを処理するプログラム

 STEP1 作成するWebページを確認する
   1 Webページの完成図
   2 既存ファイルの確認
   3 フォームの基礎知識
   4 CGIとJavaScript

 

 STEP2 小計を自動的に表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP3 本体合計を自動的に表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

 STEP4 お届け先に応じて配送料金を表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP5 送信時にテキストボックスの入力漏れをチェックする
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認
   4 プログラムの記述
   5 プログラムの実行
   6 プログラムの確認

 

 STEP6 送信時にオプションボタンの選択漏れをチェックする
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 STEP7 リセット時に確認メッセージを表示する
   1 プログラムの記述
   2 プログラムの実行
   3 プログラムの確認

 

 

 

 

ページトップへ