TOP > Expression > Expression Web > CSSレイアウト > DIVボックスをページに挿入してみよう

CSSレイアウトページを一から作ってみよう

最終更新日：2008/02/04 22:24:18

Expression Webを使って、CSS段組レイアウトページを作成するための手順を解説します。

TOP | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

DIVボックスをページに挿入してみよう

まず、Expression Webを使って、DIVボックスをページに挿入する方法について解説します。

新しいWebページを作成します。ツールバーの［新しいドキュメント］ボタン、もしくは、［Ctrl］+［N］キーを押します。
（<div>ボタン）をクリックすると、divが挿入されます。下の図のように、下に並べて3つのdivを挿入します。
次に、中央のdivの中に、二つのdivを挿入します。
コードビューまたは分割ビューに切り替えて、中央の<div>の要素にカーソルを移動したあと、（<div>ボタン）をクリックすると、スムーズに挿入できます。
15行目の末尾にカーソルを移動して、（<div>ボタン）をクリックすると、下の図のようになります。

TOP | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

INDEX