div cssで構造と性能の分離分析をアイデアとプロセスから実現_体験交流

古代のトピック: 古代の詩の分離

1. 古代の詩を与え、フォーマットなしでテキストの山として保存します。その内容を理解し、構造を処理する必要があります。 Word の組版を使用した後、彼は構造を持ちました
2. この構造には実際にはセマンティクスとパフォーマンスが含まれています
3. 構造化には html を使用し、すべての表現形式を脇に置き、セマンティクスのみを考慮します
4. CSS Perform を使用します視覚的なプレゼンテーションを持つ HTML のデフォルトのプレゼンテーションを含む、プレゼンテーション処理。このプレゼンテーションは、構造とユーザー エクスペリエンスを反映します。ユーザー エクスペリエンスには、インタラクティブなレイアウトと視覚的なエクスペリエンスが含まれます。
5. 注釈をクリックするなどの動作を追加する場合シリアル番号を押すと、ゆっくりと注釈のコンテンツにジャンプします。

CSS Zen Garden をもう一度見てください。
上記と同じ 5 つのステップで、CSS Zen Garden の最初のバージョンが形成されます。
テンプレート プロバイダーによって行われる作業の多くは、インタラクティブな行のビジュアル デザインの下書きです。 CSS として Web ページに反映されます

コーディングの観点から見ると、次のことがわかります
最初のステップは、コンテンツを構造として処理し、純粋な HTML を記述することです
2 番目のステップは、プレゼンテーションとしての構造と純粋な CSS 記述
3 番目のステップは、パフォーマンスに動作を追加することです。

プロセスの観点から
最初のステップはドキュメントの計画
第 2 ステップは構造的処理
第三のステップはインタラクション デザイン (インタラクション スタイルの構築)
第 4 のステップはビジュアルデザイン（ビジュアルスタイル構築）
第五段階、スタイル構築

逆に考えると
CSS禅庭がなければ、デザイナーは何百枚ものデザイン案をデザインして、それを作っていきます。ページとHTMLは同じですか？類推すると、あなたのプランニングが 2 人のインタラクション デザイナーとビジュアル デザイナーによって担当された場合、ページ構築の構造は同じになるでしょうか?答えは決して同じではありません。なぜ同じではないのでしょうか?ここでの議論の根本的なポイントは、深く考える必要がある問題です。