フレームタグを使う以外で1つのページ内に複数のページを表示する方法
はじめまして。Webデザインを勉強中の者です。基礎的なHTML.CSS(スタイルシート),XML
の知識があります。
タイトルにもあるとおり、(よくつかわれるiframeタグ含め)フレームタグを利用する以外で
一つのページ内に複数のページを表示する方法を探しています。
FC2ブログのソースを見て回って気付いたことなのですが、
そのどれもが、フレームタグを使わずに一つのページ内に複数のページを表示してるようです。
例を挙げると、FC2ブログは、テンプレートを選択するだけで
本文(メインコンテンツ)はそのまま、レイアウトが全く違うようになる、というように。
ちなみに私もFC2ブログのユーザーで、テンプレートのメインファイルとCSSファイルのソースも
見てみたのですが、フレームタグは一切使われていませんでした。
それとも、FC2ブログは全てのページにサイドバーやトップなどのレイアウト情報を書き込んでて、
テンプレートを選択するたびに一括変換しているのでしょうか?
わかりにくいですが、Aのファイルにレイアウト情報を、Bのファイルに本文(メインコンテンツ)を。
そしてそのA+Bで、一つのページが完成する、Aのファイルをすり替えるだけで、レイアウトが変えられる、
そんな風にしたいわけです。知ってる方がいれば、是非ご教授願えませんでしょうか?
No.1ベストアンサー
- 回答日時:
レイアウト分けには、大きく分けて、二つの方法があります。
一つは、<TABLE>を使用する方法。
ボーダーなどの飾りをなにも表示しないテーブルを作成して、そのフィールドに、各ブロックを作っていきます。
もう一つは、<div>を利用する方法。これは、CSSの、floatとwidthを利用して、各、divブロックの配置を指定していく方法です。
div#container { width:100% }
div#contents { width:70%; float:right; }
div#sidebar { width:30%; float:right; }
のようにやってあげて、後は、各divブロックの中に適切なコンテンツを入れていきます。widthとfloatの使いようで、相当自由なマルチカラムレイアウトの作成が可能です。(入れ子を駆使すれば、<table>より自由なレイアウトができます。)
さて、テンプレートの件ですが・・・これは、htmlやcssの世界とは別の世界の話になります。ブログなどのページは、ユーザーが記事を随時追加していくわけですから、固定したhtmlファイルをサーバーに持っておくことはできません。というわけで、通常、aspやjsp等のアプリケーションサーバーを利用するのが普通です。(cgiのスクリプトという手もありますが・・・)
この類の手を利用すると、テンプレートをいくつか用意しておいて、それをユーザーの指定により自由に組み合わせるという構成をとるることが可能になります。
テンプレートファイルの中に、include文やタグで別のファイルを埋め込むような機構も用意されていますし、条件によってどのテンプレートを利用するかを選択する、果ては、条件によってテンプレートの一部を違う物とすり替える・その場で条件に合わせてテンプレートを自動で生成するなど、高度なことも可能です。が・・・これ、れっきとしたプログラミングの世界です。ホームページのデザインとは別の学習が必要となります。
どんな世界かのぞいてみたければ、J2EEとかASPとかアプリーションサーバーの様な単語で検索してみてください。
No.2
- 回答日時:
貴方の言いたいレイアウトとは、配置/配色だけではなく、メニュー項目の内容も含めてという事ですか。
あくまで見た目(配置/配色)だけなら、CSSを外部ファイルとして管理するだけで済みますが、内容もとなるとCSSでは無理です。
フレームを使うのが最も単純ではありますが、
それ以外だと
・<object>タグ(ifremeと似たようなもの)
http://www.tagindex.com/html_tag/other/object.html
・JavaScriptで読み込む
http://www.google.co.jp/search?lr=lang_ja&q=java …
・SSIを利用する
http://allabout.co.jp/internet/hpcreate/closeup/ …
等があります。
テンプレートファイル使って自由にというなら、既存の汎用CMSを利用するか、perlやPHPでそういったのを自作する事になります。
http://pc.nikkeibp.co.jp/article/NPC/20071113/28 …
http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%B3% …
ブログもCMSの一種です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- Excel(エクセル) Excelから複数のWordファイルを操作する方法について教えて頂きたい。 やりたいことは、複数のW 2 2022/07/26 20:11
- Visual Basic(VBA) 複数ページあるPDFファイル内の文字列等の情報をキーにPDFをグループ分け分割したい。 2 2022/06/25 09:51
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- UNIX・Linux テキストファイルをページ番号付きでコマンドラインから印刷したい 1 2023/02/22 12:47
- SEO 検索エンジンにインデックスされない 3 2023/02/20 08:59
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
binファイルを解凍したいの...
-
Latexで図番号だけを「図1.1」...
-
Excelの範囲指定セルににcsvフ...
-
exeファイルをデータ転送サービ...
-
実行ファイル(.exeファイル)...
-
ハッシュ値を取る時はファイル...
-
#include <Windows.h>というヘ...
-
HTAのウィンドウを閉じるには・...
-
パイソンでpy ファイルと p...
-
VBSでExcelファイル起動時、重...
-
自分で作成した重要ファイルを...
-
リンクの張り付けかたを教えて...
-
CRCが一致する確率
-
Word VBA MSGBOX 内で降順表示
-
VBSが起動しない
-
既にファイルが開いているのな...
-
Easy言語を使ったファイルの検...
-
アクセス 壊れた? 「ファイ...
-
EXCELの日付シリアル値について
-
ファイル名にドットを使ったフ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アクセス 壊れた? 「ファイ...
-
#include <Windows.h>というヘ...
-
Latexで図番号だけを「図1.1」...
-
binファイルを解凍したいの...
-
.NETアプリを作ったときの .man...
-
ファイル構造が破損しているフ...
-
2つのファイルのバイナリをコン...
-
CSSを1ページに1枚作るのって変...
-
Word VBA MSGBOX 内で降順表示
-
公文書のxmlファイルの開き方が...
-
jarファイル
-
バッチ処理で追記コピーしたい
-
自分で作成した重要ファイルを...
-
ファイルは何で構成されている...
-
exeファイルをデータ転送サービ...
-
リンクの張り付けかたを教えて...
-
exeファイルの中身を見る方法は...
-
参照するファイルをワイルドカ...
-
CRCが一致する確率
-
C言語---ファイルに出力したデ...
おすすめ情報