良く見かけるサイトで、惜しいなあって思う部分が3点あります。
それは「リンクの枠線」と「ホームページタイトル」と
「リンクの文字色」の3点です。これを解決して、素人っぽさを隠しちゃいましょう。
■1■ リンクの枠線
画像をリンクに使う時に普通にタグを書くと下記のタグでしたね。
<A HREF="abc.html"><IMG SRC="go.gif"></A>
|
リンクとしては問題ないのですが、ブラウザで見た時にリンク画像に枠線がついてしまいます。
ページ全体のデザイン性も損なわれて見えますね。このリンク枠線は消しておきたいものです。
解消方法は下記の書式です。
<A HREF="abc.html"><IMG border=0 SRC="go.gif"></A>
|
このBORDER属性処理は、最近のHTMLでは非推奨となったらしいので、もう1つの方法を記載します。
<img src="go.gif" style="border-style:none;" />
|
これにて一件落着ですね、ねっ?。
■2■ ホームページのタイトル
今度ホームページを作りました〜ブックマークをお願いしまーす♪ なーんてメールを頂きます。それでブックマークを付けてみたら、
ブラウザの上に現れるタイトルがindex.htmlだったりします。
折角のホームページですから、ページに題名を付けておきたいものです。下記のように冒頭に書き込むだけです。
<HTML>
<HEAD><TITLE>素人っぽさを隠そう!</TITLE></HEAD>
<body>
|
<HTML>の下にある<HEAD>と</HEAD>の間に<TITLE>を入れるだけです。簡単ですね。
ブラウザの上を確認下さい。ちゃんと「素人っぽさを隠そう!」って出てますよね。
■3■ リンクの文字色
リンクを設定した時に画像の周りに出る枠線は■1■で解消しましたね。文字の場合は文字色に影響が出てきます。
例えば、こんな感じでしょうか。
HOME PAGE SCHOOL
リンク先が未訪問だとリンク文字が青色、リンク先が訪問済みだと紫っぽい文字色になります。これを指定色にする技です。
<body>タグでコントロールします。
<BODY bgcolor=white link=green vlink=green>
|
リンク文字が緑色で統一される書式です。linkとvlinkを別の色指定することで訪問前と訪問済みの区別も可能ですからお試しください。
以上3点は理解されましたか。これで素人っぱさを消しておけば、ホームページ公開に後悔することはありません。(^^)/