Web Design I


Lecture 11: CSS

This week will review column layouts, considering responsive design. We will also look at Bootstrap and Bootstrap UI. Bootstrap is an extremely popular CSS/HTML "framework" that allows you to quickly build grid layouts and some other html elements that are responsive and flexible. Bootstap UI is an accompanying framework that allows you to quickly add complex user interface elements (e.g., modals, calendars, well formatted forms, etc.), without having to invest in coding all the elements yourself.

Home Work

For this assignment recreate the image provided here:

Recreate this "block" layout using basic CSS and HTML. Match the background colors for "block." Then recreate this same layout using Boostrap.


If our artists are not versed in technology, who will imagine what we can become, who will ask what we should not be?