Assignment #9

Bootstrap Basics

Due: May 02, 2016 11:55 P.M

This assignment requires you to make use of the Bootstrap Framework to learn to use a few basic components for Bootstrap Framework and appreciate the ease with which things can be accomplished. So far in CT 310 you have learned as much as possible how fundamentals of essential aspects of web development work: HTML, CSS, PHP, SQL, JavaScript, AJAX, JSON and jQuery. Upon this foundation it is time to start taking advantage of more modern frameworks which in turn make a developer's job tractable. In particular, how much a head start one can have using a CSS/JavaScript framework; specifically Bootstrap.

Requirements
  1. You're required to make use of Bootstrap components in designing your small website.
  2. Use the Bootstrap Dropdown to show two items: Dogs and Cats. Make it a part of the header so that it can be made common to all the pages.
  3. Create two pages to show a grid structure of images, Dogs on one and Cats on the other. Use Bootstrap Grids to make the display of animals responsive. Choose an image size for the animal pictures that you think best fits your design, all we ask is that all pictures display at the same size.
  4. Choosing the item from dropdown menu should load the corresponding page. Use URLs for the images and must provide attribution in the footer.
  5. Use Bootstrap CSS Images Reference for the images in the grids and make them responsive to scale according to the parent element size.
Getting a Head Start

You are expected to cut and paste parts from the examples available in the resources discussed in lecture. The whole point of using these frameworks is to simplify your task when developing a new site quickly. We do ask - actually require - that you provide attribution for any code block longer than 2 lines which you are borrowing from an online example.

Submission

Each student is asked to create a single tar or zip file containing their entire website. These must be submitted to Canvas before the due date and time. Your work will be tested with Chrome on department machines. Please host it on your CS account and provide the URL to your page as a comment during the Canvas submission.

Addendum (last updated 4/25/2016)

No updates at this time.