• ベストアンサー

HP作成 table?css?

こんにちは。 HTMLの勉強がてらHP作成をしているところです。 デザインの事なのですが、 3色の色でストライプ模様を作りたいと思ってます。 現在、テーブルで色指定をしたりしてるのですが、デザインの事はCSSを使った方がよいらしい・・という事を小耳に挟みました。 CSSを使えばどういうメリットがあるのでしょうか?? テーブル使うメリット・デメリットは? HP作成に着手したばかりであまりわかりません。よろしくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • skyresort
  • ベストアンサー率63% (21/33)
回答No.1

CSSのメリットは (1)構造上の記述と視覚的(デザイン)な記述を分けることにより、ソースが簡潔になる (2)SEO対策に繋がる (3)複数のページデザインをまとめてコントロール出来るようになるので便利 (4)HTMLよりも詳細な指定ができる (5)様々な環境(携帯用ページ、XHTMLで作成されたページ)で読めるページがつくれる などです。

関連するQ&A

  • CSSでの表の作成について

    CSSでの表の作成方法を教えてください。 table要素使わずCSSのみで表の作成は可能でしょうか? 作成したい表は 2列10行の表で、列幅は それぞれ違った幅を指定、行の高さも それぞれの行によって 高さを変えたいと思っています。 背景色の指定、ボーダーの指定もしたいです。 table要素使わずCSSのみで表を作成するには、どうしたらいいのか教えてください。 初心者なので、CSSの内容とHTMLの内容(ソース)を書いたものがあると助かります。 どうかよろしくお願いします。

  • テーブルレイアウトのデメリットとCSSのメリット

    私は現在フリーランスのデザイナーをやっていますが、メインはDTPと商品撮影で、Webは余り得意じゃありません。 私がHP作成を覚えた頃はDreamweaver4で、未だにテーブルレイアウトで作成しています。 CSSも覚えようと本を買って勉強したのですが、どうにもメリットが感じられず現在に至ります。 ※恥ずかしながらHTMLもまともに読めません。 そこで質問なのですが、テーブルレイアウトはそんなにダメなのでしょうか? 私が作るページは小規模の店舗相手が多いので多くても5ページくらいのサイトになります。 なのでデザインを変えるときはゼロからやっても何の苦にも思いません。 100ページとかのサイトばかり作ってれば意地でもCSSを覚えたでしょうけど。 今まであくまで「デザインだけ」と割り切ってきましたが、今後のことを考えると主流に乗るのが利口だと思います。 余り深い知識がないので、できるだけわかりやすく簡潔に説明いただけると助かります。 以上、回答お願い致します。

    • ベストアンサー
    • CSS
  • CSSで2つのtableに異なる書式を設定したい

    タイトルどおりです。 今、授業でHTMLとCSSを勉強中です。 実習ということで自作HPを作成中です。 学習した内容で、という決まりがあるので、 クラス指定とかしたんですけど、いまいちうまくいきません。 CSSファイルで2つのtableに対して違う書式を設定する方法を ご教授ください。 いそぎです。

  • ホームページをCSSで配置しているサイトを最近見かけます。

    CSSでデザインすると、HTMLのテーブルよりもすっきり見えるからだと思うのですが。 しかしCSSだけで配置やデザインをしっかり組むと、 HTMLのテーブルタグで作成した場合とタグの量がそんなに変わるとは思えません。 よく変わっても倍半分くらいかなと思います。 CSSでデザインするとDreamWeaverなどではデザインをチェックすることができません。 ブラウザに表示して確認しないといけません。 ↑これが結構手間 あとCSSを使う理由としてデザインの変更が簡単ということや、 検索エンジンに優しい?というのもあります。 以上を考えるとCSSでの大きなメリットがあまり見出せないのですが、 スッキリとしたサイトはCSSでデザインされています。 なぜCSSでデザインするほうがいいのでしょうか? CSSでデザインすることの大きなメリットを教えてください。

    • ベストアンサー
    • HTML
  • tableレイアウトとCSSデザイン、ハイブッド、どういう違いがありますか?

    無料のテンプレートを使ってHPを作ろうと思っています。(HTMLとCSSの知識は多少あります。) テンプレートには、 tableレイアウト、CSSデザイン、およびハイブッドがありますが、これらは目的によって使い分けられているのでしょうか?「こういう場合はCSSが良い」とかあるんでしょうか? 分かる方がいたら、教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPの組み方について (HP作成業の方に回答いただきたいです

    HP作成を仕事にしている方にお聞きしたいのですが、 受け持ったHPをお客様側が更新されるという場合、どのような組み方をされていますか? 私の場合 更新を含めたHP作成請負⇒XHTML+CSSで組む。 HP作成後お客様側が更新される⇒HTMLでtableで組む。 (Dreamweaver経験者なら、tableとcssのハイブリッド型) 今やXHTML+CSSが主流になってきていますが、それだと更新をお客様がしにくいと思うので、上記のような方法にしています。 他のHP作成をされている方はそこをどう対応されているのか、いつも疑問に思っています。 よければアドバイスお願いします。

  • HTML、CSSについて。テーブル背景がズレる。

    こんにちは。よろしくお願いします。 HTMLとCSS、2つのファイルを作成しています。 HTMLでテーブルを作成し、<td><div=名前></div></td> として、テーブルの中身はCSSにまかせています。 複数列、複数行ありますがdiv名はひとつずつ違うのが付いています。 CSSでは、 div#名前 { width: 20px; height: 20px; margin: 0px; padding: 0px; background: url(画像名.gif); }   ・   ・   ・ htmlを表示させてはcssのpxを調節し、 きれいな背景画像付きのテーブルが完成した!と思ったのですが、 ブラウザの文字サイズを最大に変更すると崩れてしまいました。 pxではなくて%で指定してみても崩れます。 解決策をご存知の方、教えてくださると有難いです。 よろしくお願いします。

  • HP作成で使う『テーブル』ってなんですか?

    今gooの簡単HPを作成中なんですが、 メニューの部分の文字を変えたり、 三角マークを別の素材にしたりしたいんですが、 そこを変えることってテーブルで合ってますか? 違うとしたら皆さんどうやって 個性的なメニューにしてるんでしょうか? できればどんなHTMLを使うのかも教えてください。

    • ベストアンサー
    • HTML
  • CSSでテーブルセルの大きさ指定したい

    CSS(スタイルシート)を使って セルの大きさを指定したいのですが 自分のもってる本にはHTMLの方法しかのってなく CSSのテーブルの項目にはなぜか書いてません 自分が使っている無料HPサイトではHTMLで 指定しましたが反応ないです CSSでのセルの大きさ指定のやり方教えてください

    • ベストアンサー
    • HTML
  • このテーブルのCSSはごう記述すればよいのでしょうか?

    趣味でHPをつくっているのですが、 外部CSSにHTML内のテーブルに適用する記述をしたいです。 文字のさいずを11ptにして 行間を150%にするにはどのように記述すればよいのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう