ホームページビルダー１８ フルCSSテンプレートにはバナー画像があらかじめ用意されています。その使い方は簡単な面と、難しい面があります。

  バナーの数を減らすことは簡単です。リスト項目の編集から削除することができます。画像の編集は背景画像の編集で可能です。 バナーの数を増やすことは簡単ではないようです。（以下にテンプレートのHMTL,CSSコードの抜粋を載せています。） バナーはリストで構成されています。バナー画像は各リスト項目の背景として、id ごとに指定されています。 任意の画像を持つバナーを増やすには、リスト項目を別のIDで増やして、そのIDに対するスタイルをCSSに追加する必要がありそうです。 ページ（HTML）

 <div id="banner">
 <h3 class="hpb-c-index">バナースペース</h3>
 <ul>
 <li><a href="access.html" id="banner-access">アクセス</a>
 <li><a href="#" id="banner-netshop">ネットショップ</a>
 <li><a href="itemlist.html" id="banner-category1">商品カテゴリ1</a>
 <li><a href="itemlist.html" id="banner-category2">商品カテゴリ2</a>
 <li><a href="itemlist.html" id="banner-category3">商品カテゴリ3</a>
 </ul>
 </div>

スタイル（CSS)
#banner a#banner-access{
 /* アクセスバナー */
 background-image : url(banner_2G_01.png);
}
#banner a#banner-netshop{
 /* ネットショップ */
 background-image : url(banner_2G_02.png);
}
#banner a#banner-category1{
 /* 商品カテゴリ1 */
 background-image : url(banner_2G_03.png);
}
#banner a#banner-category2{
 /* 商品カテゴリ2 */
 background-image : url(banner_2G_04.png);
}
#banner a#banner-category3{
 /* 商品カテゴリ3 */
 background-image : url(banner_2G_05.png);
}

ホームページビルダー教室、今週の授業では、生徒さんが２つ目のサイトを公開しました。公開に先立ち、サーバー（ロリポップ）をマルチドメインで利用するために、追加のドメインを取得。サーバー上そのドメイン用のフォルダを作成して、設定しました。ドメイン名が伝播される間は   というような状態になっていましたが、授業中に新しいドメインでアクセスできるようになったので、授業時間内に公開することができました。ホームページビルダー１７フルCSSテンプレートを使っての作成です。レンタルサーバーの使い方も授業の範囲です。

ホームページビルダー１８のフルCSSテンプレート、ワードプレステンプレートどちらも、例えば表（TABLE）はテンプレートのスタイルシートによって、書式が決められています。 時にはその書式では満足いかない場合があります。下の例では、上の表はテンプレート通り、下の表はフォントを小さく、余白を狭くしています。

スタイルシートエクスプレスを使って、以下のようなスタイルを追加して実現しています。 table#hpb-gallery-table td,th{ font-size : 8pt; text-align: left; padding-top : 2px; padding-left : 8px; padding-right : 8px; padding-bottom : 5px; vertical-align : top; } table#hpb-gallery-table th{ background-color: #ffffff; color: #000000; height: 5px; padding-bottom : 0px; padding-top : 0px; } スタイルシート・エクスプレスの使い方（CSSの編集）もホームページビルダー教室での授業の範囲内です。

ホームページビルダー教室では生徒さんのホームページ作成事例を紹介しています。 ワードプレス・テンプレート、フルCSSテンプレート、自作、有料レンタルサーバー（さくらインターネット、ロリポップ、ホームページビルダーサービス）、無料サーバー（FC2）など、様々なパターンをご覧いただけます。道具（ホームページビルダー１８）の使い方に限らず、ホームページの作成・公開・SEOまで面倒をみております。

ホームページビルダー作成事例こちら