10枚のページからなるウェブサイトがあるとします。

全てのページには左側に縦方向にナビゲーションバーがあります。
デザインとしては「http://www.cnn.co.jp/」のような感じです。

この場合、ナビゲーションバーの内容を一箇所修正しようとした時に、10ページ
全てに修正を加える必要があるというのは面倒です。

一箇所修正すれば、10ページ全てにその修正内容が反映されるようにするには、
どのようにナビゲーションバーを設置したらいいのでしょうか。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/03/06 07:04:52
  • 終了:--

回答(6件)

id:clock9 No.1

しくおゲー日記回答回数32ベストアンサー獲得回数02005/03/06 07:10:52

ポイント15pt

http://siriasu.s10.xrea.com/frame/frame_top.htm

フレームページの作り方>TOP

フレームで簡単に実現できますよ。

左側に常に同じページを表示し、右側は「同じウインドウで開く」リンクタグにする必要があります。

id:OguraKunio

すいません。フレームは使用しないということでお願いします。

2005/03/06 07:12:49
id:psx No.2

psx回答回数22ベストアンサー獲得回数02005/03/06 07:31:55

ポイント15pt

http://satt.jp/tools/dhtml/trydw.htm

【SATT】 エラー:ページが見つかりません(404)

私の使っているDreamweaverというWEB作成ソフトの場合テンプレート機能というのを使えば簡単に出来ます。

の例で言えば、まずナビゲーションバーを含んだ枠組みをテンプレートとして作成しそれを親とする。テンプレートを使って作成したWEBページは子となります。親をいじった場合すべての子は親と対応する変更された部分のみすべて自動的に変更されるので楽にできます。

その他のWEB作成ソフトでは同様の機能が付いているかわかりませんがソフトを使えば出来ます。

id:OguraKunio

市販のソフトにそのような機能があるんですね。

市販のソフトを使わないで、タグを手で入力していく場合はどうやるのでしょうか。

2005/03/06 14:07:56
id:k_ahiru No.3

k_ahiru回答回数23ベストアンサー獲得回数02005/03/06 08:33:02

ポイント15pt

[PHP を使います]

navi.txt というファイルを用意して、ナビゲーションバーを表示したい場所に

<?php include ”a.txt” ?>

とやれば簡単に実現できます。

id:OguraKunio

申し訳ないんですけど。PHPって分からないんですよね。いろいろ勉強が必要みたいですね。

2005/03/06 14:09:28
id:Spawapawa No.4

Spawapawa回答回数54ベストアンサー獲得回数02005/03/06 09:54:38

ポイント15pt

サーバー上でSSIが使えるなら簡単ですよ。

上はSSI自体の解説です。

上の「#include」でメニューファイルを指定してあげればどこに入れてもメニューファイルを更新しただけで全ページに反映されます。

id:OguraKunio

SSIもよく分かりません。これも勉強が必要みたいですね。

2005/03/06 14:10:30
id:p38 No.5

p38回答回数12ベストアンサー獲得回数02005/03/06 11:43:30

ポイント15pt

URLはダミーです。

私は大量のテキストが中心のウェブサイトを運営していますが、PHPとテーブルタグを使っています。

まずヘッダー(header.php)とフッター(fottere.php)を準備します。

ヘッダーには

<HTML>

<BODY>

<ここにナビゲーション>

という具合に記述します。そしてフッターで以下のように閉じます

</BODY></HTML>

そして各ページをPHP形式で

<? include(”header.php”);?>

<ここにページ内のコンテンツ:文章>

<? include(”footer.php”);?>

上記のように記します。全ページ同様にします。

ナビゲーション部分を全て include で呼び出す形にしますので、仮にナビゲーションに新しいメニューを加えたり

リニューアルでデザインを変えたくなっても、ヘッダーとフッター(ヘッダーだけでも可)さえいじれば

コンテンツの全てを書き換えなくても変更がききます。

まだ10ページということですので、今のうちにこの形式に変えてしまえば、

あとは何ページに増えたとしてもヘッダー、フッターをいじるだけでいくらでも変更がききます。

ポイントは各ページ本体には出来る限りテキスト本文のみを記入するようにして、

ナビゲーションを含めたページ全体の装飾デザイン部分はヘッダー、フッターに記述するというところです。

私はこの方法を導入してからは数十ページあるウェブサイトのリニューアルやデザイン変更を、頻繁にかつ

簡単な作業で行えるようになりました。

説明が分かりにくかったらスミマセン。

id:OguraKunio

分かりやすい説明ありがとうございます。PHPを勉強する必要があるみたいですね。

2005/03/06 14:12:28
id:kinop No.6

kinop回答回数325ベストアンサー獲得回数22005/03/06 12:21:52

ポイント15pt

http://sound.jp/

@sound.jp - 無料レンタルサーバー

URLダミーです

1)一箇所の修正で10ページ全に反映される

ということですが、上記のサイトのソースを見ますと、テーブルで書かれてますので、

html書類マクロ機能を持ったテキストエディターで「TABLE」表示位置指定のタグを「全検索」「全置換」する。

2)ナビゲーションバーが、Flashで作った

  1つのswfなら、位置変更ならこの表示

  位置を全検索、全置換で、

  またはナビゲーションバーをFlashで一つ  作り、同名にしていれば総てに

  反映されると思います。パブリッシュ

  前の書類は確保していおき、

  アップデートの時には「xxx.fla」を

  変更して、名前は同名なら10ページでも

  対応可能だと思います。

3)まず、ナビゲーションバーの

  コンテンツ部分を変更して

  GUIのビルダーや

  Dreamweaverなどでカットします。

  レイヤーをBody色と同じ色で

  追加して、移動なら移動したい

  ところにレイヤーは

  追加してください。その上に

  ナビゲーションバーをペースト

  する、或いは、そのままレイヤーで

  同じ位置にという方法はどうでしょう

  か。これにマクロ機能のようなものが

  あればいけるはずですが。

id:OguraKunio

ありがとうございます。

2005/03/06 14:14:19

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません