ホームページ作成(5)

シェアする

  • このエントリーをはてなブックマークに追加

・サイド/本文の設定       
1)左サイドの設定

今回は実際にコンテンツを入力するエリアです。

まずは左サイドのエリアから

スタイルエクスプレスビューを表示して左サイドのエリアをクリックして
2番目のDIVを右クリックしてルールの新規作成を選択するところまでは
今までと同様です。

IDを選択し、名前にleftを入力
属性も設定するのチェックボックスにチェックをいれる

OKボタンを押下するとスタイルの構成の画面が表示されます。

レイアウトタブを選択して

上方向 パディング 10ピクセル
左方向 パディング  5ピクセル

を設定

位置タブ

幅145ピクセル
属性 回り込み 左

を設定

2)本文

スタイルエクスプレスビューを利用するところまでは上記と同様です。

IDを選択し、名前にhonbunを入力
属性も設定するのチェックボックスにチェックをいれる

OKボタンを押下するとスタイルの構成の画面が表示されます。

レイアウトタブを選択して

上方向 パディング 10ピクセル
左方向 マージン   5ピクセル
右方向 マージン   5ピクセル

を設定

位置タブ

幅600ピクセル
属性 回り込み 左

を設定

文字レイアウトタブ

左揃えを選択

3)右サイドの設定

スタイルエクスプレスビューを利用するところまでは上記と同様です。

IDを選択し、名前にrightを入力
属性も設定するのチェックボックスにチェックをいれる

OKボタンを押下するとスタイルの構成の画面が表示されます。

レイアウトタブを選択して

上方向 パディング 10ピクセル
右方向 パディング  5ピクセル

位置タブを選択して

幅  145ピクセル
属性 回り込み 右

を設定

・今回の感想             
配置が少し固まってきた気がします。
ただまだ課題のタブメニューが有るのでもう少し頑張らないといけませんね

※各要素の幅は便宜的にとっているのでトータルの幅を超えない範囲で
自由に変えることが出来ます。

スポンサーリンク
PC用
PC用

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
PC用