マルチメディアWeb技術

2026.3.16 - (2026年度前期)



第12回 (7/1) 画像を使った15パズルあるいはその変種の作成 : アップロード・課題のまとめ方の補足説明, 課題まとめ・提出
    発展課題への取り組み (提出予定者のみ)

HTML, CSS の基本

DOMまとめ


この授業ではカードリーダーによる出席登録は使用せず、下記 出席送信1, 出席送信2 で登録してください。
カードリーダーを通しても、下記 出席送信1, 出席送信2 のデータで上書きされます。

出席送信1       (開始後15分以内に送信すること)

出席送信2       (終了15分前から終了までの内に送信すること)

特に許可を得ない限り「出席送信1」と「出席送信2」は同じマシンで一名に限り行うこと
「出席送信1」と「出席送信2」は授業のPC演習室のパソコンを使いブラウザで授業ページを開いて出すこと。スマホ等を使ったものは受け付けない

課題確認と提出


ユーザ登録関係


授業履歴

第1回 (4/8) 導入・登録
    JavaScript基本 (導入, alert, document.write, 文法事項(変数、関数、構文), DOM処理)
第2回 (4/15) JavaScript基本 (DOM処理, クラス, thisの問題, 周期的処理, 一定時間後の処理, 課題1 提示と画像作成説明)
第3回 (4/22) JavaScript基本 (課題1 プログラム完成, レポート作成・提出)
第4回 (5/8) JavaScript基本 (課題1 反省学習、該当者のみ再提出)
    HTML, CSS の基本 (基本, 見出し, CSS課題, p, br, hr, pre要素, 強調, a要素, 等)
第5回 (5/13) JavaScript基本 (課題1 まとめ)
    HTML, CSS の基本 (a要素(続き), img要素, 箇条書き, 表, 等。画像ファイルの用意)
第6回 (5/20) HTML, CSS の基本 (ruby要素, audioとvideo要素, divとspan要素とclass属性, アップロード, 等。音ファイル・動画ファイルの用意)
第7回 (5/27) HTML, CSS の基本 (CSS調査、課題3完成・提出)
第8回 (6/3) HTML, CSS の基本 (課題3 反省学習、該当者のみ再提出)
    画像を使った15パズルあるいはその変種の作成 (0)全体の構成の説明 (1)問題画面の作成
第9回 (6/10) HTML, CSS の基本 (課題3 まとめ)
    画像を使った15パズルあるいはその変種の作成 (1)問題画面の作成, (2)クリックでの移動と完成チェック
第10回 (6/17) 画像を使った15パズルあるいはその変種の作成 (2)クリックでの移動と完成チェック, (3)空白可変と画像ピース他
第11回 (6/24) 画像を使った15パズルあるいはその変種の作成 (3)空白可変と画像ピース他, 完成とアップロード, 課題のまとめ方説明
第12回 (7/1) 画像を使った15パズルあるいはその変種の作成 : アップロード・課題のまとめ方の補足説明, 課題まとめ・提出
    発展課題への取り組み (提出予定者のみ)

テキスト

Web上のテキストを使います。追加資料は随時授業やWebページなどで提示します。