マルチメディア演習 授業記録 2003秋学期

回数 日付 作成ファイル 内  容
第22回

最終回
12月11日(木)
  1月13日(火)
  1月15日(木)
総合課題
  • 課題4 マイホームページの作成と公開
第21回 12月9日
(火)
js-window-open.html
(上書き保存)
js-window-link.html
  • ボタンでウィンドウを開く、位置の指定と移動
  • ボタンでリンクを作成(同一ウィンドウ/別ウィンドウ)
  • 自分自身のウィンドウを閉じる
第20回 12月4日
(木)
js-singo-game.html
js-singo-game-2.html
js-window-open.html
  • 信号機の点滅ゲーム1
  • 信号機の点滅ゲーム2(難易度の設定付き)
  • ボタンをクリックしてウィンドウを開く・閉じる
  • サンプルウィンドウの作成(Xmas.html)
第19回 12月2日
(火)
js-singo-1.html

js-singo-2.html
  • 信号機を点滅させるプログラム
  • 信号画像の作成(PhotoEditor)、透過色の設定と変更
  • 変数名=new Image()、変数名.src=画像ファイル名
  • setInterval、clearIntervalの設定
第18回 11月27日
(木)
js-form.html

js-color-3.html
  • フォームを使ったページ
  • クリックボタン、テキストボックス、ラジオボタン
  • チェックボックス、セレクトボックスなど
  • formタグ、inputタグ、selectタグ
第17回 11月25日
(火)
js-color-1.html

js-color-2.html
  • 時刻によって背景色を変更する(20秒間隔)
  • 時刻によって背景画像を表示する
  • 背景画像のrepeat指定(スタイルシート)
第16回 11月20日
(木)
js-yymmdd.html
  • 日付の表示、年月日の取得と時刻の取得
  • 変数var、Date関数、getFullYear、getMonth、getDate
  • getHours、getMinutes、getSeconds
  • 曜日の取得getDay、if文による条件判定
第15回 11月18日
(火)
js-reidai.html
  • JavaScriptの紹介、scriptタグの使い方
  • document.write、背景色(bgColor)と前景色(fgColor)
  • ブラウザ名とバージョン番号の表示
第14回 11月13日
(木)
thum-1.html

thum-2.html
  • Composerを使ったホームページの作成 その2
  • 表の使い方、画像へのリンク
  • 湘南キャンパスのサムネール画像と写真館
第13回 11月11日
(火)
a2c11xxx-top.html
  • Composerを使ったホームページの作成 その1
  • トップページ、自己紹介ページ
  • お気に入りスポット、おすすめリンクのページ
第12回 11月6日
(木)
写真館
  • 課題3(写真館のページを作成する)
第11回 11月4日
(木)
frame-0.html
frame-mokuji.html
frame-top.html
  • フレームの作成方法、frameset とframe タグ
  • 横(左右)に分割→cols、縦(上下)に分割→rows
  • 課題3の説明と写真データの準備
第10回 10月30日
(木)
thumbnail-1.html

thumbnail-2.html
  • 画像ソフト「Photo Editor」の使い方
  • 写真の加工、サムネール画像の作成(サイズ縮小)
  • サムネール画像を利用した写真館のページ
第9回 10月28日
(火)
campus.html
  • 写真データの扱い、フォルダ「campus-photo」作成
  • tableタグの中に写真を入れる方法
  • キャンパス写真館の作成
第8回 10月23日
(木)
a2c11xxx-link.html
  • 課題2(おすすめリンクの作成)
第7回 10月21日
(火)
link.html

gazou.html
  • リンクの付け方(Aタグ、href 指定、name 指定)
  • 画像ファイルの扱い(img タグ、幅、高さ、alt 文字列など)
  • フリー素材集の使い方、アニメーションGIFの表示
第6回 10月16日
(木)
table.html
(続き)
  • テーブルのセル連結(rowspan、colspan)
  • 課題1(3学部の紹介ページ)
第5回 10月14日
(火)
table.html
  • テーブルの利用法、table、tr(行)、td(データ)、th(見出し)
  • テーブルの幅と高さ(width、height)、枠線(border)
  • 文字の配置(align、valign)、内枠の太さと余白
  • 背景色と画像(bgcolor、background)
第4回 10月7日
(火)
sonota-mojihyoji.html

list.html
  • 水平線(horizon)、特殊文字 <、>など
  • ブラウザ固有のタグ マーキー(marquee)、ブリンク(blink)
  • リストの使い方(番号なしリストUL、番号付きリストOL)
  • ULタグを利用したインデント
第3回 10月2日
(木)
midashi.html
iro.html
sonota-mojihyoji.html
  • 見出しタグ(Hn)とfontタグの違い
  • 色の指定、背景色(bgcolor)、テキスト文字の色
  • 背景画像の入れ方
  • 引用文(blockquote)、整形済みテキスト(pre)
第2回 9月30日
(火)
mojifont.html
mojikazari.html
danraku.html
  • FONTタグ 文字の大きさと書体(size指定、face指定)
  • 文字飾りのいろいろ(太字、斜体、下線、上付き、下付きなど)
  • 段落の使い方 align指定(left,center,right)
第1回 9月25日
(木)
myweb.html
  • オリエンテーション、授業の目標(スライド)
  • HTMLファイルの作成と保存、エディタとブラウザの説明
  • 基本的なタグ(html、head、title、body、br、b、i、fontなど)
  • コメントの使用法  <!-- コメント -->