Webページのレイアウトパターンについて学習します。
HTMLタグの構造を理解して、レイアウトの構造を考えることが目的です。
Contents
マルチカラムレイアウト
リンク先のサイトが無くなっていたり、リニューアルされているかもしれません。
いろんなサイトを見て分析してみましょう。
動画内で紹介したサイトです
2カラムレイアウト
創業300年以上の歴史を誇る名古屋の老舗八百彦本店。伝統の味を守りながらも、現代のニーズに…
www.yaohiko.co.jp
時間の都合上、カットしたサイトです。
同じようにレイアウト分析してみると良いでしょう。
高知県日高村に小さなゲストハウス兼、エントランスが誕生しました。仁淀ブルーで有名な仁淀川に…
tomatoto.jp
全国の動物病院情報を網羅。病院の口コミ情報・ペット情報・ペットショップなど。－動物病院検索…
animaldoctor.jp
3カラムレイアウト
注：「MODEA」が上部メニュー・1カラムにデザインが変わっています。
3カラムレイアウトは、もうほとんど存在してないのじゃないでしょうか。
3カラムだったサイトは、ほぼ全てリニューアルされ、1カラム・2カラムになっていました。
MODEAもその類ですね。（ある意味、Yahooはスゴイです）