ホームページビルダー小技編
ホームページビルダー作成報告 > 小技編トップ > テーブルを使ってレイアウト
ページ、レイアウト関連
パーツ画像の役割
切り抜いた画像(パーツ)をどんな風に使うのか確認します。
<土台となるパーツ群>
サンプルページ
| ファイル名 | 用途 | |
|---|---|---|
| a.gif | タイトルバー | |
| b01.gif〜b03gif | リンクバー | |
![]() |
c,gif | 装飾A |
| d.gif | 装飾B |
<ページごとに変更しなければいけないパーツ群>
サンプルページ
| 1ページ目ファイル名 | 用途 | |
|---|---|---|
![]() |
1ページ目 01a.gif 2ページ目 02a.gif 3ページ目 03a.gif |
装飾C |
| 1ページ目 01b.gif 2ページ目 02b.gif 3ページ目 03b.gif |
背景画像 | |
| 1ページ目 01c.gif 2ページ目 02c.gif 3ページ目 03c.gif |
装飾D |
ページごとに変更しなければいけないパーツ群の作成
左側の線を水色に変更する
- スポイトマークのボタンをクリックし、水色の部分の色を取得する
←丸で囲んだ部分をクリックし、前景色と背景色を入れ替える
- 四角形(塗りつぶしのみ)を選択し、左側に幅30ピクセルの長方形を描くき、main.gifの上に重ねる(図参照)
装飾Dを作成する
- 背景色を白色に設定する
- 楕円形・円(塗りつぶしのみ)を選択
- シフトを押しながら30×30ピクセルの円を描く
- 描いた円を移動する
水色のパターンを描くことができたら、「ページごとに変更しなければならないパーツ群」の3つを切り抜きます。
切り抜いた後に紫色で同じように左側部分を作成し、切り抜いていきます。

