私はすぐに、静的コンテンツと動的コンテンツを含む個人の Web サイトに取り組んでいます (静的コンテンツから始めて、カスタム作成コンポーネントとオープンソース ソリューションの両方を使用して動的コンテンツを徐々に追加します)。ディレクトリ構造、ファイル名、ドキュメント構造など、あらゆることについてアドバイスをお願いします。ありがとう。
5 に答える
スクリプト (javascript) とスタイリング (css) をコンテンツから分離することに注意してください。
シンプルな静的ページでも動的に生成されたページでも、コンテンツ ページにスタイルを埋め込んだままにしておくのは非常に簡単です。そして、後で戻ってクリーンアップするのははるかに困難です。
また、最初からできるだけテーブルベースのレイアウトを避けるようにしてください。代わりにdivを使用してください。Web デザインに慣れていない場合、div を機能させるのは難しいかもしれませんが、ログの実行では div の方がはるかに柔軟です。
JavaScript フレームワークの使用を検討してください。Prototype.js または jQuery のいずれかで十分に機能し、ブラウザの不整合に対処する時間を大幅に節約できます。
そして、リストはどんどん増えていきます.. これらは、今、私の頭のてっぺんから考え出されたほんのいくつかのことです.
PSソース管理を使用します。他のソフトウェア プロジェクトと同様に、バージョン管理システムは、ロールバックしたい場合や、単にブランチで新しい機能を試すことにした場合に非常に役立ちます..
これがベスト プラクティスまたは慣習と見なされるものかどうかはわかりませんが、私はあなたの Web サイトの地図から始めます。そこにどのような種類のページを配置するのか、それらをどのように整理するのか、ナビゲーションをどのように構築するのか。
私はいつも「この Web サイトで何をしたいですか?」というような質問から始めます。そして「このサイトを見ているのは誰?」そしてそこから行きます。
また、このサイトの重要性についても考えてください。完了するまで集中する予定ですか、それとも単に楽しみのために、または時間が許すときに行うものですか? 後者の場合は、小さく始めることを検討してください。個人の Web サイトを立ち上げて、それを完成させない人をよく見かけます (私も含めて)。もっと悪いのは、人々が 1、2 ページを掲載してから、10 ページの「近日公開」を掲載しているのを見るときです。
Firefox *で開発/設計し、後でIEでテストします。逆に試してみると、気が狂います。
*(必要に応じてIE以外のブラウザに置き換えてください)
ユーザビリティはあなたの友達です。スティーブ・クリュッグのドント・メイク・ミー・シンク!従うべき規則の例などを示しており、かなり良いです。