掲示板について

最近、学術研究機関における学習教材用掲示板において、不適切な文面および画像などを投稿する業者がいます。学術研究の妨げになる行為をする業者および投稿者に対しては、適切な処理をさせていただき、IPおよび名称の開示を行います。

講義、演習の概要

Webデザインとは,単なる見かけのデザインだけを指すのではなく,優れたHP の内容全般を設計（デザイン）する事を意味する。本講義では,魅力あるHP を目指し,WEBサイトを「自ら作るもの」としてとらえられるように既存サイトの背景・文法を紹介し,そこからWEBサイトにおける表現技法や制作技法を学ぶ。また,この科目の習得によってインターネット上での自己表現やプレゼンテーション能力の向上を図る。

評価方法

数回の課題作成とレポート提出（スケッチブック含む）により講義の理解度を判断するとともに、出席状況および演習の課題を総合的に勘案して評価する。

講義計画／各回の講義テーマ

1.講義の進め方とガイダンス 4/14(金)

回数

講義内容

１

授業の全体概要説明とDreamweaverについて

２

画面構成とレイアウト （基礎レイアウト練習）

３

Web全体の基礎知識／ HTML（XHTML）の基本 ,Webページ作成の手順　　Web設計と配色・バランス

４

Webサイトの装飾・レイアウトの管理に有用なCSSの基礎知識

５

CSS 情報の意味構造と表現のデザイン（Dreamweaver基礎1）

６

課題制作(1)

７

CSS・(テキスト,フォント,テーブル)（Dreamweaver基礎2）

８

CSS・(背景画像,ボックス)（Dreamweaver応用1）

９

CSS・(配置,まわり込み他)（Dreamweaver応用2）

10

ページ全体のレイアウト・可視性と可読性

11

統一されたデザイン(ユーザビリティとアクセシビリティ)

12

WebとFlashとの連携

13

Webサイトの進化とモバイルサイトの構造

14

Webサイトのプロデュースと運用,更新

15

課題制作(2)と総評

 

テキスト
授業用Webサイトにてテキストや演習データを提示する

参考書等
適時紹介をする

 

以下は過去授業のシラバスです！

2.情報の基本 4/21

Flash基礎講座参考WEB

モーショントゥイン、シェイプトゥイン、ガイドレイヤーを駆使した 作品を何か製作し、掲示板へアップせよ。尚、3時限と4時限の掲示板は 別に用意されているので間違いないように！！

3.情報の可視化-アプリケーションソフトの概念と基本操作(1) 4/28

私の一日／私の夢などをFlashを使ってアニメーション表現し 掲示板へ投稿せよ。

パブリッシュしたデータが再生されない現象について、Dドライブへ 保存して(fla)、もう一度パブリッシュ(swf)すると解決できます。

※尚期限は、5月12日(金)13時です。一度その時点で掲示板は閉じます。コメントはできるだけしていますが間に合わない場合があります。了承ください。

4.情報の可視化-アプリケーションソフトの概念と基本操作(2) 5/12

私の一日／私の夢などをFlashを使ってアニメーション表現し 掲示板へ投稿せよ。

パブリッシュしたデータが再生されない現象について、Dドライブへ 保存して(fla)、もう一度パブリッシュ(swf)すると解決できます。

※尚期限は、5月12日(金)13時です。一度その時点で掲示板は閉じます。コメントはできるだけしていますが間に合わない場合があります。了承ください。

5.アプリケーションソフトの活用(1) 5/19

6.アプリケーションソフトの活用(2) 5/26

ボタンアクションを使った自己紹介ファイルを投稿しましょう。

