情報処理C 授業記録 2014春学期

回数 月曜
クラス
金曜
クラス
作成ファイル

内  容

第15回 7月28日
(月)
7月25日
(金)
授業のまとめ
定期試験準備
  • 授業のまとめ、課題作品の鑑賞
  • 定期試験に向けての練習  (配布資料
  • 授業アンケート
第14回 7月14日
(月)
7月18日
(金)
movie.wmv
campus-shokai.html
  • 動画ファイルのウェブへの連携
  • embedタグの使い方
  • 第6回課題 湘南キャンパス紹介ムービー
第13回 7月7日
(月)
7月11日
(金)
湘南キャンパス
紹介ムービー.wlmp
  • ムービーメーカーの基本操作
  • 写真の読み込みとスライドショーの設定
  • フリー音源の取り込みとBGMの設定
  • 動画ファイルの出力
第12回 6月30日
(月)
7月4日
(金)
js-singo-game2.html 
  • 信号機の点滅とラジオボタンの組み合わせ
  • 難易度付きの信号ゲーム
  • 第5回課題 じゃんけんゲームの作成
第11回 6月23日
(月)
6月27日
(金)
js-singo1.html
js-singo2.html
js-singo-game.html 
  • 信号機を点滅させるページの作成
  • 信号画像の作成、画像ソフトGIMPの操作
  • 画像の一部を透過色にする方法
  • new Image()、setInterval、clearIntervalの設定
第10回 6月16日
(月)
6月20日
(金)
js-form.html  
js-button.html
js-selectbox.html 
  • フォームといろいろな部品
  • クリックボタン、テキストボックス、ラジオボタン
  • チェックボックス、セレクトボックスなど
  • 背景色やリンクの変更
第9回 6月9日
(月)
6月13日
(金)
js-color1.html
js-color2.html
  • JavaScriptを使った判定処理、if文
  • 時刻によって背景色や画像を切り替える
  • タイマーのセット
  • 第4回課題 (背景画像を切り替えた写真館)
第8回 6月2日
(月)
6月6日
(金)
js-hizuke.html
  • JavaScriptの紹介、scriptタグの使い方
  • document.writeによる文字の表示
  • 日付の表示、年月日、時刻、曜日の取得
  • Date、getFullYear、getMonth、getDate等の関数
第7回 5月26日
(月)
5月30日
(金)
thumbnail-1.html
thumbnail-2.html
  • 画像ソフト「Picture Manager」の利用
  • 写真の加工、 サムネイル画像の作成
  • キャンパス写真館の作成(2)
  • 第3回課題 (湘南キャンパス写真館)
第6回 5月19日
(月)
5月23日
(金)
湘南台高
体験授業
campus.html
  • 画像データのコピー 
    画像フォルダ 「campus-photo2014」
  • キャンパス写真館の作成(1)
  • CSSによるスタイルの設定
第5回 5月12日
(月)
5月16日
(金)
bxn11xxx-link.html
  • 第2回課題 (おすすめリンクのページ)
第4回 4月28日
(月)
5月9日
(金)
list.html
link.html
gazou.html
  • いろいろなリスト(番号なし・番号付き・定義リスト)
  • リンクの付け方(Aタグ、href 指定、name 指定)
  • 同一ページ内へのジャンプ、新しいウィンドウへのジャンプ
  • 画像データの表示、GIFアニメーション
    (img タグ、幅、高さ、alt 文字列など)
第3回

4月21日
(月)

5月2日
(金)
table.html
(上書き保存)
  • セルの幅と高さ、文字配置(センタリングなど)
  • テーブルの背景色と背景画像
  • 第1回課題 (学部紹介のページ)
第2回 4月19日
(土)
4月25日
(金)
mojikazari.html

table.html
  • 文字フォントの指定(font-size,color)
  • 太字、斜体、下線、上付き、下付き文字
  • 水平線、整形済みテキスト
  • 背景色と背景画像(フリー素材の利用)
  • テーブルの基本(table,tr,td,th)
第1回 4月14日
(月)
4月18日
(金)
myweb.html
  • オリエンテーション、授業の目標(スライド)
  • HTMLファイルの作成と保存、エディタとブラウザの説明
  • 基本的なタグ(html、head、title、body、br、h1、pなど)
  • 改行の意味、文字色、背景色、コメント(配付資料