カスタム検索

各ページを仕上げる

ここまでの作業でとりあえず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をコピーして作成すれば手間が省けます。

CopyLeft 2017 Webデザインレッスン プライバシーポリシー サイト管理者に連絡