前回の授業で制作したCafeサイトの他のページを作成し、複数ページのサイトに作り直しましょう。
複数ページの場合になるとファイル数が一気に増え、各ファイルのデータ管理、ディレクトリ管理がこれまでに比べて難しくなりパスの間違いが増えるのでディレクトリ管理を徹底しましょう。
また、CSSファイルが複数必要になるので、その際の注意点などもしっかりと覚えましょう。
作るページ
- お店のことページ
- メニューページ
- アクセスページ
複数のCSSファイル
CSSファイルが複数入る場合は全ページ共通のCSSファイルと個別ページのCSSファイルに別けるなどの工夫が必要です。
例
<link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/style.css">
各ページに入るコンテンツ
お店のことページ
- お店のコンセプト
- こだわりの食材
メニューページ
- おすすめメニュー
- ランチメニュー
- ディナーメニュー
- ドリンクメニュー
アクセスページ
- 地図
その都度画像を用意するのが手間な場合は手軽にダミー画像を生成してくれるwebサービスなどを上手に使いましょう。
Placehold.it - Quick and simple image placeholders