プレゼンテーションからホームページ作成まで 情報システム入門 A 総合情報センター 非常勤講師 ：中山 進.

Presentation on theme: "プレゼンテーションからホームページ作成まで 情報システム入門 A 総合情報センター 非常勤講師 ：中山 進."— Presentation transcript:

1 プレゼンテーションからホームページ作成まで 情報システム入門 A 総合情報センター 非常勤講師 ：中山 進

2 図を使い、写真を 全画面表示 皆さん入学おめでとう ようこそ東海大学へ

3 情報システム入門 A （情報リテラシー入門） 総合情報センター 非常勤講師 ：中山 進

4 目次ページ１ １ 必要なもの 1.1 ハードウェア 1.1 ハードウェア 1.1-1 コンピュータとディスプレイ 1.1-1 コンピュータとディスプレイ 1.1 ‐ 2 表示方法と必要なハードウェア 1.1 ‐ 3 コンピュータ用プロジェクター 1.2 ソフトウェア（アプリケーションソフト） 1.2 ‐ 1 PowerPoint 1.2 ‐ 2 画像処理ソフト 1.2 ‐ 3 音声や動画の再生用ソフト 1.2 ‐ 4 素材集 2 シナリオの作成と材料の準備2 シナリオの作成と材料の準備 2.1 外見より中身 2.2 表題を決める 2.3 シナリオを決める 2.3-1 河鍋暁斎記念美術館紹介 2.3-2 ヒキガエルはどうやって繁殖池を見つけるか 2.4 資料の準備 2.4 ‐ 1 写真 2.4 ‐ 2 写真のサイズとドットの数（画素数） 2.4 ‐ 3 画像ファイルの圧縮 2.4 ‐ 3 画像ファイルの圧縮

5 目次ページ２ 2.4 ‐ 4 図や表 2.4 ‐ 4 図や表 2.4 ‐ 5 文章 2.4 ‐ 5 文章 2.4 ‐ 6 音楽と音声 2.4 ‐ 6 音楽と音声 2.4 ‐ 7 静止画と動画 2.4 ‐ 7 静止画と動画 3 シナリオを画面にわりふる作業 3.1 時間配分（枚数と時間）3.1 時間配分（枚数と時間） 3.2 スライドのわりふり 3.2 スライドのわりふり 3.3 各スライドの仮レイアウト 3.3 各スライドの仮レイアウト 4 スライドの作成 4.1 PowerPoint の開始 4.1 PowerPoint の開始 4.2 レイアウトを決める 4.2 レイアウトを決める 4.3 画面に文字を書く 4.3 画面に文字を書く 4.3-1 文字を書く 4.3-2 文書を画面にコピーする 4.3-2 文書を画面にコピーする 4.3-3 文字の書体、サイズ、配置 4.3-3 文字の書体、サイズ、配置 4.3-4 文字の色 4.3-4 文字の色 4.3-5 ワードアート 4.3-5 ワードアート 4.4 画面の背景を決める（単色、写真）4.4 画面の背景を決める（単色、写真） 5 画像・グラフ・表を扱う 5.1 画面に図、静止画、写真などを入れる 5.1-1 用意してあるファイルから画像をスライドに入れる

6 目次ページ３ 5.1-2 画像の拡大縮小、変形 5.1-2 画像の拡大縮小、変形 5.1-3 画像のサイズ 5.1-3 画像のサイズ 5.2 画面上でのグラフの作成 5.3 画面上での図形の作成 5.3 画面上での図形の作成 5.3-1 図形の描き方 5.3-2 図の重なり 5.3-2 図の重なり 5.3-3 グループ化 5.3-3 グループ化 5.4 画面上での表の作成 5.4-1 レイアウトを作って表を作る 5.4-2 挿入メニューで表を作る 5.4-2 挿入メニューで表を作る 5.4-3 表の大きさを変える 5.4-3 表の大きさを変える 5.4-4 罫線の変更 5.4-4 罫線の変更 5.4-5 表の行や列を加える 5.4-5 表の行や列を加える 5.4-6 セルに色をつける 5.4-6 セルに色をつける 5.5 音声や動画（ビデオ）の入れ方 5.5-1 用意したファイルから音声や動画を入れる 5.5-2 声や音楽を画面で直接録音して入れる 5.5-2 声や音楽を画面で直接録音して入れる 5.5-3 音楽ＣＤの中の曲をスライドで使う 5.6 クリップアートを挿入する 5.7 数式を入力 6 さらに一歩深く 6.1 スライドの装飾（背景の再設定）6.1 スライドの装飾（背景の再設定）

7 同系色は避けると同時に、明るい背景に は暗い文字を、暗い背景には明るい文字 をというようにコントラストにも注意す る ことにこった背景を用いるときは注意を 払う 文字の 色 文字の色と背景の色の関係

8 同系色は避けると同時に、明るい背景に は暗い文字を、暗い背景には明るい文字 をというようにコントラストにも注意す る ことにこった背景を用いるときは注意を 払う 文字の 色 文字の色と背景の色の関係

9 読みやすい組み合わせの例 濃い背景の色には薄い文字の 色 できれば違った色で 文字の 色 文字の色と背景の色の関係

10 ワードアート ワードアートとは、文字に特別な装 飾を加えた飾り文字といわれるもの。 【挿入（Ｉ）】 → 【図（ P ）】 → 【ワードアート（ W ）】の順にクリッ クする 音声付きムービーを見る ワードアートの実例

11 ワードアートの具体例 中山 進のホームページへどうぞ http://pubweb.cc.u- tokai.ac.jp/snaka32/sample2.htm

12 画面の背景を決める （単色、写真） 【書式（ O ）】 → 【背景（ P ）】の順にク リックすると背景の設定画面が表示され る。ここで色や塗りつぶし効果などの設 定を行う。 前述したとおり、背景色は文字の色と のコントラストを考えて、スライドの文 字が読みやすいものを選ぶ。ここでは単 色、写真について説明する。 音声付きムービーを見る 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

13 背景 単色 A 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

14 背景 単色 B 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

15 背景 単色 C 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

16 テクスチャ スライドの装飾 （背景の再設定） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

17 テクスチャ スライドの装飾 （背景の再設定） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

18 グラデーション スライドの装飾 （背景の再設定） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

19 グラデーション スライドの装飾 （背景の再設定） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

20 グラデーション スライドの装飾 （背景の再設定） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

21 パターン（派手な例） スライドの装飾 （背景の再設定） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動

22 スライドの装飾 （背景の再設定） パターン（地味な例） 先頭目次に移動先頭目次に移動 総合目次に移動総合目次に移動