第３章 第２節 ネットワークを活用した 情報の収集・発信（２） ４ 文書の構造と表現 第3章 第2節 ネットワークを活用した情報の収集・発信(2) 第３章 第２節 ネットワークを活用した 情報の収集・発信（２） ４ 文書の構造と表現 情報Cプレゼン用資料（座学33） 担当 早苗雅史 C33
１ 文書の枠組みとスタイル 本や雑誌のスタイル 見出し・本文，図や写真の説明文などに，それぞれ固有のスタイルを持っている ４ 情報の構造と表現 １ 文書の枠組みとスタイル 本や雑誌のスタイル 見出し・本文，図や写真の説明文などに，それぞれ固有のスタイルを持っている 見出 し 本文 図
２ ＷＹＳＩＷＹＧとマークアップ 文書の作成 Webページ ⇒ ③HTML ４ 情報の構造と表現 ２ ＷＹＳＩＷＹＧとマークアップ 文書の作成 ①WYSIWYG（What You See Is What You Get） ②マークアップ方式 Webページ ⇒ ③HTML WYSIWYG マークアップ <DIV style="width : 383px;height : 220px;top : 122px;left : 81px; position : absolute; z-index : 2; visibility : visible; " id="Layer2">
３ 基本的なウエブページの作成方法 ④HTMLソース（ソース） HTMLの基本的な書式（問１） ⑤タグ ４ 情報の構造と表現 ４ 情報の構造と表現 ３ 基本的なウエブページの作成方法 ④HTMLソース（ソース） HTMLの基本的な書式（問１） ⑤タグ <HTML> ←HTMLの開始 </HTML> ←HTMLの終了 <HEAD> ←HEADの開始 </HEAD> ←HEADの終了 タイトルなど，全体に関係するヘッダ情報を入力する。 <BODY> ←BODYの開始 </BODY> ←BODYの終了 表示するテキストや画像，リンク情報など本文を入力する。
HTMLソースとタグ① （問２） <html> <head> ４ 文書による情報開示 HTMLソースとタグ① （問２） <html> <head> <title >インターネット社会の光と影</title> </head> <body bgcolor="#ffff80"> <h1 align="center" >インターネット社会の光と影</h1> <h2>■インターネットの特徴</h2> タイトル 背景色 見出しの大きさと位置揃え
HTMLソースとタグ② （問２） <p>私たちはさまざまな ４ 文書による情報開示 HTMLソースとタグ② （問２） <p>私たちはさまざまな <font size=5 color="#ff0000">情報</font>を利用しています。<br> <u>インターネット</u>は，私たちの生活を <b>便利</b>にしてくれます。</p> <a href="http://www.nikonet.or.jp/spring/"> <img src="link.gif" border=0></a> </body> </html> 段落変え 文字の大きさと色 改行 下線 太字 （外部）リンク 画像の挿入と枠線幅