第3章 第2節 ネットワークを活用した情報の収集・発信(4) 情報Cプレゼン用資料（座学35） 担当 早苗雅史 第3章　第2節　ネットワークを活用した情報の収集・発信(4) 第３章　第２節 ネットワークを活用した情報の収集・発信（４） 　　　６　箇条書きや表を利用した表現 　　　７　ほかの情報を利用する 　　　８　マルチメディアの活用 　　　９　構造を工夫した情報の表現 　　１０　ウエブページの評価と公開 情報Cプレゼン用資料（座学35） 担当　早苗雅史 C35

１ 箇条書きや表の効果 ①箇条書きや②表を用いると，要点を簡潔にまとめることができる ６ 箇条書きや表を利用した表現 ６　箇条書きや表を利用した表現 １　箇条書きや表の効果 ①箇条書きや②表を用いると，要点を簡潔にまとめることができる 表にまとめると わかりやすい

６　箇条書きや表を利用した表現 ２　HTMLによる 　　　　　　　　　箇条書きと表の記述　 リスト 番号なしリスト <UL><LI>項目１<LI>項目２ ・・・・</UL> 番号ありリスト <UL><LI>項目１<LI>項目２ ・・・・</UL> テーブル <TABLE BORDER=罫線幅> 　　<TR><TD>セル1行1列</TD><TD>セル1行2列</TD></TR> 　　<TR><TD>セル2行1列</TD><TD>セル2行2列</TD></TR> 　　・・・ </TABLE>

HTMLによる箇条書き （問１） <UL> <LI>電子美術館，電子図書館 ６　箇条書きや表を利用した表現 HTMLによる箇条書き　（問１）　 <UL> 　<LI>電子美術館，電子図書館 　<LI>インターネットショッピング </UL> 番号なしリスト 項目

HTMLによる箇条書き （問２） <TABLE border=“1”> ６　箇条書きや表を利用した表現 HTMLによる箇条書き　（問２）　 <TABLE border=“1”> 　<CAPTION>著作者人格権の種類</CAPTION> 　<TR> <TH>人格権</TH><TH>種類</TH> </TR> <TR> <TD>公表権</TD><TD>公表する権利</TD> </TABLE> 表の作成，枠線幅 表題 行設定 見出しセル データセル

１ 参照と引用 ①参照 ある情報の中で，別の情報のありかを示すこと ②引用 別の情報を書き写して利用すること ７　ほかの情報を利用する １　参照と引用 ①参照 ある情報の中で，別の情報のありかを示すこと ②引用 別の情報を書き写して利用すること 著作権法第30条 「公表された著作物は，引用して利用することができる。」 ただし，報道，批評，研究などの目的で，最小限必要な量を，出典と範囲を明確に示すなど，公正な慣行に合致するものでなければならない。

２ WWWとリンク <A HREF=“リンク先”>リンクテキスト</A> リンク ７ ほかの情報を利用する ７　ほかの情報を利用する ２　WWWとリンク リンク <A HREF=“リンク先”>リンクテキスト</A> 様々な形式へのリンク ファイルの決定

ファイルへのリンク 表示先の指定（別ウインドウ） メールの送信リンク（アドレスと件名指定） ７　ほかの情報を利用する HTMLによるリンク　（問３）　 <A href=“page_1.htm” target=“_blank”> インターネット社会の光と影</A> <A href=“page_1.htm#LABEL_1_1”> インターネットの特徴</A> <A href= mailto:sunny@nikonet.or.jp?Subject=早苗先生へ><IMG src=“mail.gif”></A> ファイルへのリンク　表示先の指定（別ウインドウ） ページ内ラベルへのリンク メールの送信リンク（アドレスと件名指定）

８　マルチメディアの活用 １　マルティメディアとは ①テキスト情報 文字情報 ②マルティメディア 画像・音・動画などを組み合わせる

２ ウエブページに おける画像の扱い （問４） 画像ファイルに対するリンクを用意する 画像をウエブページの中に埋め込む （埋め込み画像） ８　マルチメディアの活用 ２　ウエブページに 　　　　　　　おける画像の扱い　（問４） 画像ファイルに対するリンクを用意する 画像をウエブページの中に埋め込む （埋め込み画像） 背景画像として扱う

HTMLにおける画像ファイル <IMG SRC=“画像ファイル” ALT=“説明文”> ８　マルチメディアの活用 HTMLにおける画像ファイル 埋め込み画像　（HTML) <IMG SRC=“画像ファイル” ALT=“説明文”> 埋め込み画像　（CSS) セレクタ ｛background-image : url (画像ファイル)｝

８　マルチメディアの活用 Webでの画像ファイル Webでの画像 ③GIF　④JPG　⑤PNG ⑥サムネイル

１ 線形構造と階層構造 （問５） ①線形構造 それぞれのページを直線的に並べた構造 単純で分かりやすい ９　構造を工夫した情報の表現 １　線形構造と階層構造　（問５） ①線形構造 それぞれのページを直線的に並べた構造 単純で分かりやすい ②階層構造 枝分かれするようにページを並べた構造 見たいところへすぐにジャンプする 階層構造 線形構造

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

２ ウエブ ナビゲーションとナビゲーションリンク ９　構造を工夫した情報の表現 ２　ウエブ ナビゲーションとナビゲーションリンク ③ナビゲーションリンク 最初のページへのリンクを入れておくことも，使いやすいウエブページへにするための工夫の一つ

１ ウエブサイトの評価 ①チェックリストの作成 チェックリストの効用 大切な事柄の見落としを防ぐ １０　ウエブページの評価と公開 １　ウエブサイトの評価 ①チェックリストの作成 チェックリストの効用 大切な事柄の見落としを防ぐ ほかの人の評価の重要性 問題点を客観的に見つけることができる

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

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

２ ウエブサーバへの設置 公開 HTMLファイルなどを ②ウエブサーバへ転送（④アップロード） ③FTP（ファイル転送プロトコル） １０　ウエブページの評価と公開 ２　ウエブサーバへの設置 公開 HTMLファイルなどを ②ウエブサーバへ転送（④アップロード） ③FTP（ファイル転送プロトコル） ブラウザでURLを指定 インターネット FTP ウエブサーバ

ＦＴＰ用ソフトウエア １０ ウエブページの評価と公開 接続サーバーの決定 サーバー名 アカウント名 パスワード 転送ボタン クライアント １０　ウエブページの評価と公開 ＦＴＰ用ソフトウエア 接続サーバーの決定 サーバー名 アカウント名 パスワード クライアント サーバー 転送ボタン

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

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