サイトミニカスタマイズで差別化戦略 見出し編

差別化戦略

たくさんの人に集まってもらうために、サイト（ブログ）によって様々な工夫がなされていますね。
細かな装飾を施すことで、サイトの見栄えをよくしてみます。

手早くサイトやブログを構築するためにあまり手間をかけずにできるので、お薦めです。


簡単に言えば、

本物のサイトっぽく少しは綺麗に着飾ってみましょう！

のコーナーです（大袈裟ですかね＾＾；

特徴

お気づきだと思いますが、この記事の見出しの部分を見てください。

ブルーのバーに文字が中に格納されて、左の部分と下の部分にラインが引かれています。
また、左と下のラインの太さも違うのが特徴です。

画像を使ってサイトの見栄えをよくするためには、時間がかかり、この方法では、ＨＴＭＬの記述だけでこうした装飾が施せるので、場合に応じて利用のしがいがあると思います。

ＨＴＭＬの記述

<table cellpadding="0" cellspacing="0" bgcolor="#D5DFFF" width="425" height="23">
<tr>
<td style="border-left:#0040FF 3px solid; border-bottom:#0040FF  1px solid;" width="10">
&nbsp;
</td>
<td style="border-bottom:#0040FF  1px solid;">
<strong><font color="#000000">説明</font></strong>
</td>
</tr>
</table>


縮小版（コピペして使用してください）

<table cellpadding="0" cellspacing="0" bgcolor="#D5DFFF" width="425" height="23">
<tr><td style="border-left:#0040FF 3px solid; border-bottom:#0040FF  1px solid;" width="10">&nbsp;</td><td style="border-bottom:#0040FF  1px solid;"><strong><font color="#000000">ここに文字を入れる</font></strong></td></tr></table>


このまま利用してくださって構いませんが、下記で応用的利用法も説明しているので、しばしお付き合いください。

TIME誌が選んだベスト50ウェブサイト

何事にも上達するには模倣することが一番ですね。

イチローの振り子打法も田尾選手の影響を受けたと言われています。

オリジナルでサイトを作るためにも、良質なサイトは大変参考になると思います。


参考サイト：

Design walker 「TIME誌が選んだ50ベスト・ウェブサイト2007」　　←ＴＯＰ１０のサムネイルつきです

ＴＩＭＥ　「50 Best Websites 2007」

ＩＴＭｅｄｉａ記事　「Twitterもランクイン、「2007年のベストサイト50」