Unit04-Build Responsive Page
What you will learn
I was contacted by Jared just before the end of the semester about building a site for his Lodge. I thought this would be a great opportunity to demonstrate the process a designer has to follow from the first meeting to the completion of the site. I will demonstrate the process of building a responsive page that has the structure and colors scheme requested by the client. This must be done prior to making a custom Joomla template.
Tutorials
In this series you will learn the process of building a single html page that adapts to phone, tablet, and desktop.
In part 1 I show what the client provided inclding a sample hotel site, color scheme, existing logo, and the Photoshop mockup.
In part 2 of this tutorial I show adding content to the header and navigation area.
In part 3 of this tutorial I show adding content to the body and footer of the document.
In part 4 of this tutorial I show how to style the Lodge page for phone.
In part 5 of this tutorial I show how to style the Lodge page for tablet.
In part 6 of this tutorial I show how to style the Lodge page for desktop.
In part 7 of this tutorial I show how to add a random image to the header.
Paul