店舗案内ページを作成するまえに、内容と構成を確認しておきましょう。
ページ構成と内容
店舗案内ページは、「さきちんカフェ」の店舗情報(所在地・住所・電話番号)を案内するページとなります。
[ページの完成図]案内情報は表(table)を組んで、スタイルシートで飾り付けを行なっています。
表の作成で学習した内容を思い出しながら作成しましょう。
スタイルの確認
新しく作成するスタイルは
- 「.tablestyle」
- 「.tablestyle td」
- 「.tablestyle th」
の3つとなります。
これらは表(table)に適用するスタイルとなります。
既存で使用するスタイルは
- 「.contentsbox」
- 「.midashi」
の2つを利用します。
店舗案内ページは作業量は多くはないのですが、表(table)+CSSを使うので若干複雑です。苦手意識がある場合は、ここでしっかり再学習しましょう!
覚えておきたいポイント
店舗案内ページの役割
店舗案内ページは店舗の情報や住所、連絡先などが記載されたページです。店舗について調べる際に便利なように、様々な情報を記載しておきます。