愛子のマーケティングデザイン講座

愛子のマーケティングデザイン講座

レイアウト【New!】

組み合わせてレイアウト をしています。


これなら、覚えられそうですよね。




セルを横に3つ結合する
セルを縦に2つ結合する
左上に表示
真中に表示
右下に表示






<center>
<table width="400" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000" background="bg.gif">
<tr bgcolor="#ffffff">
<td colspan="3">セルを横に3つ結合する</td>
<td rowspan="2">セルを縦に2つ結合する</td>
</tr>
<tr bgcolor="#ffffff">
<td height="150" valign="top">左上に表示</td>
<td align="center">真中に表示</td>
<td align="right" valign="bottom">右下に表示</td>
</tr>
</table>
</center>







最近のソフトでは、いろいろな機能が付いていますが、なるべく使わない方がよいです。


ブラウザによっては対応していない場合があり、パソコンの環境が変わってもなるべく同じように見えるデザインをした方がよいからです。


例えば、ホームページビルダーで言うなら「どこでも配置モード」、ドリームウェーバーなら「レイヤー」という機能がありますが、これは、文字の大きさやパソコンの解像度によってレイアウトが崩れやすくなるので、カンタンにレイアウトができるからと、利用しない方がよいです。


レイアウトが崩れるとどうなるかというと、


こちら


をご覧ください。



© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: