フレームを使用した場合には、検索サイトへの登録などが不利になるということで、フレームを使用しないページ作成が良いと言われていますが、全てのページで共通的に使用されるようなメニュー一覧などは、フレームを使用しないと全てのページで作成しなければならず、結果としてメニューの修正が合った場合には、全てのページに正を行わなければなりません。
全てのページで共通的に使用されるメニューなどをフレームを使用せずに簡単に作る方法はあるのでしょうか。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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの任意の列を非表示に...
-
中に<table></table>が使えるア...
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルのヘッダとボディの幅...
-
TRタグの余白をcssで設定するには
-
テーブルの表示がずれます
-
cssで、表示されるテキストによ...
-
逆L字の表(table)組み
-
テーブルの行の背景色をマウス...
-
CSSだけで<table>の<td>や<tr>...
-
トーナメント表の製作
-
テーブルのセルに画像をピッタ...
-
Dreamweaverで行間の調整
-
htmlのtable内に画像
-
tableの中で<p>タグを使うと…
-
表の中の列の順番を入れ替える...
-
テーブル結合 縦横両方するには?
-
テーブルの行の高さを指定する...
-
HTMLのテーブルで桁をそろ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
cssで、表示されるテキストによ...
-
テーブルの任意の列を非表示に...
-
掲示板//インラインフレーム内...
-
テーブルのセルに画像をピッタ...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
テーブルのヘッダとボディの幅...
-
逆L字の表(table)組み
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
テーブルの行の高さを指定する...
-
HTMLで文とテーブルの間が空く。
-
EXCELからhtmlへの変換で罫線が...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの表示がずれます
-
テーブルの装飾
-
値が0なら非表示にしたい
おすすめ情報