Threesuns

Email the Instructor

Contact

All Semesters

Semesters

All Courses

Courses

2016Spring

01.11.16 - 05.08.16

Mobile Web Design

CSYS2603

Tuesday Thursday
02:30 PM - 03:50 PM

Responsive Images

Lab05

Objective: To include images responsibly in a responsive layout

pastdue

Submit Your Solution

Lab05

Request a Copy of your Solution

Lab05

Requirements

HTML and CSS are valid5 pts
Responsive layout includes at least 3 breakpoints30 pts
Repeating background image is used5 pts
Non-repeating background is used5 pts
Content image is used5 pts
Repeating background is optimized for responsive layout10 pts
Non-repeating background is optimized for responsive layout20 pts
Content image is optimized for responsive layout20 pts
Total100 pts

Instructions

In this assignment you will need to include images in a previously created responsively laid out page, or create a new responsive page for this assignment if you need.

You'll need to include a minimum of three different images in your page. One image will need to be included as a repeating background image, one image will need to be included as a non-repeating background image, and one image will need to be a content image.

For all three images make sure that in all situations, and at all breakpoints, all three images are shown at their "ideal" size so that the images are not explicitly or implicitly stretched or shrunk. This should include loading correctly sized images if the basic image dimensions need to change at a breakpoint. This will also involve using double resolution images for high resolution screens.