Google検索エンジン

トップページ » ホームページの作り方 » ホームページのフォルダ構成・階層


ホームページのフォルダ構成・階層

  • ホームページを表示するためのHTMLファイルを保存するフォルダを作成します。 下の図のように、ホームページ全体を保存するための「ホームページフォルダ」、スタイルシートを保存するための「cssフォルダ」、画像を保存するための「imgフォルダ」、JavaScriptを保存するための「js」フォルダを作成します。

    よく分からない人も、とりあえず下の図と同じように、自分のパソコンにフォルダを作成してみてください。 要は自分のパソコンに、HTMLファイルを保存するためのフォルダを作成しているだけです。


    ホームページのフォルダ構成・階層

    上の図では「Cドライブ」直下に「ホームページ」という名前のフォルダを作成してます。 フォルダを作成する場所は「Cドライブ」直下でなくても分かりやすい場所で構いません。 フォルダ名も「ホームページ」ではなく、分かりやすい名前で構いません。 作成したフォルダ直下に「css、img、js」3つのフォルダを新規作成してください。 「css、img、js」についてもフォルダ名は変更しても構いませんが、半角アルファベットにしておくことをおすすめします。

    全てのファイルを「ホームページフォルダ」にまとめて配置すれば、フォルダの階層を分けなくてもホームページを表示することはできます。 しかし、ホームページのページ数や画像などが増えて、複雑になったときに整理しにくいので、機能やカテゴリ別にフォルダを分けるのが普通です。 企業のホームページ等でも、機能やカテゴリ別にフォルダを分けています。



ホームページ作成方法
it-manual.comのウェブサイト
書籍の紹介
  • できるホームページ HTML&CSS入門 Windows 7/Vista/XP対応
    できるホームページ HTML&CSS入門
    発売:2010/12/24
    定価:1,659円
    著者:佐藤 和人
    出版:インプレスジャパン
    内容:オールカラーの大きな画面で操作手順がよく見える初心者向けの書籍です。HTMLタグやスタイルシートの入力手順を丁寧に解説してます。手順の横にヒントも掲載されており、関連知識も身に付きます。ホームページやHTMLの用語集も付属してます。
おすすめレンタルサーバー
  • 月額125円のプランからビジネスにも使えるプランまで、予算や利用目的で選べる共用レンタルサーバや、サーバ1台まるごと利用できる専有レンタルサーバなど様々なサービスが用意されています。
  • 50GBの大容量で、月額525円からのレンタルサーバーです。マルチドメイン、無料お試し期間、その他ユーザーツールなど便利な機能がたくさんあります。
  • 100GBの容量以外は、ほとんど無制限のレンタルサーバーです。マルチドメイン、サブドメイン、FTPアカウント、データベース、メールアカウントなどが無制限で利用できます。
  • サポート充実、高機能、高セキュリティーをお求めなら、イチオシのレンタルサーバーです。セコムと提携することで、業界屈指の高セキュリティーを実現してます。