第3章 第2節 ネットワークを活用した 情報の収集・発信 6 情報の多様な提示方法 7 構造を工夫した情報の表現方法 8 ウエブページの公開

Slides:



Advertisements
Similar presentations
1 第 3 章 第 2 節 ネットワークを活用した 情報の収集・発信 5 さまざまな表現方法の工夫 6 情報の多様な提示方法 7 構造を工夫した情報の表現方法 8 ウエブページの公開 情報 C プレゼン用資料(座学 34 ) 担当 早苗雅史.
Advertisements

第1章 第2節 情報伝達の工夫 第2節 情報伝達の工夫 1 情報伝達のさまざまな手段 2 コンピュータによる情報伝達の工夫.
コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
PowerPoint による プレゼンテーションの作成 2005 年 7 月 19 日 牧野真也 最初のスライドは通常表紙となる.
6 校務の情報化 6.学校に関する情報の発信.
PowerPointによるスライドの作成 文教 花子
情報基礎A 情報科学研究科 徳山 豪.
PowerPointによるスライドの作成 文教 花子
PowerPointによるスライドの作成 文教 花子
Microsoft PowerPoint IT講習会 /15 (Mon) テックサポーター  川田 拓.
お宅で必要な設定 ご家庭にて試されるときは 転送設定画面 ホームページビルダーを用意 (1)サイトの設定 (2)転送設定 を行ってください。
東京理科大学における ネットワーク利用上の注意
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
インターネット社会を生きるための 情報倫理
情報処理基礎 2006年 6月 1日.
プレゼンテーション用ソフトウェア Impress
Microsoft Office クイックガイド ~Word 2013~
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
情報処理 教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 塩田
情報処理 第13回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当:塩田 ここはメモを書く欄。
情報処理 第11回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当:塩田 ここはメモを書く欄。
情報処理 第12回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当教員 : 塩田
HTMLの記述と WWWにおける情報公開 遠藤
Microsoft Office 2010 クイックガイド ~PowerPoint編~
Microsoft PowerPointを使ってみよう
プレゼンテーション用ソフトウェア Impress
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
「コンピュータと情報システム」 07章 インターネットとセキュリティ
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
第2章 第3節 コミュニケーションにおけるネットワークの活用 情報Cプレゼン用資料(座学24) 担当 早苗雅史
情報関連教室オリエンテーション 情報関連教室 オリエンテーション C000.
第6章 インターネットと法律(前編) [近代科学社刊]
インターネット メールサーバ DNSサーバ WWWサーバ ファイアウォール/プロキシサーバ クライアント.
アプリケーション共有機能 〈参考〉 (図1) (図2)
PowerPointによるスライドの作成 文教 花子
高等学校 情報A (1)情報を活用するための工夫と情報機器 イ 情報伝達の工夫 いろいろな情報伝達の方法
第2章 第3節 コミュニケーションにおけるネットワークの活用 情報Cプレゼン用資料(座学24) 担当 早苗雅史
 パワーポイントによる教材作成    校内研修提示資料.
第2章 第3節 コミュニケーションにおけるネットワークの活用 情報Cプレゼン用資料(座学25) 担当 早苗雅史
中間発表 アリの王国更新 金華山の写真整理 柏崎 奈々 中間発表を始めます。
Webページを公開しよう! 公開前の点検とファイル転送 ユーザ名~user○○○ パスワード~自分で設定したもの
第3章 第2節 ネットワークを活用した情報の収集・発信(4) 情報Cプレゼン用資料(座学35) 担当 早苗雅史
第2章 第1節 情報通信の仕組み 1 ネットワークの仕組み 2 通信プロトコル 3 認証と情報の保護
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
【第1回】マルチメディアとは① 画像の処理 J000
ICT活用指導力チェックシート(小学校版)
コンピュータプラクティス I コンピュータプラクティスⅠ 校正 水野嘉明 校正.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
情報を活かすために 信頼できる情報を 信頼される情報を.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
第3章 第2節 ネットワークを活用した 情報の収集・発信 4 文書による情報開示
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
インターネット利用法実習 経営工学基礎演習a(第3週).
情報コミュニケーション入門b 第11回 Web入門(2)
コンピュータ リテラシー 担当教官  河中.
社会と情報 情報社会の課題と情報モラル 情報化が社会に及ぼす影響と課題
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
情報処理 第13回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当教員 : 塩田
PowerPointについて 効果的なプレゼンテーションを作成できるツール
PowerPointによるスライドの作成 文教 花子
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
PowerPointによるスライドの作成 文教 花子
第14回放送授業.
情報処理 第7回:Wordを用いた文書の作成 その1 May 31, 2019.
情報ネットワークと コミュニケーション 数学領域3回 山本・野地.
情報処理 II 第11回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当:塩田
Microsoft Office 2010 クイックガイド ~PowerPoint編~
Presentation transcript:

第3章 第2節 ネットワークを活用した 情報の収集・発信 6 情報の多様な提示方法 7 構造を工夫した情報の表現方法 8 ウエブページの公開 第3章 第2節 ネットワークを活用した情報の収集・発信 第3章 第2節  ネットワークを活用した       情報の収集・発信   6 情報の多様な提示方法   7 構造を工夫した情報の表現方法   8 ウエブページの公開 情報Cプレゼン用資料(座学34) 担当 早苗雅史 C34

