人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以前はフレームを使ってHPを作っていましたが、
CSSで、floatをつかって、画面を分割しようと
思いました。初心者の質問としてきいてください。
画面を左右に分けて、左をMENUをした場合、
MENUから選んだページを右に入れたい場合、
フレームならターゲットを右のフレームに指定するだけですが、FLOATで分けた場合、右にいれるのではなく、右に入っている新しいページ、つまり
左側が同じMENUで右側が別のページを作り、
そこにリンクさせる、ということなのでしょうか。

●質問者: COKE-YES-COKE
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS Hp ターゲット フレーム リンク
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● falcosapiens
●56ポイント ベストアンサー

その理解で正解です。

phpを使ってメニュー部分を共通にしておくとさらに便利です。

http://www.netmania.jp/technique/hp/hp001.php

◎質問者からの返答

ありがとうございます。


2 ● Q-A
●23ポイント

そういうことです。

スタイルシートはデザインだけを指定する指示書ですので、そのページに無いものまで引っ張り出す事はできません。そのため、メニューが必要なページ全てにメニューを入れる必要があります。スタイルシートは場所や書体、色、背景などを指定するだけです。

フレームを止める理由があると思います。スタイルシートだけでなく、JavaScrptやPHPも使用することにより、フレームっぽく見せ、なおかつ、全ページ書き直さなくても済む方法もあります。逆に全ページに書く事による利点もあります。全て長所も短所もあります。

蛇足ですが、

ただ、2段にわけたいだけなら、2段組、2コラム、2カラム

分けた2段のスクロールも別々にしたいなら、疑似フレーム・擬似フレーム

と呼ばれています。

◎質問者からの返答

参考になります。ありがとう。


3 ● cross-xross
●22ポイント

CSSを用いた擬似的なフレーム構成の場合は、COKE-YES-COKE様が仰るように、左側のメニュー部分を共通にした別のHTMLファイルにリンクを繋げることで実現しています。

ファイル単位で見れば、フレームでは無いが、来訪者が見ると右側しか変化していないように見えるので、フレームっぽいということですね。

サイト構築者は面倒くさいですが、ユーザビリティ・読み込み速度の観点からもCSSでのカラム構築の方がフレームよりも優れていると思います。

◎質問者からの返答

なるほどですね。ありがとうございました。


4 ● tenshins
●22ポイント

その通りです。

フレームのようにメニュー部分のHTMLとコンテンツ部分のHTMLを読み込んで表示しているわけではないからですね。

ページ数が多くなってくるとメンテナンスなどの点からこれでは面倒ですので、PHPなどを使ってメニュー部分の外部ファイル化をオススメします。

◎質問者からの返答

phpは知りませんでした。

今回新しい過大ができました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