- ベストアンサー
ホームページをCSSで配置しているサイトを最近見かけます。
CSSでデザインすると、HTMLのテーブルよりもすっきり見えるからだと思うのですが。 しかしCSSだけで配置やデザインをしっかり組むと、 HTMLのテーブルタグで作成した場合とタグの量がそんなに変わるとは思えません。 よく変わっても倍半分くらいかなと思います。 CSSでデザインするとDreamWeaverなどではデザインをチェックすることができません。 ブラウザに表示して確認しないといけません。 ↑これが結構手間 あとCSSを使う理由としてデザインの変更が簡単ということや、 検索エンジンに優しい?というのもあります。 以上を考えるとCSSでの大きなメリットがあまり見出せないのですが、 スッキリとしたサイトはCSSでデザインされています。 なぜCSSでデザインするほうがいいのでしょうか? CSSでデザインすることの大きなメリットを教えてください。
- ENTRE
- お礼率0% (16/2523)
- HTML
- 回答数6
- ありがとう数0
- みんなの回答 (6)
- 専門家の回答
質問者が選んだベストアンサー
CSS を利用して制作するメリット、デメリットではなく、本来 <table> タグでレイアウトをしているのが間違いなんだと理解してください。 今はブラウザも CSS に準拠してきていますので、<tanble> タグでレイアウトする必要がありません。 また、CSS で組んでいれば、HTML(XHTML)にまったく手を入れずに、数百ページあるようなサイトでも、CSS の記述を変更するだけで全てのページでレイアウトをいっぺんに変更する事が出来ます。 プロであれば、CSS で制作するのが現在です。 個人的なサイトであれば、ご自身の好きな方法で制作すれば良いだけです。 CSS に関してはまだまだ勘違いされている方、また間違った使い方をしている人も多いと思います。質問者様も書籍や雑誌を良く読んで勉強してください。 以下引用して回答します。 >しかしCSSだけで配置やデザインをしっかり組むと、 >HTMLのテーブルタグで作成した場合とタグの量がそんなに変わるとは思えません。 >よく変わっても倍半分くらいかなと思います。 減ります。減っていないと思うのは参考にしているソースが良くないだけです。HTML(XHTML)は確実に、容量が減ります。ただし CSS ファイルはそれなりに増えます。制作者のスキル次第だと思います。 >CSSでデザインするとDreamWeaverなどではデザインをチェックすることができません。 >ブラウザに表示して確認しないといけません。 >↑これが結構手間 質問者様が、プロなのか、趣味で作っているのか判りませんが、プロであれば、色々なブラウザで確認するのが本来だと思います。DreamWeaver の見え方など参考程度の物です。 >あとCSSを使う理由としてデザインの変更が簡単ということや、 >検索エンジンに優しい?というのもあります。] 最大のメリットだと思います。他に有りますか? >以上を考えるとCSSでの大きなメリットがあまり見出せないのですが、 >スッキリとしたサイトはCSSでデザインされています。 >なぜCSSでデザインするほうがいいのでしょうか? デザインと CSS は全く無関係です。 以上、参考にしてください。
その他の回答 (5)
- deco_o3u
- ベストアンサー率50% (2/4)
テーブルレイアウトより指定が少なく済むし、px単位での移動が可能。 大幅なレイアウト修正があったとしても、cssを書き直せばいいだけなのであまり中身をいじらずに済む(作業効率が良い)。 複数のページに渡る場合、テーブルレイアウトで毎回ごちゃごちゃ指定しているものよりもはるかに読み込みが早い(最近だと回線もスペックも良くなってあまり分からないかもしれないけれど)。 印刷時のレイアウトも別個で可能。 テーブルレイアウトで出来ない事が大体は可能。 >CSSでデザインすることの大きなメリットを教えてください。 楽だからです。
- metametamu
- ベストアンサー率51% (153/295)
まぁこの手のは流れもありますから・・・ 検索エンジンがそれを推奨している以上、無視できないというのもあります。 個人的にはhtmlとcssで分ける最大のメリットは、同じファイルでもメディアによる表現を変えられる点でしょうか。 PCで見たときと携帯で見たときでレイアウトが変えられます。 なのでデザインをより見やすくしたりできますし、モダンブラウザであればcssはオフにしたり自分の都合の良いようにページのデザインを変えられます。 見てもららうためのページですからできるだけ見れる機会を確保することは重要なんですよね。
- うぃず(@Wizard_Zero)
- ベストアンサー率69% (344/495)
HTMLは文書構造を、CSSはHTMLのヴィジュアルを定義するものです。 <font> <center> <b> <i> などのデザインに関するHTMLタグはすべてCSSでの指定が推奨されています。 このようにするメリットは、まず構造とデザインを分離できる点が挙げられます。また、外部CSSファイルを使えば、ひとつの定義を複数のタグやページで使いまわすことができます。また、デザインの変更もHTMLに触れることなく、CSSを書き換えるだけで実現できます。 数ページ程度の小さなさいとであればともかく、数十、数百にわたるページはCSSでデザインを管理しないと更新が大変なことになります。 他にも、サーバーサイド処理などでリアルタイムにHTMLを生成する場合も、デザインが変更された際にプログラムの変更が必要なくなるので維持管理が楽になります。 ま、単にHTMLよりも多彩なデザインができる、というのが一番大きいかも?
- wildcat-yp
- ベストアンサー率37% (303/813)
それは手の込んだレイアウトにしたことがないからではないですか? ある程度縦と横がマス目状にレイアウトできるのであれば、それほど問題ではありませんが、もっと入り組んだ場合はテーブルでははっきり言って、メンテナンスできません。 後は、データと描画情報を別にすることでデータの再利用性を向上させます。 別に、あなたがいやなのであればテーブルで作成すれば良いのでは? 結局は好き好きですよ。 社内のページ等で、なおかつデータの再利用等も考えず、検索エンジン等も関係ないということであれば、何で作ろうとあなたの自由ですよ。
- HAL007
- ベストアンサー率29% (1751/5869)
>>検索エンジンに優しい?というのもあります。 これしかないでしょう! 検索エンジンが見てくれないHPなど商用では無用の長物。
関連するQ&A
- CSSで記述されたホームページ
テーブルで記述されたホームページはDreamWeaver等でデザインを確認dきますが、CSSで記述されたホームページはブラウザでしか確認できません。 DreamWeaverでデザインを確認することはかのうでしょうか?
- ベストアンサー
- HTML
- CSSで配置等のデザインを作成
最近のSEO対策のされたホームページは CSSで配置等のデザインを作成されていますが、 CSSで細かい配置を修正するには、 どのようなホームページ作成ソフトで作成したらいいのでしょうか? (DreamWeaverとか) それともみなさん、 テキストで作成されているのでしょうか? あまり、CSSに詳しくないので、 よろしくお願いします。
- ベストアンサー
- HTML
- CSSで画像の配置について
HTMLではテーブルで配置していた画像が、CSSではどう表記すべきか教えて下さい。 a~eの4枚の画像があり、HTMLのtableで以下のように配置していました。(3文字で1画像とみて下さい) a bbb e a ccc e a ddd e 両サイドに1枚ずつ、真ん中は3段です。 これをCSSで再現する場合、どのようにしたらよいでしょうか? 単にfloatだけで出来るのでしょうか。
- ベストアンサー
- HTML
- Dreamweaver8でCSSをつかったときのズレについて
Dreamweaver8をつかっていて、 CSSでレイアウトをし、コンテンツの中にもdivやspanを頻繁につかっているのですが、Dreamweaver8内のデザインビューだとデザインがずれてしまっているのに、プレビューすると全くずれていません。 タグ上でやることが多いので、おそらく間違っていないとは思うのですが、ソフト上のデザインビューで見たときも、ブラウザでみたときのように正常にする方法はないのでしょうか?
- ベストアンサー
- HTML
- CSSで組む意味
私の上司はCSSを使って書いてもサイトを見に来る人にはメリットが無いからそんなもので書かなくても良いと言い、開き直った様にテーブルのみでレイアウトを組み、フィント等のデザインもCSSではなく、HTMLで組んでしまっています。 そんなわけがないのは皆さんもご存知の様な現状ですが。 では苦労して綺麗にCSSでサイトを作る意義とは何でしょうか? ・SEO的に ・今後全ブラウザはCSSに対応していく様にバージョンアップされるから ・テーブルで組みすぎるとマックユーザーは重すぎる よくある理由はこれですが。 その他説得の材料は考えられますか?
- 締切済み
- デザイナー・クリエイティブ職
- CSSを使ったサイトデザインについて
最近、雑誌などを参考にしながらCSSを使ったサイトデザインに挑戦しています。 そこで疑問に思っているのは、画像の配置方法についてです。 画像をHTML上で配置するのか、CSS上で配置するのかどちらがベストなんでしょうか。(当然、場合によって違うので答えはないのでしょうが) たとえば、gooでいえば左上のロゴマークをHTML上で挿入してCSSで配置するのか、CSSで画像の挿入も含めて配置するのがベストなのか、どちらなのでしょう。 それとも、一定の基準があるのでしょうか。 アドバイスお願いします。
- ベストアンサー
- CSS
- ホームページのCSSについて
IEと火狐ではCSSでの表示方法が異なります。 現在ホームページはIEに合わせてCSSを組んでいるのですが、 知人から(火狐利用者)「ホームページの表示が変!」と指摘がありました。 そこで、ブラウザシェアを調べたら国内でIEが94%でダントツだと言うことが分かりました。 しかし、火狐を使ってる人も結構いるのが現実・・・ どちらか片方のブラウザに合わせてCSSをこのまま組んでいくのか、両者が快適に観覧できるようにJavaScriptなどでブラウザ毎にページとCSSを作って分散するのがいいのか・・・ 後者だとページ数が増えるごとに作業量が2倍になるのですが・・・ 企業用のホームページではないのでそこまでこだわる必要はないのでしょうか? 「こうしたらいいよ!」とか「こうすることであまり手間をかけずに解決できるよ!」とかみなさんの意見を教えていただけないでしょうか?よろしくお願いします。
- ベストアンサー
- その他(ITシステム運用・管理)
- HTMLとCSSの学習のためdreamweaver
dreamweaverを購入しました。 タグとか打たなくても、自動で入りますし、CSSも簡単にできます。 ひたすらデザイン画面の文字を入力して、あとから改行したりすると勝手にタグが入ります。 こんな便利なソフトを使っていて、HTMLの勉強になるのでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- ホームページ作成する時のCSS,HTMLデザイン作業(Indesign Fireworks Illustratorなど)
皆様いつも回答ありがとうございます。 早速ご質問ですが(素人ながら稚拙なご質問申し訳ないです) 1.IndesignとFireworks、どちらがDreamweaverで応用が利くか(HTMLやCSSを作成する点で) 2.プロはDreamweaverのみでHP(HTMLやCSS)を全部作成しますか? Indesign(cs3)やFireworksなど?のソフトウェアを使ってデザインしたついでにHTMLやCSSもそのまま出来上がり、それをDreamweaver(cs3)に埋め込めないかと思ったのですが、可能というか実践向けなのでしょうか? 実際のWEB現場ではどのように一連の作業していますか、やはりdreamweaverだけでHTMLやCSSを最初から作っていく、みたいな感じでしょうか?またもしIndesignやFireworksなどでCSSやHTMLも可能であるならばどちらがHPを製作・デザインする上でいいでしょうか? 私としてillustratorでロゴや画像などはすべて処理しようかと考えています。つまり画像やロゴを配置したイメージがそのままHTMLやCSSが出来上がり、それをDreamweaverで使えるかどうかお聞きしたいのです。。両方とも無料体験したのですが、イマイチ使えるのかどうかって感じなのです・・。 m(__)m回答いただければ大変助かります、よろしく尾根がいたします。
- ベストアンサー
- CAD・DTP