見る人に優しいウエブ作成


Directory

はじめに
スペースの確保
画像の挿入
全体を仕上げる


Contents

優しいウエブ作成
HTML入門
画像処理入門
ページレイアウト入門
スタイルシート入門
用語集
サポートタグ

+++ 記載文のレイアウト +++

戻る
次へ

■ 画像の挿入

先程の方法で、読みやすくはなりましたがインパクトのあるページではありません。 もう少し、工夫してみましょう。テキストが多いので画像を少し挿入します。


My HomePage

はじめに
***********************************
***********************************
***********************************

次に
***********************************
**********************************
***********************************
***********************************
***********************************
**************************
**************************
*****************************
***********************************
***********************************
********************

見出しの部分は、テーブルとイメージを使って下記の様に記載してます。

<TABLE><TR>
<TD><IMG SRC="image.gif" WIDTH="8" HEIGHT="8" VSPACE="3"></TD>
<TD><FONT COLOR="#996600">はじめに</FONT></TD>
<TD><IMG SRC="image.gif" WIDTH="8" HEIGHT="8" VSPACE="3"></TD>
</TR></TABLE>

見出しと記載文の間が前ページでは、詰まっていて窮屈な感じでしたが、これで少しスペースを設ける事ができます。
又、記載文内のイメージは、下記の様に記載してます。

<IMG SRC="image.gif" WIDTH="32" HEIGHT="32" ALIGN="left">

ちよっとしたイメージを張り付けると感じがだいぶ変わります。




Prev | Home | Next




Copyright(C) 1999-2000, ken_yuu All Right Reserved.