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

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

内  容

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

4月27日
(月)

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

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