KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/3rd/review

前回の復習

前回の内容

HTML(Hyper Text Markup Language)を使った、 Webページの作成をはじめました。

まず、次のような概念を説明しました。

• World Wide Webとハイパーテキスト
• World Wide WebとHTML
• Webページの作成
• HTMLの書き方

次に、HTMLを使ったWebページの作成として、 タグ（文書の構造を示すマーク）をいくつか使ってみました。

• HTMLファイルの「骨組み」をつくる （html, head, title, body）
• 「見出し」をつくる （h1, h2, h3, h4, h5, h6）
• 「段落」と「改行」をつくる （p, br）
• 「リンク」をつくる （hr）
• 「水平線」をつくる （a href）

前回のポイント

前回の課題を見て、 いくつか気になるポイントがありました。 自分が提出した課題をチェックしてみましょう。

文書の構造がわかりやすいですか？

「h1、h2」や「p」などの要素を上手く使い分けていますか？
HTMLでは、タグを使うことで、文書の構造（かたち）を表現します。 「（大きな）見出し」「（小さな）見出し」「段落」など、 人間ならとくに意識しなくても区別できるものを、 コンピュータにも区別できるようにするのです。
文書の構造がコンピュータにわかるようになると、 文書中のどの情報が重要なのか、 「情報の優先順位（プライオリティ）」をコンピュータが判断できるようになります。 このような技術は「検索サイト」でよく用いられており、 検索結果で上位に表示されるためには重要になります。

文字の大きさの調整に見出しを使ってませんか？

「h1, h2, h3」要素は、「見出し」という構成要素をあらわしているものです。 文字の大きさを変えるために使ってはいけません。
「h1→h2→h3…」の順に、見出しの優先順位があり、h1は最も大きなレベルの見出しとなります。 次のように、 レベルの順番を入れ替えて使うようなことは、できるだけ避けましょう。

<h1>自己紹介</h1>
<h4>プロフィール</h4>
<h2>リンク集</h2>

リンクに使う文字は、具体的ですか？

前回の課題ではとくに指示はしませんでしたが、 リンクを作るときに、そのリンクに使う文章はとても重要です。 リンク先の内容がわかるような、具体的な文章にしましょう。
よく使われる表現には、次のようなものがあります。

• ページの役割
  • 例: トップページ、ヘルプ
• リンク先のページのタイトル
  • 例: 日付の表記に関するノート
• リンク先のページのタイトル + サイトの名前
  • 例: 日付の表記に関するノート(The Web KANZAKI)

次へ進んで、 今回の内容を見てください。

}}