HTML／XHTMLチュートリアル

実際に料理レシピ集を作成しながら実践的なタグの扱いと、Webサイトの構築法を学んでいきましょう。

作成する料理レシピ集は、「ずぼら主婦の料理レシピ集」です。

Webページを観察

「ずぼら主婦の料理レシピ集」はCSSを使用していないので見た目は簡素ですが、Webページにおける要素が十分に満たされていて、学んでいくには良い素材だと思います。

少し「ずぼら主婦の料理レシピ集」サイトを観察してみましょう。

まず、トップページには、

• レシピがカテゴリ別にリストアップされている
• そのリストで、個々のページにリンクしている
• レシピは増えるらしい

個々のレシピのページはどのページにも

• 料理名の見出しがある
• 材料がテーブルを使って一覧表示されている
• 作り方は、番号付きのリスト形式
• ページ下部にトップページへのリンクがある

といったことが挙げられると思います。

普段、いろいろなサイトを見て回るときにこのような見方をしていると（楽しめませんが）、Webサイト構築のセンスが付いてくると思います。

最後のまとめ

ページの先頭

目的とコンセプト