- ベストアンサー
Frameタグを使わずにページを分割するには
HP作成のための参考にいろいろなサイトのHPをみて回っているのですが、 その中でもこのHP http://www.wanichan.com/web/before/ を参考に作りたいのですが、frameタグを使わずに画面を分割してメニュー を表示していますが、これはどうやってやるのでしょうか？ 参考URLまたはやり方を教えてください。 お願いします。
- marucha
- お礼率38% (127/329)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
例に挙げられたサイトはCSSを使って画面を分割していますね。 CSSを使ってみるにあたって参考になりそうなサイトを挙げておきます。 ■とほほのスタイルシート入門（基礎知識からどうぞ） http://dek.dip.jp/tohoho/css/index.htm ■ホームページの作り方 http://funyami.pya.jp/homepage/html_css_ref.html ■スタイルシートスタイルブック http://www.stylesheet-stylebook.com/ ■HTMLクイックリファレンス http://www.htmq.com/index.htm ただし、CSSはブラウザごとに対応状況が微妙に違ったりして、どのブラウザでも同じように表示させるためにはいろいろな裏技のようなものがあります。そうした知識はWebからだけではなかなか得られないものですから、書籍を購入した方が試行錯誤に無駄に時間を割くことなく早く学べると思います。 入門書として良さそうな本の紹介ページを挙げておきます。 大きめの書店になら置いてあると思いますので、中身を確認しに行ってみてはいかがでしょう。 ■スタイルシートスタイルブック http://seshop.com/detail.asp?pid=4915 ■スタイルシート スタンダード・デザインガイド http://book.mycom.co.jp/book/4-8399-1501-6/4-8399-1501-6.shtml ある程度CSSを知っている前提なら、次の本もとても参考になります。 ■CSSプロフェッショナル・スタイル http://book.mycom.co.jp/book/4-8399-1907-0/4-8399-1907-0.shtml
その他の回答 (2)
そのページには画面分割のやり方は特に書かれていませんね。 普通はgoogleを使って情報を集めますよ。 Yahoo！でも良いですけどね。 ”div float レイアウト”の検索結果 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=div+float+%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88 ”div フレーム レイアウト”の検索結果 http://www.google.co.jp/search?hl=ja&rls=GGLG%2CGGLG%3A2006-05%2CGGLG%3Aja&q=div%E3%80%80%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%80%80%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88&lr= ”ajax メニュー ライブラリ”の検索結果 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=ajax+%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%80%80%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA ”cgi ブラウザ 判別”の検索結果 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=cgi%E3%80%80%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%80%80%E5%88%A4%E5%88%A5 こんな形で検索して自分に合ったサイトを探し、実践するのみです。 がんばってください。
お礼
とても参考になりました。 ちょうどいいサンプルをみつけたのでそれを改良していこうと 思います。ありがとうございました。
cssを駆使するまたはtable
関連するQ&A
- フレームページに更にヤプースをフレームで組み込むには？
ヤプースとは、ご存知かと思いますが、携帯から写真つきの日記を送って ブログのような日記を書くものです。 現在、ＨＰリニュ中です。 上と下に分割したフレームページを作成中。 下に表示されるページは全体表示でなく、そこもフレームページにしています。 そこに（下のフレームに）ヤプースを組み込もうと思って、ヤプースのサイトから調べたタグを書いてみたのですが、今まで表示されていたページが表示されなくなってしまいました。 フレーム内に更にフレームを作成することは出来ないのでしょうか？ 私の場合はヤプースが3つ目のフレームになります。 ちなみに組み込んだタグはコチラです↓ <IFRAME SRC="http://yapeus.com/users/あなたのユーザーID/" width=200 height=200 frameborder=0>～</IFRAME> つたない質問でわかりにくいかも知れませんが、よい回答お待ちしています。
- ベストアンサー
- その他（インターネット接続・通信）
- フレーム分割ページからトップページに戻れません
昨日Photoshop Elements 2.0 でWeb フォトアルバムを作り自分のＨＰに載せました。 戻る画像を作成して、トップページに戻ろうとしましたが、Thumbnail Frame が残ってしまいます。 画面分割ページからトップページに戻る方法をご指導願います。 ＨＰの作成ソフトはドリームウィーバＭＸで。
- ベストアンサー
- その他（インターネット・Webサービス）
- ＨＴＭＬタグでフレームが思うように作れなくて・・・
ＨＴＭＬタグ辞典を参考にしながら、 フレームを作っていますが、うまくできません。 縦２分割にしたいんです。 たま～に 思うようなフレーム分割にできた画面が 出てくると、 背景画像が出てこなくなります。 どうやって書けばいいのか 具体的に教えていただけると嬉しいです。 よろしく お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- フレームページの表示について
現在メモ帳タグ打ちでサイトを作っており、フレームページを 現在作成中なのですが、一つ自分の知識では解決できない問題が できてしまったので質問させていだきます。 2分割フレームで、 メニュー ┃ 表示ページ メニューでリンクをクリックした際、 表示ページにリンク先を表示させたいのですが、 新窓開きになってしまいます。どうすればいいのでしょうか？ 講座サイトで見たターゲット指定もやっているのですが・・・。 ご回答お待ちしております。
- ベストアンサー
- その他（インターネット・Webサービス）
- フレームページのタグ・・・
今、HPを作成してるのですが、初歩的なHPは作れたので、もう少し、上級な、フレームページを作りたいです。 そこで、質問なのですが、フレームページを作りたいのですが、タグが分かりません。 下のような、フレームページにしたいのですが、いろいろ、調べてみたのですが、分からないので、質問しました。 分かる方がいらっしゃったら、是非、お教え下さい。 お願いします。 こちらのHPです。 http://colorful.candypop.jp/
- ベストアンサー
- レンタルサーバ・ASP
- フレーム3分割について教えてください！
こんにちは。 私は今、メモ帳でホームページを作っているのですが どうしても一箇所出来ないところがあって質問させていただきます。 イラストサイトなのでギャラリーページを設けたいのですが、メニューフレーム→ギャラリーフレーム→イラストの表示ページという感じの構成にしたいのですが、どうやってタグを打てばいいのか分かりません。 今出来ているのは、メニューフレームとギャラリーフレームです。 メニューフレームの隣にギャラリーフレームを表示させることはできるのですが、メニューフレームのGALLERYボタンを押すとギャラリーフレームとイラストの表示ページが同時に出てきてほしいのです。 説明が下手ですみません！分かりづらいとおもいますので、私がやりたいことをなさっているイラストサイトのURLをはっておきます。 ここのGALLERYボタンを押した状態が質問内容です。 http://www016.upp.so-net.ne.jp/east_castle/ec-top.htm 一度ここで過去の質問を検索して調べたのですが、ソフトを使っっていたり、初心者では少し理解しづらかったので、丁寧に教えてくださると嬉しいです。 それでは長文失礼しました！よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- フレーム使用時に読み込んだページのURLをアドレスバーに表示するには？
現在、初めてのHPを作成中の者です。 メニューとメインページをフレームで２分割したデザインにしているのですが、アドレスバーに表示されるURLは常にメニューページのものになってしまいます。 他の方のHPを拝見していると、同じ様にフレームを使用されていても、ちゃんとメインページのURLが表示されているところもあります。 どのようにすれば、アドレスバーにメインページのURLが表示されるようになるのでしょうか？ どうぞ宜しくご教授ください。
- 締切済み
- HTML
- フレーム分割したページの表示で困っています。
ホームページビルダー９でホームページを作成しています。 ページを上下に２分割して上のフレームにリンクメニューを、下のフレームにメニューのリンク先を表示するように作りました。 自分のデスクトップパソコンでは問題なく表示されているのですが、試しにＢ５サイズのノートパソコンで表示してみると、画面全体が表示されず、上のページのメニューボタンを表示しているところが下のフレームページで隠れてしまっているのです。 下フレームは属性で自動的にスクロールバーが出るように設定しているので問題ないのですが、上のメニューは「なし」に設定しています。 ※デザイン上、表示させたくないので。 ここからが質問です。 ページを表示させた時に、ページ全体のサイズを変えても上のメニューのフレームページが常に下のフレームページの上に来るように、つまり、上のメニューページのサイズは変わらないように固定させる方法（！？）を教えて下さい。 説明がへたで申し訳ないのですが、どうぞ宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページでフレームのあるページをつくりましたが‥
ホームページでフレーム（3分割）のあるページをつくりましたが‥検索サイトではあるフレームのURLのみが表示されて、ほかの2つは表示されません。そのため、トップページへ戻りたくてもメニューのページ（他の2つのフレームの内1つ）が表示されないのでトップへ戻れません。何かうまい方法はないのでしょうか？ちなみに、ホームページビルダー6です。よろしくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- ＨＰの表紙をフレームで分割するやり方を教えて下さい
ＨＰビルダーＶ６でフレームの分割を使って表紙を縦二つに分割して作成しています。 ところが、何度製作してもうまくできません。 分割した左のコーナーにメニューのボタンを並べて右のコーナーに表紙の画像等を飾ってレイアウトしていますが、 左側のコーナーのボタンをクリックすると画面は変わるのですが、分割された狭い範囲しかぺージが表示されません。 上手く表示する方法を詳しく教えていただけませんでしょうか
- ベストアンサー
- Windows XP
お礼
今はあまり時間がないのですが、ちゃんと今度スタイルシート の参考書を購入して勉強したいと思います。 回答ありがとうございました。