サイトデザインにおけるスタイルシートとテーブルの選択
- サイトデザインにおいてスタイルシートとテーブルのどちらを使用するかは、スタイルシートを使用することで簡単に製作することができます。
- 現在ではスタイルシートを用いたレイアウトが人気となっており、テーブルでレイアウトすることはあまり行われていません。
- スタイルシートを使用することで、柔軟なレイアウトやデザインの変更が容易になりますが、テーブルでレイアウトする場合は制約が多くなります。また、フレームを使用する場合も簡単に製作することはできますが、SEO対策上の問題があることも考慮する必要があります。
- ベストアンサー
デザイン
｜メニュー｜ ｜ ｜ 告知－－ 告知２－－ ｜ ｜ ｜ ｜ ｜ ｜ ｜メニュー｜ ｜ ｜ ｜ ｜ ｜ ｜ －－－－ －－－－ *告知・告知２はテーブルで作成したものです このようなサイトを作るにはスタイルシートを用いたら簡単に製作できます？ テーブルでレイアウトするのとスタイルシートでレイアウトするのは今現在どちらの方が人気になってるんでしょうか？ またそのメリットデメリットは何ですか？ フレームで作る方が簡単ですか？ 告知・告知２がそれぞれ左右にありますが どのように配置設定してます？
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
・HTML <body> <div id="left"> <div id="menu1">メニュー1</div> <div id="menu2">メニュー2</div> </div> <div id="right"> <div id="announce1">告知1</div> <div id="announce2">告知2</div> </div> </body> ・CSS div#left{ width:200px;float:left; } div#right{ width:500px;float:left; } div#right div#announce1{ width:200px;float:left; } div#right div#announce2{ width:200px;float:left; } こんな感じで全部スタイルシートで書けます。 > テーブルでレイアウトするのとスタイルシートでレイアウトするのは今現在どちらの方が人気になってるんでしょうか？ スタイルシートです。 > またそのメリットデメリットは何ですか？ メリット：サーチエンジンの最適化（順位が上がる）、アクセシビリティのアップなど。 デメリット：CMSやDreamweaverなどを使用しないと、共通部分の更新を全てのファイルに対して行わないといけないので更新作業が大変になる。 > フレームで作る方が簡単ですか？ フレームは好ましくありません。 サーチエンジンから直接やってきた人にフレームの中身のページだけを表示するから。 ただし、サーチエンジンを伴わないWebアプリケーションなどではこの限りではありません。
関連するQ&A
- ホームページ作成について
今、ホームページを作っていて、内容を８００ピクセル位の枠に収めて、なおかつ、ウィンドウの中央に配置したいと思っているのですが、 テーブルで全体を囲って中央配置すればいいと思うんですが、 本来はテーブルをレイアウトに使うのは好ましくないんですよね？ なのでスタイルシートで同じようにしようと思うのですが、どうすればいいのかわからないので教えてください、 補足：ウィンドウを狭めていったとき、左右均等に狭まって行くように したいです、言ってることがわかりづらいかもしれませんがお願いします
- 締切済み
- その他（インターネット・Webサービス）
- WEBデザイナーの方にレイアウトについての質問
レイアウトについての質問です。 最近テーブルでレイアウトではなく、スタイルシートですべてレイアウトしているサイトをよくみかけます。自分もすべてスタイルシートで作成したページを作成してみたんですが、プラウザごとに微妙にレイアウトがずれてしまします。 そこでWEBデザイナーの方に質問ですが、現在の主流はまだテーブル+スタイルシートなのでしょうか。また、アクセシビリティなどの観点からみてスタイルシートのみで作成したほうがいいかなと思いますが、レイアウトがずれないように作業をするコツがありましたらを教えてください。
- ベストアンサー
- HTML
- Webサイトデザイン（FLASH・JavaScript・フレーム・スタイルシート）
今までFLASH（メニュー）+フレームという形態をとってサイトを作成していました。 それ以外のページ（HTMLのみのページなど）は用意していません。 主に取引先とやりとりをするページなのですが、特に不具合等を指摘されたことはありません。 メニューの中身が表示される形態の方が見やすいだろうということでJavaScriptを使おうと思ったのですが、 JavaScriptは結構オフにしている人多いですよね。 なので使うのをためらいます。 特にXPのSP2などではオフの人が多いかと思うのですが。 また、フレームはよくないようなことをききました。 検索エンジンにひっかりにくいから、というような理由のようですが。 特に検索エンジンに引っかかって欲しいと思わない場合、フレームは別に問題ないのでしょうか？ 他社企業様のサイトを見ると、メニュー（上部配置）が画面をスクロールすると一緒に動くので、フレームじゃないんだなぁと 思って見ています。 IFRAMEやスタイルシート等でそれぞれのページの上部にメニューをつけた方がいいのでしょうか？
- ベストアンサー
- CSS
- 画面の配置方法
こんばんは。今回皆様からのアドバイスを頂きたく、書き込みさせていただきます。 今まで私が使っていた画面（JSP＆サーブレットの勉強用に作った画面）なんですが、レイアウトが汚いのと（画面六枚あるのに、統一性なし）、テーブルを使って配置しているので、肝心のプログラムがタグに埋もれてしまってソースが見にくいのとで、スタイルシートをつかって、すっきりさせたいと思っています。そこでスタイルシートの勉強をしているのですが、疑問が。 私はブラウザの伸縮によってレイアウトが変わってしまうようなものではなく、固定のレイアウトにしたいと思っています。 その際に、１画面十数個もある部品（ボタンとかテキストとか）の位置を一つ一つ指定するんですよね？ 今日試したみたのがpositionを使ってのピクセル指定なのですが、これがまた、タグを記述しては実行してみてちょっとずれてたらまた微調整して、みたいな感じで大変手間がかかります。（今まではテーブルで大体の位置を指定して、ブラウザの大きさによってレイアウトが変わりました） ホームページのレイアウトをスタイルシートを使って作成する際に（テーブルは使わずに）、普通皆様はどのように作成しておられるのでしょうか？ 綿密に計算してから作成するのか、私みたいにとりあえず書いてみて「あ、もうちょい右っ側かな」と修正するのか、はたまたもっと便利な方法があるのか…。 もし宜しければご教示頂けないでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- スタイルシートを使用したホームページの作成について
教えて下さい。ホームページビルダー７を使用して、現在HPを作成しているのですが、スタイルシートを使って、同じレイアウトのページを作成したいと思っています。イメージとしては、ページ上部にタイトル、左側にメニューバーと考えているのですが、これをテンプレートとして保存して、各ページを作成しているのですが、この方法だと、メニューに１つコンテンツを増やしたりすると、すべてのページに１つずつコンテンツをつけてしていかなければいけません。今後の事を考えれば、コンテンツが増えていくと考えられますので、外部スタイルシート（css?)を使用して、そこを変更すれば全ページのメニューに反映されるような方法をとりたいと思います。 フレームを使用すればそれは簡単ですが、HPにフレームはいろいろな弊害があるので、やめたいと思います。フレーム以外でそれと同じような方法があればよろしくお願いします。 私のホームページの知識は、ビルダーで作成して、HTMLをちょこちょこと変更するぐらいなので、専門的に勉強していません。大体の意味がわかるのですが…。 どうぞよろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- ホームページビルダーで、スタイルシートを使用したHPを作りたいが、参考になるページ等
お世話になっております。 5年～6年くらいになりますでしょうか… ずっと、ホームページビルダー7で製作しています。 微妙と言われる事の多い、ホームページはテーブルレイアウトです。 ホームページビルダーは使用してますが、HTMLはある程度なら分かります。 今更ながらなんですが、スタイルシートを使用してホームページを製作したほうが更新が簡単とか、タグを見たときに簡素化されて見やすいなど…。 利点が多い事が判り、スタイルシートでの製作を考えています。 ホームページビルダーを使用し、尚且つスタイルシートも使用して、 ホームページ製作が出来ればベストなんですが、 なかなか思う様に出来ません。 google等で、スタイルシートについて記載してあるホームページを 探したりはしましたが、いまいち理解できません。 ここはお勧め！と言うスタイルシートに関して、 参考になるホームページがありましたら、教えていただけますと幸いです。 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- フレームについて質問です。
フレームでないトップページに各コンテンツのメニューをおいて、そのメニューをクリックして各コンテンツにリンクでとんで行きたいんですが。 その各コンテンツをフレームで・・・ってことはできるのでしょうか？ 私の知っている範囲では、不可能そうで、テーブルかスタイルシートで、フレーム風にデザインするしかなさそうなのですが、もしもなにか方法があったら教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- テーブルの罫線について
ビルダーでサイト作成しています。 http://www.rakuten.ne.jp/gold/angers/ こちらのサイトさんで、左下あたりにある category とある画像入りのメニューのように、上下のセルがくっついたメニューを自分のサイトにも置きたいのですが、テーブルでレイアウトするとメニューとメニューの間が空いてしまいます。 cellspacing="0"にしてみたり、ソースを見たりしていじっているのですがどうしてもうまくいきません。 スタイルシートで調節しているのでしょうか？ 全く同じものを作りたいのでわかる方ご指導よろしくお願いします。
- ベストアンサー
- HTML
- CSSで「フレーム」のような効果は出せますか？
遅ればせながら テーブルやフレームを使わず、スタイルシートによる段組レイアウトを勉強しています。 段組レイアウトそのものは何とかできるようになったのですが、 例えば、 ヘッダ（header) 左メニュー（side） 右に内容（contents） といったいわゆる２段組レイアウトの場合 sideのリンクをクリックすると、 contentsだけが別のページにジャンプするという、 フレームのような効果は出せるのでしょうか？ ブログのようなＣＧＩにすればいいんでしょうが 更新するのは私ひとりですし、 プログラムを導入するのが面倒で・・・(--;) できればHTMLとCSSだけで実現したいのです。 全画面リンク（_top）にするというテならばありますが その場合、headerおよびsideに配置した画像も、全く同じものなのに再度表示することになって、結果アクセスが重くなりますよね。 あと、アイフレームも極力使いたくないです。 わかりにくい説明で申し訳ありませんが とにかく、以上の方法以外で、 実現できるか出来ないかを教えてください。 私が見ている参考書はレイアウトの事しか載っていなくて・・・ よろしくお願いします。
- 締切済み
- CSS
- ホームページビルダー９のレイアウト
こんにちは、朝から困ってます＞＜／ 今、本を見ながらＨＰ作成をしているんですが、メニューバー（っていうのかな？）にレイアウトというのがないんですよ！ 本ではどこでも配置モードで、「表(A)レイアウト(L)フレーム(R)」となっているのですが、「表(A)フレーム(R)」となっています。 小さいことですが、すごい気になって・・・どなたか教えて下さいm(__)m
- 締切済み
- ホームページ作成ソフト
お礼
ありがとうございます