Dreamweaver and WordPress: Building Mobile Sites
Date: 10 March 2012 | Posted by: auto-im
Dreamweaver and WordPress: Building Mobile Sites
English | 2011 | AVI | eLearning | 350MB
In this course, author Joseph Lowery shows how to build a mobile WordPress site in Adobe Dreamweaver. The course explains how to prepare a site to go mobile, optimize a site's styles for tablets and phones, and implement a full mobile redesign. The course also covers working with WordPress child themes, integrating media queries, incorporating screen-optimized graphics, designing for touch screens, and working with orientation changes. Exercise files accompany the course.
Topics include:
* Setting up an existing WordPress site
* Targeting configurable site elements
* Setting up media queries
* Preparing for adaptive images
* Styling a blog for tablets
* Restructuring navigation for different-sized displays
* Developing a WordPress site for phones
Table of contents:
Introduction
Welcome
About the exercise files
Development environment requirements
Setting up an existing WordPress site
1. Preparing Your Site to Go Mobile
Targeting configurable site elements
Understanding media queries
2. Retrofitting for Multiple Screens
Setting up a child theme
Integrating media queries
Changing tablet styles
Optimizing styles for phones
Optimizing navigation for phones
3. Implementing a Full Mobile Redesign Strategy
Understanding the technique
Setting up media queries
Preparing for adaptive images
Working with changes in orientation
4. Styling a Blog for Tablets
Reducing background overhead
Restructuring the layout
Modifying the header and the navigation
Restyling content
Ensuring touch-screen compatibility
5. Developing a WordPress Site for Phones
Handling oversized logos
Manipulating content
Restructuring navigation
Making blog content more accessible
Goodbye
Next steps
See full article