KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/3rd/review のバックアップ(No.3)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2005/3rd/review へ行く。
  • 1 (2005-10-08 (土) 07:29:16)
  • 2 (2007-02-24 (土) 07:05:44)
  • 3 (2007-02-24 (土) 07:10:26)

前回の復習

前回の内容

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>
</pre>


***リンクに使う文字は、具体的ですか？ [#h453d8d1]
前回の課題ではとくに指示はしませんでしたが、
リンクを作るときに、そのリンクに使う文章はとても重要です。
リンク先の内容がわかるような、具体的な文章にしましょう。~
よく使われる表現には、次のようなものがあります。
--ページの役割
---例: トップページ、ヘルプ
--リンク先のページのタイトル
---例: 日付の表記に関するノート
--リンク先のページのタイトル + サイトの名前
---例: 日付の表記に関するノート(The Web KANZAKI)




次へ進んで、
今回の内容を見てください。
----
#navi2(Lecture/InfoDesignB2005/3rd,toc,next)