Building mobile-friendly websites is the new frontier in Web design. As more people adopt tablets and smartphones, the demand for Web designers who can build mobile-friendly sites to reach users on these devices is increasing.
There's more to making mobile-friendly websites than just designing them to fit on smaller screens than traditional laptop (or desktop) environments. Mobile-friendly sites need to load faster, be easier to read in sunlight, and provide navigation that does not rely on a mouse. This course begins by surveying the design challenges in creating sites that will be inviting and attractive to mobile device users, including color scheming and page design. We'll look at successful mobile sites to see what works and what doesn't.
The course covers everything you'll need to build a complete, professional, mobile site and define it as an alternate to a site aimed at desktop and laptop users. You'll learn to build and customize animated navigation elements like those used in successful mobile-friendly sites. You'll create custom themes (sets of design elements such as colors, fonts, and boxes) using Dreamweaver's built-in theming tools and the open-source ThemeRoller site. You'll work with ways to organize your site, including listviews, collapsible blocks, and grids. You'll also create mobile-friendly forms with HTML5 form fields (such as sliders and flipswitches) that work well in mobile devices. You'll learn to embed HTML5 native media (audio and video).
This course is practical and project-oriented. While it's not required, a mobile device will come in handy so you can preview your projects. From the beginning of class, you'll upload your mobile site to a free, provided remote hosting server, where you can test it using your own mobile device.