2

レイアウトとコンテンツの分離は、CSS と HTML のドメインであり、これまでのところよく理解されています。今、分離について...

コンテンツ管理システムに「スキン」または「テーマ」を提供するタスクを開始するためのヒントとベスト プラクティスを探しています。

バックグラウンド:

Portal Server/Content Management System を採用し始めており、ニーズに合わせてルック アンド フィールを変更し始めています。

私たちのデザイナーはこれまで、主に HTML と CSS を完全に制御して作業し、いずれかを微調整して、ピクセルパーフェクトなレイアウトを実現してきました。cms の採用により、CSS と画像でスキニングする必要がある、事前に作成された HTML (非常にセマンティックで、テーブルはほとんどありません :) がたくさんあります。HTML フラグメントを変更することは可能ですが、最後の手段としてのみ行うことをお勧めします。

これは「どのように開始するか」という課題を提供するため、私の質問は、このタスクを管理または整理するのに役立つヒントや記事についてです。たとえば、設計のベストプラクティス、このタスクをどのように分割するか、またはどのツールを使用するかです。

動的に生成されたページをディスクに保存し、ローカルで変更するのは悪い習慣のようです。これは、CSS ファイルにはある程度問題ありませんが、HTML 要素への変更は、生成元のフラグメントに後付けする必要があります。可能であれば、これをデザイナーの領域から除外したいと思います。また、Dreamweaver (または同様のツール) が暗黙のうちに HTML 構造を微調整するという考えは、私にとって恐ろしいことです。

好奇心旺盛な方へ: 前述の CMS/Portalserver はLiferayですが、質問は実際には言語やツールに依存しません。

編集: FireBug (Josh が示唆したように) は、css をオンザフライで変更するのに最適です。ツールまたはインプロセスおよび自己組織化の分野で、他に何かありますか?

4

3 に答える 3

2

スタイルとコンテンツを分離する実用的な例を探しているなら、CSS Zen Gardenをお勧めします。HTML と CSS を調べてみると、インスピレーションと啓発が得られ、あなたがやろうとしていることの助けになるはずです。

私の #1 のヒントは、すべてを可能な限りセマンティックにし、多くのクラスと ID を使用してスタイルをフックすることです。

于 2008-10-12T20:04:03.980 に答える
1

通常、このような状況にあるときはいつでも、FireFox でページを表示し、FireBug を使用してさまざまな要素を検査し、それらに適用されている css を正確に確認します。次に、気に入ったものが得られるまで、既存の css を変更します。それらの変更を「保存」せずに、firebug で遊んで CSS を変更することもできます。

于 2008-10-10T12:51:10.533 に答える
0

CSS Tidyを見てください。通常、これを使用して CSS をクリーンアップし、開発と運用のために再編成します。ただし、個人的には、これを使用する前に手動で HTML/CSS を作成することを好みます。それは個人の好みの問題だと思います。

于 2008-10-12T20:11:19.863 に答える