RESPONSIVE COURSE DESIGN SYSTEM AND METHOD

摘要

A system and method is provided of creating web based content that provides an optimal viewing experience across phones, tablets, and desktop browsers, with a simple creation interface for the author based on device type and orientation. Traditional responsive design bases layout on flowing content based upon the width of the device screen it is viewed on. Responsive Course Design bases layout strictly on device type and orientation, defining three device types, Phone, Tablet, and Desktop, and two orientations, Portrait, and Landscape. All content will have its width scaled to fit exactly the same when viewed on a device category, so that an author will be able to determinately know what the content will look like on that device no matter what the width of the screen.