www.wanichan.com

Web > FrontPage > FrontPage 2003 (上級編) > ポップアップメニューの作成

メインメニューの作成

表を作成しよう

メインメニューの表を作成しましょう。
ここでは、FrontPage 2003製品情報サイトのように、縦長のメインメニューを作成したいと思います。

数行1列の表を作成します。

Menu1
Menu2
Menu3

次に、表全体の幅を181ピクセルにして、表の枠線を取ります。
適宜、表全体の背景色を付けて、適宜調整しましょう。

*Menu1
Menu2
*Menu3

次に、後でサブメニューを作成しやすいように表の後に何度かEnterキーで改行しておきます。

▲Page TOP

位置・重ね順を調整しよう

メインメニュー内にカーソルを移動させ、クイックタグセレクタより、このように <table> タグをクリックします。
クイックタグセレクタより<table>タグをクリック

配置ツールバーより「絶対配置」ボタンをクリックします。
配置ツールバーの「絶対配置」ボタンをクリック

「左」と「上」以外の値を消して(ここでは「幅」と「高さ」の値を消去)、「重ね順」の数値を半角で「2」と入力します。

▲Page TOP

マウス操作で移動しよう

絶対配置になったメインメニューを所定の位置までドラッグしましょう。
このように簡単に移動することができます。

 

▲Page TOP

ハイパーリンクを作成しよう

では、それぞれの文字にリンクを張りましょう。
文字列を指定してから(ハイパーリンクの挿入)をクリック するか、
メニューバーより[挿入]→[ハイパーリンク]をクリックします。

もし文字列だけではなく、段落全体にハイパーリンクを設定するには、「ハイパーリンクの挿入」ダイアログボックスの[スタイル]ボタンをクリックし、
「スタイルの変更」ダイアログボックスにて[書式設定]ボタンの一覧から「配置」をクリックします。

「配置」ダイアログボックスの「幅」を100%にして、[OK]ボタンをクリックします。

特にリンク先を指定しない場合は、アドレスの部分に、以下の図のように
javascript:void(0);
と入力してOKボタンをクリックします。

▲Page TOP

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

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