サイトは、テキストコンテンツ、コード、スタイルシート、メディアコンテンツなど、多くのファイルで構成されています。サイトを構築するときは、これらのファイルをローカルコンピュータ上の合理的な構造に組み立て、互いに呼び出すことができるようにして、最終的にサーバにアップロードする前に、すべてのコンテンツを正しいものにする必要があります。サイトに合理的なファイル構造を設定できるように、注意すべきいくつかの問題について説明します。サイトのファイル構造のミラーである単一のフォルダに保持する必要があります。このフォルダは好きな場所に置くことができますが、簡単に見つけることができる場所、たとえばデスクトップ上、ホームフォルダの中、またはハードディスクのルートなどに置いてください。サイトプロジェクトを保存する場所を選択してください。いう新しいフォルダを作成します。サイトのプロジェクト全てを保持するところです。サイトを格納する別のフォルダを作成します。大文字と空白の除外この記事を通して、フォルダやファイルに空白のない全て小文字で名前を付けるよう求めていることに気が付くでしょう。その理由は次の通りです。多くのコンピュータ、特にウェブサーバでは、大文字と小文字が区別されます。して呼び出せば、それは動作しないかもしれません。ブラウザー、ウェブサーバ、プログラミング言語は、空白の扱いが一貫していません。つのファイル名として扱うことがあります。置き換えるので、リンクが壊れてしまう結果になります。ようにハイフンで区切る方がよいでしょう。簡単に言えば、ファイル名にはハイフンを使うべきです。検索エンジンはハイフンを単語の区切りとして扱いますが、アンダースコアはそうしません。このような理由から、少なくとも自分で判断できるようになるまでは、フォルダやファイルの名前を空白のない小文字にして、ダッシュで区切った方がいいでしょう。すれば、転んで道路に倒れることが少なくなるでしょう。サイトはどのような構成にするべきか次に、テストサイトがどのような構造を持つべきかを見てみましょう。ファイルと、画像、スタイルシート、スクリプトファイルを入れるフォルダです。このファイルには、一般的にあなたのホームページの内容、つまりあなたが最初にあなたのサイトに行ったときに見るテキストと画像が含まれています。フォルダ内に保存します。このフォルダにはサイトで使用するすべての画像を入れます。いう名前のフォルダを作成します。コード(例えばテキストと背景色の設定など)を入れます。いうフォルダを作成します。コード(クリックされたときにデータを読み込むボタンなど)が含まれます。いうフォルダを作成します。既定で有効になっている既知のファイルの種類の拡張子を表示しないというオプションがあるため、ファイル名の表示に問題が発生することがあります。[OK]をクリックすることで、これをオフにすることができます。バージョンに関する詳細な情報については、ウェブで検索してください。ファイルパスファイルをお互いに呼び出すためには、ファイルパスを提供する必要があります。基本的には、あるファイルが別のファイルの場所を知っています。サイトをどのような外見にするかの記事で選択した画像を表示させます。フォルダにコピーします。ファイルを開き、次のコードをファイルに挿入します。それが今のところ何を意味するのか気にしないでください。シリーズの後半で構造を詳しく見ていきます。伝える必要があります。同じディレクトリにあります。