divタグのみを使用して、サイズ変更可能なhtmlページを作成することはできますか？

Question

divタグのみを使用して自分のウェブページのレイアウトをデザインしたいと思います。しかし、私はそれでうまくいきません。私は、大規模なウェブサイトを構築するための基本的なテクニックを理解する必要があります。

キックスタートのチュートリアルやヒントを教えてください。

Answer 1

これをカバーするチュートリアルを含むサイトが多数あります。

http://www.colorplexstudios.com/articles/div_web_design_tutorial/

http://www.mardiros.net/liquid-css-layouts.html

あなたはdivタグやCSSを使用して、動的/サイズ変更可能な設計をしたい場合にも流体/弾性レイアウト上のチュートリアルを探してみてください：ここで私はあなたがチェックアウトをお勧めいくつかはあります。

Answer 2

それはそんなにチュートリアル、それは事前に設計されたウェブサイトのための出発点ですが、あなたが異なるために建設現場を理解して助けに驚異を働かせるようではありませんhttp://cssgrid.net/

よりもリキッドレイアウトのための多くの優れたフレームワークがありません画面サイズ（電話機に至るまで）。

はテスト目的のためにも、このリンクをチェックアウト - http://www.resizemybrowser.com/

Answer 3

を、私はあなたがCSSベースのレイアウトを理解し始める方法求めていることを知っています。

DIVタグは単に意味のないコンテナとして機能することをこの初期段階で指摘したいと思います。レイアウトを手助けすることもありますが、しばしばHTML要素自体の思慮深いスタイリングによって同じ結果を達成することができます。

たとえば、ULはブロックレベルの要素であり、CSSはその点でDIVとまったく同じように扱います。

レイアウトでできるだけいくつかのDIVタグを使用するように努めます。代わりに、HTML要素のボックスモデルを利用することをお勧めします。これにより、変数が最小限に抑えられ、将来的にはよりクリーンでメンテナンス可能なコードになります。

あなたが学ぶにつれ、可能であればDIVなしで働く習慣を身につけてください。長期的に見ると、HTMLとCSSをはるかによく理解できます。