7

ウェブデザインに関して言えば、私はリモートで見栄えの良いものを作るのが恐ろしいです。ありがたいことに、デザインテンプレートの無料のソースがたくさんあります。ただし、これらのデザインの問題は、1ページしかカバーしておらず、多くのユースケースをカバーしていないことです。CSS Zen Gardensを見ると、1つのHTMLファイルがあり、CSSファイルを変更するだけで根本的に異なるスタイルを設定できます。

今、私は、多くのユースケースをカバーし、Zen GardenのようなさまざまなCSSファイルで一般的にテーマを設定できる標準のHTMLレイアウト（タグとID）があるかどうか疑問に思っています。私が想像しているのは、HTMLの記述方法と、使用することになっているボックス、リスト、メニュー、およびスタイルに関する一連のルールです。さまざまな用途をカバーする一連の標準テストページを作成できます。また、新しいCSSファイルを作成し、さまざまなページをすべて適切なビューでサポートする必要があります。

私が説明しているものに似たものをカバーするプロジェクトはありますか？

4

4 に答える 4

5

YUIからGridsフレームワークをチェックしてください。特に素晴らしいのはグリッドビルダーです。また、リセット、ベース、フォントのCSSファイルのセットがあり、ベースラインを構築するのに適しています。

于 2008-09-04T09:27:34.270 に答える
2

私は通常、HTML標準自体によって設定されたガイドラインに従おうとします。

  • 見出しは「h」タグに入れられます（つまり、メインの見出しに1つのH1タグがあり、その下に1つ以上のH2タグがあります）。
  • フリーテキストは、Pタグの段落にグループ化されます。
  • 論理的にグループ化された情報のセクションは、DIVタグに入れられます。
  • あらゆる種類のリスト（最終的に水平に配置したいメニューも）は、UL、OL、DLなどのリストタグに属します。
  • 情報のテーブルはTABLEタグに入れられます。レイアウトにテーブルタグを使用しないでください。
  • ID属性とCLASS属性を賢く使いましょう。IDを一意に保ち、ナビゲーションメニューやページフッターなど、ページ上で一意なものを表すことがわかっている要素にIDを割り当てます。繰り返されるが類似している要素に同じクラスを割り当てます（類似した視覚スタイルでレンダリングしたい場合があります）。

私はいつも非常にわかりやすい縦長のページから始めます。ページの下に必要なものをすべて白黒で実行するだけです。次に、CSSの追加を開始して、ビットが希望どおりにフォーマットおよびレイアウトされていることを確認します。

私が話していることの例については、私のホームページのソースを見てください。

于 2008-09-04T09:41:19.773 に答える
1

私はBluprintCSSを使用しましたが、これは簡単で便利です。また、列の数と列間の距離を変更できるいくつかのrubyスクリプトもあります。デフォルトでは、span-24要素の場合は950pxです。

于 2008-09-04T09:35:24.967 に答える
1

BluePrintCSSは、私が知っている限りでは、最初のCSSフレームワークでした。YUI CSSフレームワークとして、レイアウトの処理に役立ちます。

この種のフレームワークは、サイト用に複数のCSSを構築するのに役立ちます。

BluePrintCSSは非常に成熟したプロジェクトなので、ぜひチェックしてみてください。

于 2008-09-04T09:44:44.757 に答える