カスタム検索
トップページ >HTML/XHTML >チュートリアル

HTML/XHTMLチュートリアル

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

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

Webページを観察

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

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

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

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

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

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

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

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

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