KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/4th/review の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2004/4th/review へ行く。

*前回の復習 [#p0e1af7a]

**前回の内容 [#v9c68ab3]
''HTML(Hyper Text Markup Language)''を使った、
Webページの作成をはじめました。

まず、次のような概念を説明しました。
-[[World Wide Webとハイパーテキスト>Lecture/InfoDesignB2004/3rd/Hypertext]]
-[[World Wide WebとHTML>Lecture/InfoDesignB2004/3rd/HTML]]
-[[Webページの作成>Lecture/InfoDesignB2004/3rd/WebWork]]
-[[HTMLの書き方>Lecture/InfoDesignB2004/3rd/HowToHTML]]

次に、HTMLを使ったWebページの作成として、
タグ（文書の構造を示すマーク）をいくつか使ってみました。
-[[HTMLファイルの「骨組み」をつくる>Lecture/InfoDesignB2004/3rd/head_body]]
（html, head, title, body）
-[[「見出し」をつくる>Lecture/InfoDesignB2004/3rd/heading]]
（h1, h2, h3, h4, h5, h6）
-[[「段落」と「改行」をつくる>Lecture/InfoDesignB2004/3rd/paragraph]]
（p, br）
-[[「リンク」をつくる>Lecture/InfoDesignB2004/3rd/link]]
（hr）
-[[「水平線」をつくる>Lecture/InfoDesignB2004/3rd/hr]]
（a href）

**前回のポイント [#ea45e96b]

:文字の大きさの調整に見出しを使ってませんか？|
「h1, h2, h3」要素は、「見出し」という構成要素をあらわしているものです。
文字の大きさを変えるために使ってはいけません。~
また、見出しにはレベルがあるので、次のように、
レベルの順番を入れ替えて使うようなことは、できるだけ避けましょう。
#pre(novervatim){{
COLOR(red):<h1>COLOR(black):自己紹介COLOR(red):</h1>
COLOR(blue):<h4>COLOR(black):プロフィールCOLOR(blue):</h4>
COLOR(green):<h2>COLOR(black):リンク集COLOR(green):</h2>
</pre>
}}


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


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

}}