各ページを仕上げる
ここまでの作業でとりあえず1ページ完成させることができました。「くりごはんレシピ」のページと同様の手順で作成すれば、トップページ以外は完成させることができます。しかし、1ページ作成するだけでも結構大変な作業です。
他ページとのタグの配置を比較
とりあえず1ページ完成させましたが、これから作成する他のページがどのようなタグの配置、ネスト構造になるか考えてみてください。今まで作成したページと同じようなタグの配置になるページがあるかもしれません。同じようなタグの配置になっているページはコピーして使用するのが得策です。
ここでの料理レシピ集ではトップページ以外のレイアウトが統一されているため、記述するタグはほとんど同じものとなります。タグの記述として変化するのは、
- 材料、分量のセル(<tr><td>)の数
- 作り方の手順リストの項目(<li>)数
- 備考(<div>)の有無
だけです。
そのため、既に作成したkuri_gohon.htmlをコピー(テンプレートのように)してしまえば、あとは原稿をコピー/ペーストしていくだけの作業となります。
kuri_gohan.htmlをコピーして、ファイル名を他の(例えばtakenoko_gohan.htmlなど)に変更し、各ページを仕上げましょう。変更するのは、
- <meta>の説明文
- <meta>のキーワード
- <title>のタイトル名
- <h1>の料理名見出し
- <tr><td>の材料、分量(項目の増減で<tr><td>を調整してください)
- <img>のファイル名(src属性)、説明文(alt属性)
- <li>の作り方手順(項目数によって、<li>を増減させてください)
- <div>の備考
となります。これらをずぼら主婦の料理レシピ集を参考にして、内容をコピー/ペーストしたり、説明文や、キーワードは自分で考えて記述してみてください。
尚、「たけのこごはん」と「柳川鍋」は材料、分量の項目数、作り方の手順の項目数は同じなので、「柳川鍋」には、takenoko_gohan.htmlをコピーして作成すれば手間が省けます。