メニューページを作成します。
新しい白紙のページを開きます。任意の名前を入力して保存します。
表の挿入行数 2,列数1,表の枠を表示するのチェックをはずすOK
表全体を選択して右クリック属性の変更表の幅 200ピクルス,罫線の幅 0ピクルス,セル内余白0ピクルスOK
こんな表ができます。上のセルを選択しておきます。
メニュータイトル画像を作成します。
ウェブアートデザインを開いて前回タイトル画像を作成した時に保存したページを開きます。
タイトル画像がふたつあると思いますが切り抜いて複製したほうは削除します。画像を選択して右クリック 削除で消せます。
使いたい素材を開きます。
タイトル画像のフォントデザインをそのまま使いますので選択して複製をつくります。デザインは統一したほうがホームページにまとまりがつきます。
複製したフォントを使いたい画像にはまるようにオブジェクトの編集をします。文字をめにゅーへサイズを15へ変更します。
素材とフォントを重ねて選択しグループ化します。
出来上がったメニュータイトルをホームページへ送ります。ウェブアートデザインのこのページは保存して閉じます。
白紙に作った表の枠の中にメニュータイトルがはいりました。名前をつけて保存します。
セルを選択して中央寄せをクリックします。
メニュー入力します。
このページに前回つくったスタイルシートをリンクさせます。スタイルシートマネジャの表示をクリック外部スタイルシートの追加をクリック参照をクリックさせてスタイルシートを選択しますOK
セルを選択して属性の変更 スタイル 定期済みのクラスの指定の現在地リンクで作成した定義にチェックOK
フォントが変更になりました。アイコンや改行をいれて整えて保存します。
トップページにインフォームを挿入してメニューページを表示させます。
メニューを表示させたいセルを選択して挿入をクリックその他 HTMLタグとクリックタグの挿入のタグ欄から「IFRAME」を選択して挿入をクリック開いた属性の参照からメニューページを選択 サイズ 幅200ピクルス,高さ100パーセント,スクロールバー なし,枠表示 チェックをはずすOK
メニュー枠を選択して 上揃い をクリック 中央のセルを選択して高さを調節します。
どんな感じにアップされるかを確認してみます。Intenet Explorerの起動をクリックする。こんな風に出来上がってたら成功です。右枠も同じように作ってみましょう。
動画
|