私たちのグループ紹介やボタン使って表現したWebが課題です。 HTML&FLASHも可です。期限は　月　日(金）13:00までとします。

7.情報の可視化　今までのおさらいと最終課題へ向けた説明 6/2

プレゼンまでの予定

8.アプリケーションソフトの活用(4) 6/9

プレゼンまでの予定

  • Flash操作
  • マスクについて(サンプルデータ)
    ボタンを利用して、複数のマスクを製作してみよう。
  • テーマの決定について(Wordで企画書を作成の上、提出)
    • 何について調査するのか
    • 質問は
    • 被験者は？
    • Ｗｅｂの構成について
  • ActionScriptの基本(復習)
    • on(release){
  gotoAndPlay(フレーム数);
}
  • ムービーアクション シンボル化と活用例(復習）
  • シンボル変換(ムービークリップ)
  • 課題制作(2)

9.情報の発信-表現と演出、内容の構成 6/16

プレゼンまでの予定

10.情報の発信-情報の視覚化 6/23

プレゼンまでの予定

  • 第３弾（３限）コンテンツ投稿掲示板

  • 第３弾（４限）コンテンツ投稿掲示板

    投稿時の注意。
●おなまえには、半角で学籍番号を入力する。
 c04001, c04002, c04003・・・

●タイトルには、グループまたは個人のテーマを入力
添付Fileは、まずDドライブに入れておいて
参照→マイコンピュータ→Dドライブ
※ファイルの容量は、"5MB"までしか投稿できません。

●暗証キーを必ず入れる。１でも２でも・・・。
再投稿の場合は、前の投稿を削除する。
そのときに暗証キーが必要です。
  • 上記投稿掲示板にて、自分がすごい/気に入ったなど感銘を受けた作品１つにレスをしてください。また、自分の作品に関しては、反省をレスで書いてください。演習内でできなかった場合は、空き時間や自宅などで行ってください。
  • 伝達率向上の技術、心理的要素

11.情報の発信-Web公開の基礎知識と応用 6/30

プレゼンまでの予定

  • 夏季休業中新システム移行に関する重要なお知らせ
    • デスクトップへデータをおいている人は、初期化されますので注意。
    • マイドキュメントやZドライブにデータを置いている人は、バックアップ(CD-R, USBメモリ等)をとるようにしてください。

  • 発表会 1

  • 第３弾（３限）コンテンツ投稿掲示板

  • 第３弾（４限）コンテンツ投稿掲示板

    投稿時の注意。
●おなまえには、半角で学籍番号を入力する。
 c04001, c04002, c04003・・・

●タイトルには、グループまたは個人のテーマを入力
添付Fileは、まずDドライブに入れておいて
参照→マイコンピュータ→Dドライブ
※ファイルの容量は、"5MB"までしか投稿できません。

●暗証キーを必ず入れる。１でも２でも・・・。
再投稿の場合は、前の投稿を削除する。
そのときに暗証キーが必要です。
  • ☆彡各グループへのレスの数によって評価が上がる！！
  • Web配信,各アプリケーションソフトからの情報の変換
  • データサイズのスリム化
  • 課題制作(3)

12.情報の発信-グループ課題発表 総評 7/15

  • 発表会 2

  • 第３弾（３限）コンテンツ投稿掲示板

  • 第３弾（４限）コンテンツ投稿掲示板

    投稿時の注意。
●おなまえには、半角で学籍番号を入力する。
 c04001, c04002, c04003・・・

●タイトルには、グループまたは個人のテーマを入力
添付Fileは、まずDドライブに入れておいて
参照→マイコンピュータ→Dドライブ
※ファイルの容量は、"5MB"までしか投稿できません。

●暗証キーを必ず入れる。１でも２でも・・・。
再投稿の場合は、前の投稿を削除する。そのときに
暗証キーが必要です。
  • ☆彡各グループへのレスの数によって評価が上がる！！
  • Webリアルタイムアンケート実施

13.情報の発信-グループ課題発表 7/22

  • 質問日（参加は自由）
  • 総評　Webリアルタイムアンケート実施

14.問題解決と意思決定に必要な情報とは

15.まとめ,講評

最終課題提出

中間作品,Profile(2004年度)

最終課題(2004年度)

理解度テスト(Flash編)
Copyright (C) 2003-2006 Yasuoka lab. All Rights Reserved.