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

ホームページさくせい中です。
フレームは使わない方がいいって言うのは本当ですか?
CSSでやるのがいいときいたのですが
CSSでうまくページの配置が出来る方法を教えてくれるサイトはありませんか??
宜しくお願いします。

●質問者: office-athena
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS サイト フレーム ホームページ
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● TomCat
●50ポイント ベストアンサー

まずフレームを用いたページの欠点ですが、最も困るのは、フレームの中のページに直接飛び込まれてしまうことですよね。

最近はほとんどの人が検索エンジンを使って必要なページを探しますから、フレームなどお構いなしに、どんどん「中のページ」に直接アクセスしてきてしまうわけです。するとせっかくのメニューが表示されませんから・・・・。これはサイト制作者としては困りますね。

で、フレームをやめてメニューバーも含めた1枚のページで構成しようということになってくるわけです。これにはテーブルを使って固定的にレイアウトする方法と、CSSを使って、CSSを書き換えてやるだけで自在にレイアウト変更が可能なページにしてしまう方法がありますが、今では当然、自由度の高いCSSを使った方法が主流になっています。

CSSを使えば本体のHTMLには全く手を付けずにレイアウト変更が可能ですし、全てのページに共通のスタイルシートを適用することで簡単にサイト全体の見栄えを統一できますから、サイト制作が格段に楽になります。

さて、ご質問のフレームに代わるレイアウトですが、これは一般にCSSの float か position を使います。

http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/

こちらでは、float を使った実例を説明しています。

http://desperadoes.biz/style/dan/

こちらでは float と position の両方の方法について解説しています。

CSSで段組する場合、メニューバーとページ本体のサイズなどの関係で、せっかくのレイアウトが崩れてしまう場合がありますが、こちらのページは特にそこに力点をおいて、実例をあげながら説明してくれています。

だいたいこのへんを読んで理解できれば、たいていのレイアウトに対応できる知識が付くと思います。さらに色々な説明を読んでみたければ、「CSS 段組」といったキーワードで検索してみるといいでしょう。


2 ● hoeizon
●38ポイント

>フレームは使わない方がいいって言うのは本当ですか?

検索でHITするのは、1つのhtmlだけなのでHPがわからない人はトップページに行けません。

せっかく来てくれたのに、他のページ見てくれないのは良くないですよね?


>CSSでやるのがいいときいたのですが

>CSSでうまくページの配置が出来る方法を教えてくれるサイトはありませんか??

↓などを参考にして下さい。ホームページビルダーなどを利用するのも手です。

http://www.stylesheet-stylebook.com/archives/000093.php

http://iswebmag.hp.infoseek.co.jp/sample182.html

http://desperadoes.biz/style/p_frame.php


3 ● ardarim
●28ポイント

フレームは人によっては操作しにくいので可能であれば使わないか、フレームを使わないページも用意しておくのがアクセシビリティ的には良いでしょう。

アクセシビリティについてはこのあたりを参考にどうぞ。

ウェブアクセシビリティ・ガイド

第5回 アクセシビリティのチェックポイント:ITpro


フレームを使わずに似たような構成のページデザインにするには、このあたりを参考にするのが良いかと思います。

スタイルシート(CSS)で段組を構成する 1 スタイルシートだけで段組を作る - [ホームページ作成]All About

スタイルシートによる崩れない 2カラム 3カラム・レイアウト

CSSによる段組(マルチカラム)レイアウト講座


「CSS 段組」でググったものからピックアップしてみました。

いずれも図などを交えて説明されているのでそこそこ分かりやすいのではないかと思います。

◎質問者からの返答

お返事おそくなってしみません。

ありがとうございました。

また宜しくお願いいたします。


4 ● exh
●25ポイント

http://www.access-webconsulting.com/frame.html

こちらが分かりやすいと思います。

検索エンジンと相性が悪い,SEOを考えると好ましくないというのは正しいようです。

http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/

CSSでの段組について解説されています。

◎質問者からの返答

参考になりますた。

ありがとうございます。


5 ● sun5sun
●25ポイント

http://kikitai.teacup.com/kotaeru.php3?q=2471490

>フレームは使わない方がいい?

◎質問者からの返答

参考になりました。

ありがとうございました。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



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