大きな画像に見えるんだけど、表示も速い裏技
さて、↑上の画像は、Level 02と同じように見えますが、ちょっとだけ違います。
どこが違うのかというと、画像の必要な部分だけをトリミング(切り出し)したものを、テーブルの背景に設定して一枚の画像のように見せています。

解説　Step01
↓まず、この画像をテーブルの背景に設定します。(443*420ピクセルにトリミング済み)


解説　Step02
↓続いて、この文字画像をテーブル内に挿入します。もちろん画像なのでリンクもつけられます。

(トリミングした画像は、大きさがわかりやすいように枠をつけてます。)


テキストだって入れられます
↓テーブルの背景に画像を入れたのでテーブル内に文字も書けちゃいます。

ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。 ここに文字が書けます。

テーブルに書いたテキストは、簡単に変更することができますので更新も楽です。
トップページに限らず、子のページでも、こんな感じで使うといいかもね♪

今回の場合、白背景の部分に文字の画像を重ねたので、うまく背景の画像と馴染んでますが、これを色のついた上に文字を重ねると、うまくいかない場合があります。

画像の重なりに失敗した例を見てみる。(もう、台無しって感じぃー)