下層ページの解説

下層ページの構成

前回のトップページに対して、内部のページが下層ページです。

階層構造は上図のようになっています。例えばメニュー1をクリックすると「1」フォルダの「index.html」にジャンプします。ホームページを構成するファイルは、どこに置いても構わないのですが、更新や引っ越し、管理者が変わる場合などのメンテナンス性を考えると、最初からある程度フォルダを分けて整理しておいた方がベターです。
また、ホームページを置くサーバーは、ブラウザでディレクトリ（フォルダ）のURL（末尾が「/」で終わるURL）を入力すると、index.htmlやindex.htm、index.phpファイルを表示するように設定されています。そのため、index.htmlが無い場合はディレクトリ内のファイル一覧が表示され、セキュリティ上好ましくありません。ですから、ディレクトリ内の各トップページにはindex.htmlというファイル名を付けるよう心がけましょう。

コード解説

「1」フォルダ内index.htmlのcontent（トップページと異なる部分）のHTMLとCSSを解説します。
CSSファイルは前回同様、cssフォルダのstyle.cssです。

<div id="content">～</div>

テンプレートでは本文とサイドバーの2段組みにしていますが、トップページのように1段組みにしたい場合は、下記の<article>と<aside> を全て削除すればOKです。

>> サイトの公開