プレゼンテーションからホームページ作成まで

Presentation on theme: "プレゼンテーションからホームページ作成まで"— Presentation transcript:

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

2 皆さん入学おめでとう 図を使い、写真を 全画面表示

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

4 目次ページ１ １ 必要なもの 1.1 ハードウェア 1.1-1 コンピュータとディスプレイ 1.1‐2 表示方法と必要なハードウェア
１　必要なもの 　　　　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.1　外見より中身 2.2　表題を決める 2.3　シナリオを決める 2.3-1　河鍋暁斎記念美術館紹介 2.3-2　ヒキガエルはどうやって繁殖池を見つけるか 2.4　資料の準備 2.4‐1　写真 2.4‐2　写真のサイズとドットの数（画素数） 　 2.4‐3　画像ファイルの圧縮

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

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

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

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

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

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

11 ４.３-５ 　ワードアート　具体例 飾り文字 図形になっているのである 飾り文字はフォントではない 先頭目次に移動　　総合目次に移動

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

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

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

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

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

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

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

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

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

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

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