CSSを駆使して、サイト全体の複雑なレイアウトをしていくことは、技術的には可能です。しかし実際に制作してみると、細かな調整や思わぬブラウザの挙動に苦労することも多いのが現状です。「CSSフレームワーク」を使用することで、ブラウザごとの表示の違いをリセットしたり、レイアウトのための基本的な仕組みを利用して簡単にページ全体のレイアウトをすることが可能となります。現在、様々なCSSフレームワークがフリーで公開され利用できるようになっています。今回は、CSSフレームワークの中でも人気の高い「Twitter Bootstrap」を使用して、サイト全体をデザインする基本を学びます。

スライド資料

授業のスライドは、下記から参照してください

• スライド資料5月26日