■ Webクリエイター試験対策

施設のご案内(p.82〜)

① トップページを複製する

p.82
トップページのindex.htmlを複製して、「施設のご案内」のページを作成します。このページを基本のページ(フォーマット)にして、あとでさらにファイルを複製します。

② 名前を変更する

複製したあと、info.htmlに、名前を変更します。
ここで、同じ内容のファイルが、二つできることになります。


【重要】

index.htmlを閉じて、info.htmlを開く

ここで、開いているindex.htmlファイルを閉じましょう。info.htmlに切り替えます。
間違って、index.htmlを、編集しないように気をつけましょう!!!!


p.84

③ 各ページに共通する部分を作成する

ページタイトル

● <title>タグを変更する。


● ロゴにリンクを設定する


p.87参照する


メイン領域に、基本のHTMLを記述する

info.htmlの<div id="main">に含まれる全ての要素を選択して削除します。

▼ 中身を削除すると、このようになります。

▼ 空白になった<div id="main">の中に、<article>と<h1>を記述します。<h1>の要素の内容は、「施設のご案内」にします。


p.88参照

info.htmlを複製して、他のページを用意する


これで、全4ページが設定できたことになります。


各ページに共通するCSS (p.89〜)