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

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2004/4th/review へ行く。
  • 1 (2004-10-21 (木) 07:13:24)
  • 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, h3」要素は、「見出し」という構成要素をあらわしているものです。 文字の大きさを変えるために使ってはいけません。
また、見出しにはレベルがあるので、次のように、 レベルの順番を入れ替えて使うようなことは、できるだけ避けましょう。

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


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




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