• ベストアンサー

CSSでデザインしたWEB標準でサイト構築はどうやればよいのか

tableタグを使わずCSSでデザインしたサイトが増えてきました。 ですがどうやって作るのかわかりません。 DreamWeaverMXで作成可能でしょうか?

noname#84709
noname#84709
  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
  • tom0120
  • ベストアンサー率26% (367/1390)
回答No.3

HTMLとCSSは、使い方が違うだけで、特別なものではありません。 なので、DreamWeaverMXは、使ったことがありませんが、 テキストやノートパットでできるので、「ソース」のところで作成できます。 また、CSS関係のサイトは、HTMLのサイトに関連して説明していることがほとんどなので、個々の意味は参考になります。 ただ、「デザイン」の方法は、いろいろあります。 なので、一連の解説がされていないと、これから理解しようとする場合は、困難かと。 なので、「CSS参考書」はありますので、1冊は必要です。 でないと、「雛形」が理解できないと、「オリジナル」加工。調整もできません。 ですので、「CSS参考書」の中に、自分の希望する、「デザイン」の雛形のCSSを利用しながら、カスタマイズしていくと、理解しやすいです。 CSSは、「内部」形のものと「外部」形のものもあるので、ケースバスケースで利用してますね。

その他の回答 (2)

回答No.2

最近のDreamWeaverは昔に比べて性能も良くなってきているので、 CSSももちろん使えます。 ただ、やはり完全にという訳にはまだいかないようですので、 お仕事等で今後使われるのでしたらDreamWeaverだけではなく、 いちから手打ちでHTML&CSS or XHTML&CSSを覚えていただいた方がよいかと思いますが、 個人レベルでサイトを立ち上げられるのでしたら、 DreamWeaverMXで何ら問題ないかと思われます。 完全にはいかないというのはDreamWeaverで制作したデータのソースを 後から見直してみると、いちから手打ちで作成したものより、 若干ソースが汚いというだけで、見た目は全く問題ありません。 現状、プログラミング制作会社等でもDreamWeaverを使ってる会社も沢山あります。 CSSレイアウトを使用しますと、 後々のメンテナンス・大幅なデザイン変更でも自由に対応できますので 一回覚えてしまえばとても便利です。 (テーブル組みはソースを見るのが本当に面倒くさい!!) SEO的にもテーブル組みよりCSSレイアウトにした方が有利です。 CSSレイアウトに関する本も沢山書店で売っていますので 頑張って勉強されてはいかがでしょうか。 CSSでぐぐると沢山でてきますよ。 参考にCSSの初心者向けサイトのURL添付します。

参考URL:
http://www.tg.rim.or.jp/~hexane/ach/lbcs/
noname#140971
noname#140971
回答No.1

工場の一介の老工員でプログラマではありませんので参考程度に・・・。 「一度はWebサイトなりものを作ってみようか」と思いたちました。 HPビルダーの類は利用しましたが、その機能自体は使いませんでした。 いわゆる<タグ打ち>に徹しました。 http://www.w3.org/Consortium/Translation/Japanese.html まず、事前準備として HTMLとCSSに関する日本語訳をダウンロードして印刷して読みました。 しかし、それだけじゃー、どうにもノウハウってもんが判りませんでした。 「Web標準の教科書-XHTMLとCSSでつくる"正しい"Webサイト」 (益子貴寛著、秀和システム、\2400E) そこで、私は、この本を参照しました。 およそ、2ヶ月もあれば一通りは作成できるようになると思います。 頑張って下さい。