1 表による表現 文書やWebページ作成時の適切な提示方法① 箇条書きや表を用いると,要点を簡潔にまとめることができる 6 情報の多様な表現方法 1 表による表現 文書やWebページ作成時の適切な提示方法① 箇条書きや表を用いると,要点を簡潔にまとめることができる 表にまとめると わかりやすい

6 情報の多様な表現方法 ウェブページ作成ソフトウエア①    表の挿入 行数・列数の決定 枠表示などの決定

2 画像を使ったウエブ 文書やWebページ作成時の適切な提示方法② 図・絵・写真などを用いると,わかりやすい 画像は使いすぎないようにする 6 情報の多様な表現方法 2 画像を使ったウエブ 文書やWebページ作成時の適切な提示方法② 図・絵・写真などを用いると,わかりやすい 画像は使いすぎないようにする

6 情報の多様な表現方法 画像ファイルの扱い タグによる 画像の挿入

ウェブページ作成ソフトウエア② 画像の挿入(ファイルから) 6 情報の多様な表現方法 ウェブページ作成ソフトウエア②    画像の挿入(ファイルから) ファイル名の決定

ウェブページ作成ソフトウエア③ 画像の挿入(ドラッグ アンド ドロップ) 6 情報の多様な表現方法 ウェブページ作成ソフトウエア③ 画像の挿入(ドラッグ アンド ドロップ) ドラッグ アンド ドロップ

ウェブページ作成ソフトウエア④ ロゴマークの挿入 6 情報の多様な表現方法 ウェブページ作成ソフトウエア④    ロゴマークの挿入 背景の決定 効果の決定 スタイルの決定

ウェブページ作成ソフトウエア⑤ アニメーションGIF 6 情報の多様な表現方法 ウェブページ作成ソフトウエア⑤    アニメーションGIF 時間・フレーム数 の決定 アニメーション 効果の決定 文字アニメーション の作成

1 参照とリンク 参照 ある情報の中で,別の情報のありかを示すこと ハイパーテキスト リンク箇所を選択すると,自動的に参照先を表示 参照 7 構造を工夫した情報の表現方法 1 参照とリンク 参照 ある情報の中で,別の情報のありかを示すこと ハイパーテキスト リンク箇所を選択すると,自動的に参照先を表示 2035年には,関東地方で皆既日食が 見られる。 詳しくは「理科年表」を参照せよ。 参照

7 構造を工夫した情報の表現方法 2 ウエブページのリンク 様々な形式へのリンク ファイルの決定

3 ウエブページの構造 線形構造 それぞれのページを直線的に並べた構造 単純で分かりやすい 7 構造を工夫した情報の表現方法 3 ウエブページの構造 線形構造 それぞれのページを直線的に並べた構造 単純で分かりやすい 階層構造 枝分かれするようにページを並べた構造 見たいところへすぐにジャンプする 階層構造 線形構造

7 構造を工夫した情報の表現方法 サイト管理ツール リンク構成やファイルリストなど サイト管理の便利な情報を表示

7 構造を工夫した情報の表現方法 フレームの作成 分割方法の決定 対象フレームの選択 リンクファイルの選択

1 ウエブサーバへの設置 公開 HTMLファイルなどをウエブサーバへ転送 FTP(ファイル転送プロトコル) ブラウザでURLを指定 FTP 8 ウエブページの公開 1 ウエブサーバへの設置 公開 HTMLファイルなどをウエブサーバへ転送 FTP(ファイル転送プロトコル) ブラウザでURLを指定 インターネット FTP ウエブサーバ

8 ウエブページの公開 FTP用ソフトウエア 接続サーバーの決定 サーバー名 アカウント名 パスワード 転送ボタン クライアント サーバー

2 情報発信にともなう責任 誤った内容を公開していないか プライバシーを侵害していないか 他人を誹謗中傷したり差別したりしていないか 8 ウエブページの公開 2 情報発信にともなう責任 誤った内容を公開していないか プライバシーを侵害していないか 他人を誹謗中傷したり差別したりしていないか 知的財産権を侵害していないか ウイルスを含んでいないか 偽造・虚偽,詐欺的な内容でないか わいせつ・暴力などの有害情報ではないか

3 ウエブページの更新と保守 ページの公開とフィードバック メールなどで寄せられる意見を大切にし 内容の改良に役立てる 自分なりの評価 8 ウエブページの公開 3 ウエブページの更新と保守 ページの公開とフィードバック メールなどで寄せられる意見を大切にし 内容の改良に役立てる 自分なりの評価 更新 ウエブページの情報を 新しいものする作業 保守 ウエブページの情報を 正しい状態に維持する作業

ウエブページの評価① ルールとマナー 評価する項目 知的財産権を侵害していない 他人を誹謗中傷したり差別したりしていない 8 ウエブページの公開 ウエブページの評価①   ルールとマナー 評価する項目 自己評価 知的財産権を侵害していない 他人を誹謗中傷したり差別したりしていない 個人情報や肖像権が守られている 人権への配慮がなされている 文化や習慣が異なる人が見ても不快な思いをしない 誤った内容を公開していない

ウエブページの評価② 構成と内容 評価する項目 全体的なスタイルが統一されているか 魅力的なテーマ設定になっているか 8 ウエブページの公開 ウエブページの評価②   構成と内容 評価する項目 自己評価 全体的なスタイルが統一されているか 魅力的なテーマ設定になっているか ターゲットが明確になっているか 見る人が理解しやすい情報の構成になっているか 表・グラフなどを効果的に用いているか 画像やアニメーション・サウンドなどが効果的に用いられているか