5-2

 後悔しない公開に
   素人っぽさを消しましょうか。


『答え』 ちょっとした部分で素人っぽさを隠せます。

良く見かけるサイトで、惜しいなあって思う部分が3点あります。
それは「リンクの枠線」と「ホームページタイトル」と「リンクの文字色」のことです。

■1■ リンクの枠線
画像をリンクに使う時に普通にタグを書くと

<A HREF="abc.html"><IMG SRC="go.gif"></A>

こうでしたね。するとブラウザで見た時に下のように枠線がついちゃいます。

なんだか素人っぽくて嫌だーって方も多いのです。デザイン的にも見苦しいですしね。
そういう時は下のようにタグを書くのですよ。

<A HREF="abc.html"><IMG border=0 SRC="go.gif"></A>

そうするとこんな感じで枠線が消えます。はい。

そうです。この border=0 がミソです。これにて一件落着。

■2■ ホームページのタイトル
今度ホームページを作りました〜 良かったら見に来てブックマークをお願いしまーす♪ なーんてメールを戴くので、ほいっとブックマークを付けてみたら、なんと題名がindex.htmlってなっちゃって誰のどんなサイトか開けてみないとわからなくなったって言うこと多くないですか?
(御自身も注意しましょうね)。これはHTMLの中にタイトルを埋め込んでないからなんです。
見本は下記の通りです。

<HTML>
<HEAD><TITLE>OZの楽しいホームページだよ♪</TITLE></HEAD>
<body>

こんな感じで先頭に title タグを入れるだけのことです。
titleタグで挟んだコメントがブックマークの題名になります。(IEのバージョンによっては都度リネームも出来ますけどね)

■3■ リンクの文字色
リンクを設定した時に画像の周りに出る枠線は1で解消できたと思いますが、文字の画愛は文字色に 影響が出てきます。例えば、こんな感じでしょうか。
HP道場2
リンクの文字色が青っぽく出てますね。リンク先が訪問済みだと紫っぽい文字になります。
この文字色を緑色で固定しようと思うと、BODYタグでコントロールします。

<BODY bgcolor=white link=green vlink=green>

これでリンク文字が緑色で統一されます。linkとvlinkを別の色指定することで訪問前と訪問済みの 区別も可能ですからお試しくださいね。

さあさあ これで素人っぱさを消しておけば、初心者だってことがばれません。(...かな?)

質問メール  OZ道場メニュー