ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

トップページをコピーする

トップページをコピーして作成しよう

他のページは、基本的にトップページを流用・加工して作成します。

なぜ流用するのかというと、新規にゼロから他ページを作っていくよりも、流用したほうが効率的だからです。

ヘッダー、サイドナビ、フッターは全ページ共通です。
つまり、他のページはメインビジュアルを削除しメインコンテンツを書き換えてしまえば完成します。

全ページ共通の範囲

ゼロから他ページの作成となると、またヘッダーやメインビジュアル、サイドナビ、フッターのソースコードを入力しなければならず、とても面倒です…。
このような理由から、他のページはトップページを流用して作っていきましょう!

他ページの作成範囲

トップページと他ページの関係

「さきちんカフェ」では、トップページと他ページを別のフォルダに分けています。

フォルダ構成

なぜかというと、ホームページを作る際にメンテナンスの向上や構造を理解しやすくするためです。

今は「cafe」フォルダ内に「index.html」を入れていますが、ここに他ページのhtmlファイルを入れてしまうとフォルダ内が乱雑になってしまいます。
ページ数が少ないホームページでは問題ないと思うのですが、ある程度の規模のホームページや、後々拡張する予定のあるホームページでは目的のファイルを探すのも一苦労です。

フォルダ内は綺麗に整理整頓しよう

フォルダ内を整理整頓するためにも積極的にフォルダ分けを活用しましょう。
※画像を「img」フォルダに分けているのも、こういった理由のためです。

さきちんカフェのフォルダ構成

さきちんカフェのフォルダ構成

「さきちんカフェ」のフォルダ内の構成は、上図のようになります。
こうすることで、目的のファイルを探しやすくなったり、後々ホームページを拡張する際にも簡単に編集することができます。

htmlファイルやcssファイル、画像ファイルは1つのフォルダに詰め込まず、フォルダ分けして管理するようにしましょう。

なお、トップページの「index.html」は必ずフォルダの一番上(最上層)に置くようにします。
こうすることで、人間にも機械にも「これがトップページのファイルだな」と理解してもらえるようになります。
詳しい説明すると長くなってしまうので、ホームページを作る際の約束事として覚えておいてください。

覚えておきたいポイント

作業は効率的に

メインコンテンツ以外はすべて共通なので、ゼロから他ページを作るよりもトップページを流用したほうが効率的です。

整理整頓を心がけよう

フォルダ内はなるべく整理整頓するようにしましょう。ファイルの置き場所や関係性、ホームページ全体の構成を把握することができます。

他ページ作成の準備
« 前のページへ 【STEP.5】他のページを作る前に

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。