複雑に見えますが、実は簡単♪
Level 03と04の応用です。
この画像もウェブアートデザイナーで作りました。
４角形塗りつぶしの線の色をグレーにして(塗りつぶしは黒)、分割した境界線を、はっきりさせているだけです。(フォントは、ウインドウズの標準で入ってるArialを使ってます。)

ここまで一枚の画像を作る説明をしてきましたが、実はデメリットもあるんです。
画像が、このくらいの大きさ(700*420)になると、重さもそれなりになります。

重い画像は、表示されるのが遅いのでトップページで使ってしまうと表示される前にブラウザを閉じられるという致命的なことになってしまいます。

ブロードバンド時代とはいっても、まだまだ遅い回線の方もいるわけで表示される時間は速いにこしたことがありません。

そこでっ！

そんな、デメリットを解消してしまう
大きな画像に見えるんだけど、表示も速い裏技は、コチラからどうぞ！
　　　　　　そんなたいしたもんじゃありません...