mardi 13 septembre 2011

Building Mobile Pages With Dreamweaver CS5.5 - Tutorial5

The Photoshop Blog
You can find a sample chapter from Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3 at the Peachpit Press site — a 6 page tutorial, Building Mobile Pages with Dreamweaver CS5.5. From the intro: Dreamweaver Responds to the Need for Mobile-Friendly Pages Am I the only one who was very pleasantly surprised by the new features in Dreamweaver CS5.5 that allow you to generate mobile-friendly pages—and, beyond that, mobile apps? Sure, we all expected that Flash ActionScript coders would get tools to export Flash content, making it Apple iOS-compatible. But, to be honest, I wasn't prepared for how easy it is to create iOS and Android apps in Dreamweaver CS5.5. I cover the whole range of new mobile-oriented tools in Dreamweaver in a CS5.5 update that's available to everyone who registers a copy of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques (to register the book and download the update, you just need the book's ISBN). This article is the first of three that provide introductory tutorials for those new CS5.5 features. In this piece, we'll start by creating web pages that look and function well in mobile devices such as Android and iOS phones and tablets. Let's back up for a moment to situate this exciting news. Mobile-friendly websites a) are here to stay, and a growing factor in the audience for web designers; and b) have their own particular design and technical constraints. Read the full sample chapter, Building Mobile Pages with Dreamweaver CS5.5. About the book It’s widely predicted that mobile phones and tablets will overtake desktop PCs as the most common Web access devices within the next two or three years. Adobe is responding to this dramatic shift by focusing on new tools to develop websites for multiple platforms with HTML, CSS, and JavaScript in Dreamweaver CS5.5. In particular, Dreamweaver engineers have been working closely with the developers of jQuery, the de-facto standard JavaScript framework, to develop jQuery Mobile. This is a new JavaScript/CSS framework designed to create websites and applications that work consistently in all major mobile platforms, including iPhone, Android, BlackBerry, and Symbian (Nokia). This book explores in depth the integration of jQuery Mobile in Dreamweaver, together with other new features aimed at building websites that work across multiple devices. Using a series of practical examples, the book will show how to optimize an existing website for display in desktops, tablets, and mobile phones, using CSS media queries. Readers will also learn how to create a dedicated mobile site using jQuery Mobile. Although Dreamweaver will generate much of the necessary code automatically, the book will explain the structure of jQuery Mobile websites and web applications, so that developers can go beyond the basics to add custom functionality and design features. The book will also utilize the core jQuery framework, demonstrating how the new jQuery code hinting in Dreamweaver CS5.5 speeds up the development process for experienced developers and acts as a learning aid for those new to jQuery. Readers will learn how to convert a jQuery Mobile web application into a native app (that can be loaded on an iPhone or Android device) using PhoneGap, another open source framework. (posted by Jennifer Apple for www.PhotoshopSupport.com)
Sent with Reeder

Sent from my iPhone

Posted via email from Steve Prud'Homme Graphic Design Blog

Aucun commentaire:

Enregistrer un commentaire