チュートリアルのブログ

5つのヒントのXHTMLコーディング/ CSSレイアウト

2006年3月2日のOliで%8コメント Twitterの投稿 ポストヤフーにバズ ポストDiggに ポストRedditに ポストStumbleUponのに




これらは、テーブルからの移行時に私を助けているいくつかのヒントに基づく標準準拠のCSSベースのレイアウトへのWebデザインです。


XHTMLとCSSレイアウト設計のヒント
1) のThenoodleincidentデザイン暴言を読む。
これは、最終的に私の頭の中のレイアウト用のCSSを使用してそれについて']をクリックして記事があります、それを明確にコンテンツからスタイルを分離するの背後にある思考の深さの上に説明します。

2)いけないオーバーのレイアウトを複雑にする
としてトップ上の背景やレイアウトの透明なdiv要素-この方法は、ブラウザの非互換性や他の癖のより多くの部屋は、あなたと認識したり、将来的に避ける学ぶことができるの詳細と大きな画像を使用します。

3)いけない部狂う!
あなたがdiv要素を持つテーブルのレイアウトを再現していない;するごとに1つの領域ごとに異なる部必要はありません-例えば、他の要素を使用することができます、ご希望の効果を得るため。 すなわち、現在の位置とスタイルの段落などのページ要素-それは、常にdivをする必要がないことができます!

4)意味論-どのように物事を成し遂げることが必要
これは何か、非常にあなたのhtmlの構造には、常に正しいHTML要素を使用することが重要です-物事がそのリストは、リストとしてマークアップする-これはあなたをスキップしています。 物事がそのペアは、定義リスト-記憶を使用してデフォルトの定義リストをどのように見える心配しないでください-することができますスタイルがどのように、あなたを得ることができる効果に驚くだろうしますあなたのヘッダー(H1の使用して、水素など)を正しく-ごく普通のテキストに、太字のスタイルを適用するヘッダーやスタイルとしてマークしないようにあなたのCSSのです。

あなたに沿って行くと5)ブラウザをチェックします。
むしろ全体のレイアウトを作成し、それをチェックし、その次にこれを修正し、何か他の旅行1つまたは複数のブラウザでねじ込み見つけるより。 、それをチェックブラウザのヘッダーセクションを作成し、間違っているものを修正します。 その後、NAVを作成すると同じです。 は、本体の作成と同じです。 このように、コードやスタイルの負荷を介して、問題を見つけるに苦労する必要はありませんそれを打ち破ること。 管理チャンクを考えてみよう。

もしこのそれを掘るが好き



コメント

XHTMLのコーディングのための5"に8つの応答のヒント/ CSSレイアウト"
  1. ジェリー- http://aboutme さんの意見:

    自分のウェブサイトを作るために基本的な方法を送信してください(私のE -メール)ghetz23@yahoo.comに送信する

    感謝です!
    ジェリー

  2. オリ- http://tutorialblog.org さんの意見:

    右冗談を言っている?

  3. 0d j0d.net - http://j0d.net j0d さんの意見:

    良いヒントがある、とはいえ私は完全には、H1、水素電気ショック療法を無視するが、thatsので、私は怠け者 :)

  4. イスラエル- さんの意見:

    非常に良いヒントを.. congratz ..

  5. ジェニファー- http://webdesign.about.com/ さんの意見:

    私は行かないのコメント"愛部狂牛病"。 私のチームは、数ヶ月前には、Webサイトの構築は、元の設計(しかし)div要素の過度のではない多く使用されます。 彼らがそれに引き渡さ以来、彼女は本当に一緒に働いていないが、私の経験の少ないデザイナーは、すべてのdivしなければならなかったことを決めた。 これは、約1カ月が使用して<div class="paragraph">だけで、昔ながらの<p>とdivの優れているを使用して優れていた説明するために時間がかかったが、すべてではありません。

  6. 奪う- さんの意見:

    ちょっといただきました!男をバックアップします。 どうすればあなたのレイアウトを何が起こるかにあまりに多くのDIVタグがありますか?

  7. グリーン- http://yahoo.com さんの意見:

    ハイサム! 写真集、電子メールを送信します。

  8. カリム- http://googleasens.blogspot.com/ さんの意見:

    私も男をいただきました!要求しているハイテク。 どうすればあなたのレイアウトを何が起こるかにあまりに多くのDIVタグがありますか?

チュートリアルのブログ