graphic design default

Learn how to create a website that responds smoothly to any screen size and adjusts for easier reading and effectiveness across all different devices. Graphic designer and author Chris Converse shares his own expertise and methods for creating a responsive web design. Topics include applying your ideas in Photoshop, planning your layout and creating the HTML page, loading images with CSS, adding and repositioning the navigation bar for mobile devices, increasing the download time for smaller screens, adding and styling elements, and adding containers and links. Create a website with cross browser compatibility to ensure success on any screen size.

Topics include:
• Using Dreamweaver
• Setting up your project
• Creating web graphics
• Preparing the HTML file and linking CSS files
• Creating CSS rules across all screens
• Preparing the HTML files and styling promo links
• Creating the content and layout containers
• Styling the promos
• Working with CSS rules
• Styling for medium screens
• Styling for small screens

Level: Beginner
Length: 1h 31m
Release Date: October 4, 2012

Here is a preview of the tutorial to give you a good idea of what the tutorial is like:

Previewing the final project

View this entire Creating a Responsive Web Design course and more in the Online Training Library®.