5

Webコンテンツ、つまりHTML、JS、CSSを整理するための最も一般的な方法は何ですか？

私は通常、小さなプロジェクトでこれを行っています。

  • index.html
  • style.css
  • script.js

これはかなり標準的なことだと思います。しかし、複数のHTML / JSファイルを含むプロジェクトに対してどのようにそれを行いますか？私のアプローチは次のとおりです。

  • index.html
  • foob​​ar.html
  • style.css
  • js
    • core.js
    • foob​​ar.js

これは一般的な方法ですか？ファイルが1つしかない場合でも、CSSを別の「css」ディレクトリに移動する必要がありますか？この中央CSSファイルは通常どのように呼ばれますか？「style.css」または「base.css」または他の何か？HTMLファイルを別のディレクトリに移動するのは一般的ですか？

4

7 に答える 7

2

それはほとんど好みの問題です。

ただし、すべてのjs/cssと静的イメージを/staticや/mediaなどの単一のフォルダーに入れるのはかなり一般的です。たとえば、/ media / css/style.cssです。ここでのポイントは、アプリケーションサーバー（Ruby on Rails、Django）を使用して動的ページを開発し、nginxなどの軽量Webサーバーを使用して静的コンテンツを提供することが多いということです。

現在のベストプラクティスのほとんどが含まれているhttp://html5boilerplate.com/を参照することをお勧めします。

于 2011-03-31T13:24:55.830 に答える
2

私はこれをします：

index.html
styles/
    main.css  # Main CSS
    i/        # CSS images dir. Its name is short because: background:url(i/my_image.png);
    f/        # CSS fonts dir.
scripts/
    main.js   # Main JS
images/       # Content images
于 2011-03-31T13:25:37.543 に答える
1

Railsの組織が好きです。ユーザーに提供されるパブリック静的ファイルはの下にあり/publicます。次に、JavaScriptファイルとCSSファイルがそれぞれとの下に保存されpublic/javascriptsますpublic/stylesheets。静的htmlファイルは。の下に保存され/publicます。

中央のCSSファイル名に関しては、それは本当にあなたの好みです。Webサイト（twitter.cssなど）にちなんで名前を付けることも、base.css、all.cssなどの一般的な名前を付けることもできます。等

私はあなたのhtmlをpublicフォルダの下に置きますが、あなたはフォルダを作成することもできますpublic/html。

于 2011-03-31T13:22:58.607 に答える
1

他のディレクトリに画像を移動することをお勧めします（もちろん）、他のディレクトリに複数のファイルがある場合はcss、他のディレクトリに複数のファイルがある場合はjs。また、ファイルの名前は最も重要なものの1つであることを忘れないでください。style1またはのようなスタイル（複数の場合）を呼び出さないでください。ただし、スタイル間の違い、またはstyle2のような短い仕様。より大きなjsスクリプトを使用している場合は、スクリプトと同じように、それらを別のディレクトリに追加します。light_gray.cssdark_black.css

于 2011-03-31T13:23:15.360 に答える
0

私が遭遇する最も一般的な構造は次のとおりです。

  • index.html
  • foob​​ar.html
  • 画像
    • some_image.jpg
  • スタイルシート
    • default.css（application.cssまたはstyle.cssも一般的です）
  • js（またはjavascripts）
    • application.js
    • hello_world.js

これは、一般的にRailsや他の多くのフレームワークで行われる方法です。

プロジェクトが拡大するにつれて、複数のスタイルシート/スクリプトが作成される可能性が高いため、最初にフォルダーに入れると、後で時間と労力を節約できます。

于 2011-03-31T13:26:27.370 に答える
0

大規模なプロジェクトでは、静的ファイルと動的ファイルを区別します。つまり、PHPのように解析および実行されるファイルと、そのままクライアントに送信されるファイルです。多くのPHPフレームワークは、次のバリエーションを提案しています。

index.php       # single starting point
admin.php       # *or*
admin/index.php # admin area, separated from frontend
lib/            # contains executables, that are not directly called
static/         # contains CSS, JS, images and so on, that come from developers
assets/         # static content, that is uploaded by the user

このアプローチにはいくつかの利点があります。まず、ユーザーのアップロードとスタイルシートを混同しないでください。次に、staticansで見つかったものを含む適切なexpireヘッダーとCachingヘッダーを送信するようにWebサーバーを簡単に構成できますassets。

このlibフォルダーはクライアントに対して何らかの方法で禁止されているため、埋め込み専用のコードをクライアントに送信することはありません。

結局のところ、しかし、それはあなたが好きなものとあなたが必要とするものの問題です。

于 2011-03-31T13:29:35.453 に答える
0

ASP.NET Webフォームのデフォルトはindex.html、foobar.htmlルートディレクトリのパブリックファイルです。次に、その下にディレクトリがScriptsあります。Styles制限されたファイルがある場合、それらはAccountディレクトリに移動します。これが最善の方法だと言っているわけではありませんが、Microsoft側で行うのが一般的な方法です。

于 2011-03-31T13:35:55.920 に答える