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

　講座第３週「強調表示とリンクでページを飾る」を始めます。

課題１１：大事な語句を強調しなさい

●ステップ１：ノート代わりに、"oedit"を開きなさい

• １："Oedit"を起動しなさい。
• ２："Oedit"の左上、"htm"のボタンが押されていますか？　押されていなければ、"htm"のボタンをクリック。
• ３："Oedit"の左上、「ファイル」→「名前を付けて保存」。
• ４：「保存する場所」は「ＨＰ講座」のフォルダ。
• ５：「ファイル名」は、"subject11.html"。
• ６：「保存」

●ステップ２：助走問題（３問）

▼助走問題１：超かんたん問題

• １："Oedit"の１行目に、以下の文章をコピー＆ペーストしなさい。

  <p>　子どもは、ほんとうは算数が大好きです。</p>
  <p>　にもかかわらず、算数が嫌いだという子が増えて
  きたのは、教師の責任です。教師の教え方に問題が
  あります。</p>
  

• ２：この文章中の"算数"という語句を、「」（かぎかっこ）でくくりなさい。「」を出すキーは、右のほうにあります。
• ３：正解は以下の通りです。

  助走問題１の答え

▼助走問題２：かんたん問題

• １：２行あけて、"Oedit"に以下の文章をコピー＆ペーストしなさい。

  <p>　子どもは、ほんとうは算数が大好きです。</p>
  <p>　にもかかわらず、算数が嫌いだという子が増えて
  きたのは、教師の責任です。教師の教え方に問題が
  あります。</p>
  

• ２：この文章中の"算数"という語句を、「」でくくりなさい。
  　また"教師"という語句を、『』でくくりなさい。
• ３：ちなみに「」を打った直後にスペースキーを押していけば、何回目かで『』に変換されます。
• ４：正解は以下の通りです。

  助走問題２の答え

▼助走問題３：ちょいムズ問題

• １：２行あけて、"Oedit"に以下の文章をコピー＆ペーストしなさい。

  <p>　子どもは、ほんとうは算数が大好きです。</p>
  <p>　にもかかわらず、算数が嫌いだという子が増えて
  きたのは、教師の責任です。教師の教え方に問題が
  あります。</p>
  

• ２：この文章中の"算数"という語句を、<em>と</em>でくくりなさい。
  　また"教師"という語句を、<strong>と</strong>でくくりなさい。
• ３：もちろん、コピー＆ペーストして構いません。
• ４：正解は以下の通りです。

  助走問題３の答え

●ステップ４：解説を読みなさい

• １：助走問題３の正解をブラウザで開くと、以下のようになります。

  助走問題３の答えをブラウザで開く

• ２：以下の解説を、声に出して読みなさい。

  　<em>と</em>でくくった"算数"は、イタリック体で表示されます。
  　<strong>と</strong>でくくった"教師"は、太字で表示されます。

  　<em>〜</em>と<strong>〜</strong>は、どちらも強調したい語句を くくるタグです。タグ辞典を調べると、以下のように書かれています。

  <em>〜</em>→強調語句。強調。

  <strong>〜</strong>→最強調語句。より強い強調。

  　音楽用語に喩えれば「フォルテ」と「フォルテシモ」みたいな感じです。

  　em と言うのは、英語の emphasis の頭文字です。
  　日本人には馴染みのない単語ですが、英和辞典を引くと「強調」「重 要性」「注目」「重要視」を意味する名詞とされています。
  　TOSS教師にとっては「 EM で植物がよく育つさま」をイメージすれば 覚えやすいでしょう。

  　対して、strong は日本人にも馴染みがある英単語です。
  　意味は「強い」「力がある」「たくましい」です。

  　日本人にとって、強調語句をイタリック体（斜体）にすることは、 あまり馴染みがありません。
  　ですが、欧米ではごく一般的な印刷表現のようです。

  　私が作ったＣＳＳでは、この「日本人にとってのイタリック体の 馴染みの無さ」を考慮して、以下のように設定してあります。

  <em>〜</em>：イタリック体ではなく、太字で表示。

  <strong>〜</strong>：太字だけではなく、色を変えて表示。

• ３：助走問題３の正解に、ＣＳＳを結びつけると以下のように表示されます。
  アドレスをクリックし、自分の目で確認しなさい。

  助走問題３の答え＋ＣＳＳ

●ステップ５：本題

• １：２行あけて、"Oedit"に以下の文章をコピー＆ペーストしなさい。

  <p>　技術は現場で必要とされる。</p>
  <p>　現場は、目的を達成するためにあらゆる手段を
  考える。そこに技術が生まれる。あるいは技術が
  必要とされる。</p>
  

• ２：この文章中の"現場"という語句を、<em>と</em>でくくりなさい。
  　また"技術"という語句を、<strong>と</strong>でくくりなさい。（助走問題３がヒントです）
• ３：答えを書いた人は、"Oedit"を「保存」しなさい。（"Oedit"の左上、「ファイル」→「上書き保存」）