*前回の復習 [#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> #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) }} |