ホームページ作り方教室　〜必要最小限の学習で、法則化論文形式のページをTOSSランドに登録しよう〜

課題１０：作者名をくくりなさい

●ステップ１：１週間ぶりに変換しなさい

• １："Oedit"を起動しなさい。
• ２："Oedit"の左上、"txt"のボタンをクリック。"txt"は記号なし文章、"htm"が記号あり文章の意味です。
• ３："Oedit"の１行目に、次の文章をコピー＆ペーストしなさい。

  どんな子だって勉強できる子になれる！
  
  向山洋一
  
  第１章　「勉強できる子」の共通点
  
  １．「勉強できる子」は、一目でわかる
  　一口に「勉強できる子」といっても、さまざまな子がいます。
  　元気がいい子もいれば、おとなしい子もいます。自己主張がはっ
  きりした子もいれば、気持ちのやさしい子もいます。
  
  ２．テレビやテレビゲームの時間が少ない子ども
  　テレビを見る時間やテレビゲームをする時間と、子どもの知的
  好奇心、学習意欲には大きな関係があるように思えます。
  

• ４："Oedit"の左上、「ファイル」→「名前を付けて保存」。
• ５：「保存する場所」は「ＨＰ講座」のフォルダ。
• ６：「ファイル名」は、"subject10.txt"。末尾に注意。".html"がではなく".txt"です。
• ７：「保存」
• ８："EBTag"を起動しなさい。
• ９："EBTag"の左上に「入力ファイル」という細長い窓があります。
• １０：その窓の横の「...」をクリック。
• １１：「マイドキュメント」→「ＨＰ講座」→"subject10.txt"
• １２：「開く」
• １３："EBTag"の右下、<p> が書いてあるアイコン（絵文字）をクリック。
• １４：変換が上手くいったか確認します。（趣意説明）
• １５：「ＨＰ講座」のフォルダを開きなさい
• １６："subject10.html"（青いｅが付いた白いアイコン）が出来ているはずです。ダブルクリックしなさい。
• １７："Internet Explorer"が起動してホームページが表示されます。

●ステップ２：作者名を<address>〜</address>でくくりなさい

• １：ステップ１で変換したページ（"subject10.html"）のソースを開きなさい。（「表示」→「ソース」）
• ２：<p>〜</p>・<h1>〜</h1>・<h2>〜</h2>などの今週学習したタグが並んでいます。まだ学習していないタグが幾つかありますが、今は気にしないでください。
• ３：１６行目を以下のように書き直しなさい。もちろんコピー＆ペーストして構いません。

  <p>向山洋一</p>

  ↓

  <address>向山洋一</address>

• ４："Oedit"の左上、「ファイル」→「上書き保存」。
• ５："Oedit"の上の方、青い「ｅ」をクリック。
• ６：これで"Internet Explorer"の表示の「向山洋一」のところが変化します。「向山洋一」が右寄せになったら成功です。

●ステップ３：声に出して読みなさい

　<address>〜</address>は、そのホームページの「作者情報」をくくる「タグ」です。本で言えば「奥付」にあたります。

　具体的には以下のような情報を、１組の<address>〜</address>の中にくくっておきます。

• １：作者名
• ２：メールアドレス
• ３：所属
• ４：肩書き
• ５：ページの作成日
• ６：ページの最終更新日
• ７：個人サイトのホームページアドレス

　これはちょうど、メールの「署名」と同じものだと考えてください。
　作者名やメールアドレス（連絡先）等を明記することで、ホームページに書いた内容に責任を持つことが、社会人としてのマナーなのです。

　ホームページはどこからリンクされるか分かりませんから、全てのページに書いておく必要があります。
　文章のどこに何回書いても構いませんが、題名（<h1>〜</h1>）のすぐ下か、文章の末尾のどちらかに、１回だけ置くのが一般的です。

　なおページの作成日や更新日（修正日）を書くいておくのも大事です。
　そのページの情報が古いのか、新しいのかは、読み手にとって大事な判断基準となるからです。

●ステップ４：作者情報の中を強制改行しなさい

• １：ステップ２で書き直したソースを、更に書き直します。（趣意）
• ２：１６行目を、以下のように書き直しなさい。もちろんコピー＆ペーストして構いません。

  <address>向山洋一</address>

  ↓

  <address>
  ＴＯＳＳ代表・向山洋一
  http://www.tos-land.net/
  作成日：2002年7月5日（金）
  </address>
  

• ３："Oedit"を「上書き保存」。
• ４："Oedit"の青い「ｅ」をクリック。
• ５："Internet Explorer"の表示が「ＴＯＳＳ代表・向山洋一http://www.tos-land.net/作成日：2002年7月5日」と一列になってしまい、読みづらいです。
• ６：みたび、ソースを書き直します。
• ７：ステップ４の２で書き直したところを、以下のようにしなさい。

  <address>
  ＴＯＳＳ代表・向山洋一<br>
  http://www.tos-land.net/<br>
  作成日：2002年7月5日（金）
  </address>
  

• ８："Oedit"を「上書き保存」。
• ９："Oedit"の青い「ｅ」をクリック。
• １０："Internet Explorer"の表示が、次のように３行で表示されていれば成功です。

  　ＴＯＳＳ代表・向山洋一
  http://www.tos-land.net/
  作成日：2002年7月5日(金) 
  

●ステップ５：声に出して読みなさい

　<br>は「強制改行」のタグです。
　２個１組で何かをくくらずに、１個単独で使用する特殊なタグです。
　br は「（乗り物の）ブレーキ」「歯止め」を意味する Brake の頭文字です。より正確には Line Brake の省略形にあたります。

　<br>は、その気になれば<p>〜</p>や<h1>〜</h1>などの中でも使うことができます。

　ですが <br> には「無理矢理改行する」とか「強引に行を折り曲げる」といったニュアンスがあります。
　ワープロ等の普通の「改行」とは違うのです。

　ですから、段落や見出しの中に使うのは、あまり好ましくありません。
　主に<address>〜</address>の中を読みやすくするために使ってください。

●ステップ６：提出課題

• １：次の作者情報は、"Internet Explorer"での表示が１行になってしまいます。大変読みづらいです。

  <address>
  長崎市立小江原小学校
  伴　一孝
  作成日：2002年7月5日（金）
  </address>
  

• ２：この作者情報を書き直して、"Internet Explorer"での表示が３行になるようにしなさい。
• ３：１の作者情報を"Oedit"にコピー＆ペーストし、<br>を２個書き足すのです。