• 信号機の点滅とラジオボタンの組み合わせ
• 難易度付きの信号ゲーム
• 第５回課題　じゃんけんゲームの作成

• 信号機を点滅させるページの作成
• 信号画像の作成、画像ソフトGIMPの利用
• new Image()、setInterval、clearIntervalの設定
• getElementByIdによる動的なテキストの設定

• フォームといろいろな部品
• クリックボタン、テキストボックス、ラジオボタン
• チェックボックス、セレクトボックスなど
• 背景色や背景画像の変更

• JavaScriptを使った判定処理、if文
• 時刻によって背景色や画像を切り替える
• タイマーのセットとメッセージの変更
• 第４回課題　（背景画像を切り替えた写真館）

• JavaScriptの紹介、scriptタグの使い方
• document.writeによる文字の表示
• 日付の表示、年月日、時刻、曜日の取得
• Date、getFullYear、getMonth、getDate等の関数

• 画像ソフト「GIMP」の利用
• 写真の加工、 サムネイル画像の作成
• キャンパス写真館の作成（２）
• 第３回課題　（湘南キャンパス写真館）

• 画像データのコピー　
  →画像フォルダ　「campus-photo2020」
• キャンパス写真館の作成
• CSSによるスタイルの設定

• 第２回課題　（おすすめリンクのページ）

5月10日
（金）

• いろいろなリスト（番号なし・番号付き・ボタンアイコン）
• リンクの付け方（Aタグ、href 指定、id 指定）
• 同一ページ内へのジャンプ
• 画像データの表示、GIFアニメーション

4月26日
（金）

• セルの幅と高さ、余白、文字配置（センタリングなど）
• テーブルの背景色と背景画像
• 第１回課題　（学部紹介のページ）
  
  （正解見本） gakubu-shoukai.html

• 文字フォントの指定（font-size,color)
• 太字、斜体、下線、上付き、下付き文字
• 水平線、整形済みテキスト
• 背景色と背景画像(フリー素材の利用）
• テーブルの基本(table,tr,td,th)

• 授業ガイダンス、授業紹介スライド
• HTMLファイルの作成と保存、エディタの説明
• 基本タグ紹介 html・head・title・body・br
• 改行の意味、文字色、背景色、カラーコード