CSSレイアウトページを一から作ってみよう
HOME > Expression Webを使ってみよう > 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
