画像の練習

相対パス

  • 相対パスの理解には、基点(今自分のいる場所はどこか?)これが大事である。
  • 近いところから短い距離で持ってくるのが良い

検索エンジン対策

  • ページの構造は、同じように並べるのが良い(きちんと整理され、同じような配置が良い-ホテルの法則)
  • リンクを作成する際には、統一する(リンクにindex.htmlを書く、または書かないなど。)
  • 第一階層の中くらいしか見ない(応用として、ページを作成するときに、これを考えて構築するー見せたくない情報や読ませたい情報などは、どこに配置すべきかなど)

<html>
<head>
<title>リンクの練習01</title>
</head>
<body>
<p><a href="#">リンクのテキスト</a></p>
<p><a href="#"><img src="../image2012/04.jpg" alt="" title="モンドリアン"</a>
</p>
<p><a href="mailto:"></a></p>
<hr>
<address>住所</address>
<ul>
<li><a href="#"target="_blank"></a></li>
<li><a href="#"target="_blank"></a></li>
<li><a href="#"target="_blank"></a></li>
</ul>
</body>
</html>
<html>
<head>
<title>リンクの練習01</title>
</head>
<body>
<p><a href="#">リンクのテキスト</a></p>
<p><a href="#"><img src="0501.PNG" alt="" title="練習"</a>
</p>
<p><a href="mailto:"></a></p>
<hr>
<address>住所</address>
<ul>
<li><a href="#"target="_blank"></a></li>
<li><a href="#"target="_blank"></a></li>
<li><a href="#"target="_blank"></a></li>
</ul>
</body>
</html>

少しづつ、相対パスの理解ができたような手ごたえを感じています。お弁当の中のおかずとラップに包んだおにぎり(ファイル)のイメージを常に想像しながら、やっています。基点、自分のいる部屋(場所)から、他の部屋に置いてある画像を借りてくるための概念が相対パスである。Webの道は、険しいけれど、時間をかけて、ゆっくり登って行きたいなと思います。