Book Image

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile

By : DAVID KARLINS
Book Image

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile

By: DAVID KARLINS

Overview of this book

<p>Dreamweaver is the most powerful and industry-leading web design software that utilizes cutting edge web technologies such as HTML5, CSS3, and jQuery for web and mobile development. These technologies have radically reconfigured the process of designing web content and function in the widest possible range of browsing environments, ranging from desktops to mobile devices.<br /><br />"Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile" is essentially three books in one: an introduction to building websites; Dreamweaver CS6: HTML5, CSS3, Responsive Design; and an in-depth explanation of how to build inviting, accessible mobile sites with Dreamweaver CS6, responsive design, and jQuery Mobile.<br /><br />This book serves both as the essential reference for Dreamweaver CS6, and a valuable addition to even the most extensive set of resources for modern web design, with or without Dreamweaver.<br /><br />The book starts off by teaching you to create sites and pages with Dreamweaver CS6 and how to use HTML5 for page structure. Then we will learn some cutting-edge design and animation with CSS3. <br /><br />The book also shows how to create and enhance mobile sites with jQuery Mobile. You will also learn to customize themes with ThemeRoller.<br /><br />"Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile Mobile" covers the entire spectrum of web design with Dreamweaver, with an emphasis on multi-media (full screen and mobile) design and jQuery Mobile.</p>
Table of Contents (17 chapters)
Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Chapter 1. Creating Sites and Pages with Dreamweaver CS6

This book covers, in a compressed way, the whole range of cutting edge and advanced features available in Dreamweaver CS6. Our emphasis is on the new features in HTML5 that structure content and make it more accessible, on CSS3 styles that add transformations (such as rotations) and effects (such as rounded corners) to elements, and on mobile design with HTML5 Media Queries and jQuery Mobile. Dreamweaver CS6 provides all the important tools for implementing all these features.

We'll get to that very shortly. But first, in this chapter, it will be important to review (and for those of you new to Dreamweaver, understand) some fundamental tools for maximizing productivity in Dreamweaver. Doing this serves two purposes: it provides a fast-and-furious overview of the basics of Dreamweaver CS6, and probably more importantly, it grounds us all in the protocols that protect the integrity of everything else that we are going to cover in this book.

In this chapter, we will:

  • Define a Dreamweaver site

  • Create HTML5 pages

  • Apply elements to text

  • Define links

  • Insert images

  • Create CSS files and link HTML pages to those stylesheets

  • Define and apply ID and class Div styles for page design