関連するQ&A

  • WEBサイトのデザインについて教えてください。

    少し前から趣味でホームページを作成するようになり、今ではかなりホームページに興味を持つようになりました。今は飲食店でアルバイトをしているのですが、将来はWEBデザイナーになりたいと思っています。 無料で作れてテンプレートを使用し作成できるサイト作りに飽きてしまい、先日ドリームウィーバーを購入して勉強しています。HTML,CSSはある程度習得できたと思っています。 そこで質問なのですが、tableタグを使用してサイトをデザインしていくのはいけない(好ましくない)のでしょうか?とあるサイトを見てみると、「tableは表を表すタグなのでできる限り使用しない方がよい。CSSを用いてpositionを使用した方が好ましい」といった事が書かれていました。他にも「tableタグ内にtableタグを挿入するのはよくない。spamサイト(?)扱いにされてしまう事がありSEO対策も悪い。」といった事も聞いたことがあります。 今まで私はtableタグを使い、CSSのtext-align:center;を使用して配置していましたのでそのような記事を見てしまい「今まで間違ったことをしていたのだろうか」と思っています。しかし、綺麗に作られたサイトのソースを見たりしてもtableタグを使用しているサイトもあり、実際はどうなのだろうかと心配です。例えば<table>を使用していけないのか、 <table><tr><td> <table> <tr><td> </td></tr> </table> </td></tr></table> 上記のように(見にくくてすみません)table内にtableタグを使用してはいけないのか・・・。いろいろな情報がありすぎてどれが一般的に使用していいのかさっぱりです。 皆様はどのようにWEBデザインをなさっているのでしょうか。やはりtableを使用しないのでしょうか。 説明が長くなってしまいましたが、どなたかご教授していただけませんでしょうか。本気で目指していきたいと思っております。どのような意見でもかまいません。よろしくお願いいたします。

  • htmlとcssのデザインについて

    Webサイトでデザインをする際に、cssを利用すると<table>タグ不要でテーブルデザインできるようです。個人的には色やフォントに限定してcssを適用しています。古いブラウザで見れないなどのデメリットがありますが、今後はcssでデザインをするのが一般的になるのでしょうか? 個人的にはcssで全てを作ると可読性が悪くなるような気がするのですが。。。

    • ベストアンサー
    • HTML
  • CSSでのWebデザインについて。

    現在、Webページを作っておりCSSでデザインしようと思っているのですが http://jyouhouya3.sakura.ne.jp/ (情報屋さん。) このサイトや http://cowscorpion.com/  (Cow&Scorpion) このサイトのように、大体見てもらえれば分かって頂けると思いますが、大きいテーブルの中でサイトを作っているとでもいいますか・・・・ サイト自体の幅が狭いとでもいいますか・・・ どう説明したらいいのかわからないです、すみません^^;  して、Cow&Scorpionさんのソースを見てみまして この部分を作るタグが下記のようにでてきまして(多分間違っているでしょうが^^;) <base href="http://cowscorpion.com/"> <link rel="stylesheet" type="text/css" href="style.css" /> <div class="banner_top" align="center"><img src="/img/vbar.gif"></div> <table class="tablebody" cellspacing="0" cellpadding="0" border="0" align="center" width="730px" height="100%"> <td valign="top" class="i" colspan="2"> このままじゃ自分のサイトには貼れませんでした。CSSはサッパリなんでどこがどうなっているのか分かりません。 なお、HTMLは大体わかります。 とりあえずこの様にサイトを作るにはどのようにして、HTMLタグに書けばいいのでしょうか?  お手数ですがお願いします。 乱文、長文すみませんでした。

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

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

    • ベストアンサー
    • HTML
  • 初心者以下だけどwebデザインを学びたい

    10年ほど前になると思いますが、趣味でFireworksMXのスライス機能と DreamweaverMXで今思えば最悪なテーブルレイアウトでweb作成をしていました。 divタグすら使ったことない、CSSは行間開けたりするのにちょっと使ったことがあるレベルです。 その時の感覚が抜けない、ゼロの初心者以下の人間なのですが、 Photoshopからのwebデザインやブログ機能の組み込み、 WordPressのテーマカスタマイズ等を学びたいと思っています。 まずは基礎とばかりに『web標準の教科書(http://www.amazon.co.jp/dp/4798010928)』 片手に手打ちでポチポチやり始めたところですが、このあと何から覚えていけば効率が良いか、 この書籍ならステップアップに最適といったものがあればアドバイスいただけないでしょうか? 漠然とした質問で恐縮ですがよろしくお願いします。 すっかり浦島状態です…

    • 締切済み
    • CSS
  • CSSデザインテンプレート

    CSSでデザイン・レイアウトされたテンプレートを探しているのですが、 ご存知ないでしょうか。 サイトからテンプレートをダウンロードして、 じっくりと読み、研究するという勉強をしています。 将来、webデザイナーを目指しているので、 とにかく大量のデザインを浴びるように 勉強したいなと思います。 何か、素晴らしいデザインのテンプレートを ご存知でしたら紹介してほしいです^^ あ、後テーブルとフレームは却下です(汗) もはや「使ってはいけない」ものですもんね^^;

  • CSSを使ったサイトデザインについて

    最近、雑誌などを参考にしながらCSSを使ったサイトデザインに挑戦しています。 そこで疑問に思っているのは、画像の配置方法についてです。 画像をHTML上で配置するのか、CSS上で配置するのかどちらがベストなんでしょうか。(当然、場合によって違うので答えはないのでしょうが) たとえば、gooでいえば左上のロゴマークをHTML上で挿入してCSSで配置するのか、CSSで画像の挿入も含めて配置するのがベストなのか、どちらなのでしょう。 それとも、一定の基準があるのでしょうか。 アドバイスお願いします。

    • ベストアンサー
    • CSS
  • CSS デザイン 切り替えかた

    1つのWebサイト作る際、ユーザー別に、自動でデザインを変えてみせることは可能ですか? デザインはCSSでやろうと思っています。 可能なら、css、javascript、…など、どういうものを使えばいいか教えてください。 例えば、特定のページAからのリンクで来た人にはA'のデザインで 特定のページBからのリンクで来た人にはB'のデザインで…というふうに、1つのサイトを見せたいのです。 (特定のページA、B…も自分で作ります。) javascriptのパラメータやリファラーを使えばリンク元のページはわかって、 複数のcssを切り替えたりできるようですが、 (http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q111...のベストアンサー参照) その切り替えたcssの情報を(最初の1ページだけでなく)、 サイト内で、次のページ次のページまた戻って違うページ…などと遷移していった時に、 受け継いでゆくことは可能でしょうか? 同じサイト内を、違うリンク元からきた人は、違うデザインで見続けるということです。 わかりにくくてすみません。 それぞれのデザインの分だけページを作ればいいというのは、ナシでお願いします。 できるか、できないかなど、少しでも情報くださると嬉しいです。

  • HPBでの表のcssについて

    HPBver10でホームページを作成しています。 表の作成時ですが、table.cssが作成されますよね? cssについて知らないのですが、 デザインを参照するファイルのようなものだと思っています。 ですが、サイト内の表のデザインはそれぞれ別にしているので、cssでなくても…と思うのですが。 みなさん、HPB使用時の表の保存どのようにされているのでしょうか? 画像ファイルのように、css用フォルダを作ってそこに保存したりするのでしょうか?? いろいろ調べてはみたのですが、初心者すぎて分かりませんでした。 分かりづらいとは思いますが、どうぞよろしくお願いします!

  • Webサイトのデザインは重視しますか?

    Webサイトを見るとき、やはりWebサイトのデザインって気になりますか? それとも、読みやすく使い勝手が良ければ、Webサイトのデザインは気にならないですか? 新しいWebサイトを作ろうと考えているのですが、どうもCSSが使いこなせないので、多少デザインが貧相でも、コンテンツとユーザービリティに注力しようと考えています。 やはり、デザインは気になりますか? ご意見を聞かせてください。よろしくお願いいたします。

専門家に質問してみよう