フレームを使用した場合には、検索サイトへの登録などが不利になるということで、フレームを使用しないページ作成が良いと言われていますが、全てのページで共通的に使用されるようなメニュー一覧などは、フレームを使用しないと全てのページで作成しなければならず、結果としてメニューの修正が合った場合には、全てのページに正を行わなければなりません。
全てのページで共通的に使用されるメニューなどをフレームを使用せずに簡単に作る方法はあるのでしょうか。CGI/SSIなどを使用すれば、できると思うのですが、HTMLだけでこういったページ作成はできるのでしょうか。
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
「レイアウトする方法」は、テーブルで分けます。
#3さんの入れ子にしないバージョンですと、
<table>
<tr>
<td>メニュー</td>
<td>内容</td>
</tr>
</table>
運用する方法は、外部JavaScriptファイルを呼び出す#4さんの方法で、
<table>
<tr>
<td><SCRIPT src="menu.js"></SCRIPT></td>
<td>内容</td>
</tr>
</table>
です。
また、ウェブ制作ソフトで、Dreamweaverまたは Goliveをご利用でしたら、メニュー部分をテンプレート化して
全ページに適用することができます。ただしこの場合は、テンプレート部分を変更したら全ページをアップロードしなければなりません。
No.4
- 回答日時:
外部JavaScriptを使用すれば思っておられるようなことができると思います。
具体的にどのようにするかというと、
まず、その共通のメニューとなるタグの部分があるとします。
例えば
<A>コンテンツ1</A><BR>
<A>コンテンツ2</A><BR>
<A>コンテンツ3</A><BR>
<A>コンテンツ4</A><BR>
<A>コンテンツ5</A><BR>
<A>コンテンツ6</A><BR>
このようであったとした場合
document.write('<A>コンテンツ1</A><BR>');
document.write('<A>コンテンツ2</A><BR>');
document.write('<A>コンテンツ3</A><BR>');
document.write('<A>コンテンツ4</A><BR>');
document.write('<A>コンテンツ5</A><BR>');
document.write('<A>コンテンツ6</A><BR>');
上のようにメモ帳に書き込み、例えば「menu.js」として保存します。
次に各ページのメニューを表示させたい場所に
<SCRIPT src="menu.js"></SCRIPT>
と書き込みます。
そうすれば上記のタグを書き込んだ場所全てに先程のメニューが表示されます。
もし、メニューの内容が変わった場合には「menu.js」だけ編集し、
サーバーにUPすれば全てのページのメニューが変更、更新させることができます。
No.3
- 回答日時:
補足です。
この方法だと、100p変更するのに2分ぐらいです。ちなみにソフトはdreamweaverですが・・・
さて、ヒントということで確認はしていませんが、タグでも書いて見ます
<body>
<table>
<tr>
<td><table>
<!--ここからルートメニュー trで段を設けなくてもOK-->
<tr><td>ルートメニュー1</td></tr>
<tr><td>ルートメニュー2</td></tr>
<tr><td>ルートメニュー2</td></tr>
<!--ここまでルートメニュー-->
</table></td>
<td><table>
<!--ここから内容 どんなレイアウトも可能-->
<tr><td></td></tr>
<!--ここまで内容-->
</table></td>
</tr>
</table>
</body>
No.2
- 回答日時:
まず最初にtableで分ける
片方のtableにメニューを絶対パスでつくる
(このとき相対パスで作らない,変更が面倒だから)
変更のときはメニューを作ったtable全体を置換とかで変更する
(html作成ソフトではサイト全体を一括して変更できる機能があるはず)
手でタグを打っているなら、確かフリーソフトで指定したファイルを置換するソフトがあったはず
あ~、花粉症で目がかゆい
No.1
- 回答日時:
春休みだからかなー。
他の項目でも、週をはさんで似たような質問が
でるような。
しかも、okwebで「htmlだけでは無理です。」と
読んだような。
どうも似たような質問を見るたびに、「管理人が前に
にた質問がありますよ。」と注意する人を見極め
てたりして。
本の出版されてるって言うし、その選考かもよー。
と、冗談はさておいて。
最近疲れてるかなー。
既視感+妄想かなーと思いつつ。
いろいろな方法が出ていますが、
私は、大本のメニューを作成して、原本とし、それを
コピーして使ってました。
メニューを変更するフォルダーを分けていれば、それほど
てもかかりませんし。
参考URL:http://okweb.jp/kotaeru.php3?q=1251918
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Excel(エクセル) Excel 在庫管理について 3 2023/02/09 10:00
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- Word(ワード) ワードのテンプレ作れる? 1 2022/03/26 10:35
- その他(インターネット接続・インフラ) 語学レッスン予約ページを作ろうとしています。 1 2022/09/26 17:43
- マウス・キーボード 無線マウス不具合 4 2022/07/10 22:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
HTML <td></td>タグ セル内余...
-
テーブルの行の高さを指定する...
-
テーブルの行を折りたたみたい...
-
文字列が入っているtdを削除せ...
-
テーブルの外側の線を消す
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブル入れ子した時の、テー...
-
テーブルの任意の列を非表示に...
-
テーブルタグのセルの幅の一部...
-
html・cssで日付をキレイに揃え...
-
テーブルの位置
-
tableにul,または,olを入れられ...
-
EXCELからhtmlへの変換で罫線が...
-
HTMLで外部ファイルの読み込み
-
width指定したTDでwhite-space:...
-
テーブル(表)を2つ横に並べて...
-
テーブルの表示がずれます
-
HTMLでアンケートの作り方を教...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行の高さを指定する...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
ホームページ 表の上の余白を...
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
表の1列だけをCSSを使って右揃...
-
逆L字の表(table)組み
-
tableでcolspanを使うと次行以...
-
HTMLのテーブルで桁をそろ...
-
テーブルのセルにアンカー
おすすめ情報