Spring 2016

Lab02
Mobile Only Layout

Due: Tuesday February 16, 2016 11:59 PM

Lab02 - Mobile Only Layout

Requirements

HTML and CSS for project are valid10 pts
Mobile design created10 pts
Design fits properly on 320 by 480 resolutions20 pts
Site's "look" is (reasonably) maintained20 pts
Page content is offered in the mobile design10 pts
Good mobile design principles are followed25 pts
JavaScript redirect to desktop site functions properly5 pts
Total100 pts

Resources

Objective

To create a mobile specific layout

Instructions

Summary

The website for the Oklahoma state regents for higher education (www.okhighered.org) does not currently have a mobile website. For this assignment you will need to create a mobile version of the their website homepage for them, the other pages of the site will be made mobile later. The page you create will be used as the site's default landing page and will redirect to the current desktop site when appropriate.

Redesign

You should attempt to maintain the "look" of the site to the greatest extent that you can while also redesigning the site using good mobile design principles. Color palettes should be kept and images can be "borrowed" from the original site to be used in your mobile design. The design you create should be designed for both portrait and landscape orientation on 320x480 resolution devices. This design can be fixed width and does not need to be responsive.

Redirection

In addition to the mobile redesign you should also include the ability to redirect to the original desktop site when a mobile browser isn't detected using JavaScript. If a user visits the mobile page from a desktop browser they should be redirected to the desktop (original) site. If the user visits the mobile page from a mobile browser the redirection should not happen.