FrontPage2003【ダイナミックWebテンプレートでホームページ作成】021：ダイナミックWebテンプレートに新しいテーマ画像を適用する

【FrontPage2003ダイナミックWebテンプレートでホームページ作成】021：ダイナミックWebテンプレートに新しいテーマ画像を適用する

テーマの画像を自分で作成（またはフリー素材サイトなどからダウンロード）します（ここでは、IBMホームページビルダー11付属のウェブアートデザイナーの素材を使います）。

No.

簡単な説明

操作画像（クリック→拡大ウィンドウ表示）

227

右のような幅150ピクセル、高さ52ピクセルの画像を3つ用意します。

demo_a.gif

demo_b.gif

demo_c.gif

228

テーマを新規作成します

229

作業ウィンドウ（テーマ）の一番下にある「新しいテーマの作成」をクリックします

230

グラフィックをクリックします

231

縦型ナビゲーションを選択します

232

画像（I）の参照をクリックします

233

demo_aを選択して開くをクリックします

234

選択時の画像（S）の参照をクリックします（現在開いているページを示す画像です）

235

demo_bを選択して開くをクリックします

236

ホバー時の画像（H）の参照をクリックします（マウスを当てたときの画像です）

237

demo_cを選択して開くをクリックします

238

OKをクリックします

239

名前をつけて保存をクリックします

240

demoweb1と入力して、OKをクリックします

241

OKをクリックします

242

template.dwt（トップページ用のダイナミックWebテンプレート）を開いて、ナビゲーションをダブルクリックします

243

demoweb1を選択して、OKをクリックします

244

上書き保存します

245

はいをクリックします

246

閉じるをクリックします

247

ブラウザでプレビューします

248

IEの情報バーが出ています（WinXPのSP2以降）

249

情報バーをクリックして「ブロックしているコンテンツを許可」をクリックします

250

はいをクリックします

251

メニューにマウスを当てると背景画像が変わります

252

index.htm以外の「***.htm」ファイルをすべて選択して、ダイナミックWebテンプレートを適用します

253

template.dwt（トップページ用のダイナミックWebテンプレート）を選択して、開くをクリックします

（すべてのページに同じダイナミックWebテンプレートを適用するのです）

254

適用中のダイアログが表示されます。

255

閉じるをクリックします

256

ブラウザで確認します

	現在開いているページ（自ページ）のナビゲーションメニューを示してします。自ページへのリンクが切れています。

	マウスを当てたときのページのナビゲーションメニューを示してします。

ナビメニュー