下記のサイトのように左側のボックスの仲のリンクをクリックすると右側に内容が表示されます。例えば「どうせならお得に辞めよう」と書かれたリンクをクリックすると左側のボックスは固定されたままで右側に内容が表示されます。フレームは使ってないのはわかります。CSSでボックスを作っているのはわかるのですが、左側のボックスはどのページに行っても固定されています。


まさかこれを実現しているのは、単純にリンク毎にまったく同じボックスを貼り付けて作っているということでしょうか?例えば「どうせならお得に辞めよう」「サービス残業するなんて」・・・ボックス内にリンクがあります。各リンク毎に全く同じボックスを作ればどのページに移動しても、あたかもボックスは固定されているように見えます。しかし、一つリンクを追加したら全部のページでリンクを追加しないといけません。これは面倒です。

いったいどのような方法でボックスを固定しているんでしょうか?私の想像通りのことをやっているんでしょうか?
http://www.1sitsugyou.com/

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/03/10 01:18:42
  • 終了:2008/03/14 23:38:58

回答(5件)

id:y-kawaz No.1

y-kawaz回答回数1421ベストアンサー獲得回数2262008/03/10 02:29:14

普通にSSIか何かでヘッダとフッタをインクルードしてるだけだと思います。

CGIかもしれませんが拡張子も.htmlですし、この程度でCGI使うのも無駄なので多分SSIでしょうね。

http://www.atmarkit.co.jp/flinux/rensai/apache07/apache07.html

id:fumikef No.2

fumikef回答回数41ベストアンサー獲得回数22008/03/10 03:11:53

最初の方の回答は、別にトンチンカンな回答ではないと思いますよ。

私もSSI(Server Side Include)を使ってると思います。


リンク先の出だしにありますが、「SSIを使えば複数のページで共通部分を一元化できるなどのメリットがある。」の通り、共通部分としてサイドのメニューを複数のページで同じ位置に表示しているんでしょう。


つまり、サイドメニューだけのパーツがあらかじめ用意してあって、それをSSIという技術を使って、全てのページに読み込ん(インクルード)で表示している感じです。


リンクを増やす場合も、サイドメニューのパーツにリンクを増やせば、全てのページにリンクが入ることになります。


http://www.atmarkit.co.jp/flinux/rensai/apache07/apache07.html

最初の方と同じURLですけど。

id:popattack

ここのサイトでSSIは使っていないと思います。規模が小さいし、個人のページなので何かソフトウェアを使っていると思います。そのソフトウェアがなんなのかわかるでしょうか?

2008/03/10 11:22:17
id:gorimaru9 No.3

gorimaru9回答回数26ベストアンサー獲得回数12008/03/10 09:52:45

ポイント10pt

ソースを見ると

<!--■ヘッダー--><!-- #BeginLibraryItem "/Library/header.lbi" -->

</div><!-- #EndLibraryItem --><!--/■ヘッダー-->

<!--●左コンテンツ--><!-- #BeginLibraryItem "/Library/left.lbi" --><div id="left">

</div><!-- #EndLibraryItem --><!--/●左コンテンツ-->

といった記述が見られるため、ヘッダーや左コンテンツごとにモジュールとして分割していることが想定されます。

全てのページが.htmで作られているところをみると、Movable Typeのようなソフトウェアを使用してページを作成しているのかも知れません。

Example Web Page

id:proganochelys No.4

proganochelys回答回数75ベストアンサー獲得回数62008/03/10 13:37:23

ポイント80pt

DreamweaverのLibrary機能を使っているようです。


http://oshiete1.goo.ne.jp/qa1784605.html

http://www.oyakonews.com/oyanews/homep/UPDATE/UPD_06.html



私はAdobeのGoLiveを使っていましたが、同じような機能「テンプレート」を使っていました。

SSIが使えないサーバーもありますし、JavaScriptで外部ファイルを呼び出すことも考えましたが、全てのブラウザで動作する保証もありませんでしたので、この機能には助けられました。

一箇所編集すれば、それにリンクしている各ページの該当部分をソフトが自動的に書き換えてくれますので便利です。

独自機能なので、ツールが限定されるというのが難点でしょうか。

id:popattack

このような具体的な回答が欲しかったです。ありがとうございます。

2008/03/10 21:05:45

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 fontmaster 94 77 3 2008-03-10 09:21:16

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

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

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

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

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