Adobe Dreamweaver CS5.5 techniques

所需积分/C币:9 2011-11-03 19:03:42 8.29MB PDF
收藏 收藏

Adobe Dreamweaver CS5.5, Designing and Developing for Mobile with jQuery, HTML5, CCS3. Studio Techniques.
Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3 David powers This Adobe press book is published by peachpit For information on adobe press books contact Peachpi 249 Eighth St Berkeley, CA 94710 510/5242178 510/5242221(fax) ForthelatestonAdobePressbooksgotowww.adobepress.con Peachpit is a division of Pearson Education Copyright o 2011 by David Powers associate editor: valerie witte Production Editor: Cory borman Developmental editor: Anne marie Walker Copyeditor: Anne Marie Walker Proofreader: patricia pane Composition: Wolfson Design ndexer: Joy Dean Lee Cover Image: Alicia buelow Cover Design: Charlene Charles-Will Notice of Rights All rights reserved. No part of this book may be reproduced or transmitted in any form by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission of the publisher: Notice of Liability The information in this book is distributed on an"As Is"basis, without warranty. While every precaution has been taken in the preparation of the book, neither the author nor Peachpit shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it Trademarks Dreamweaver and Photoshop are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and or other countries Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks Where those designations appear in this book, and Peachpit was aware of a trademark claim, the designations appear as requested by the owner of the trademark. All other product names and services identified throughout this book are used in editorial fashion only and for the benefit of such companies with no intention of infringement of the trademark No such use, or the use of any trade name, is intended to convey endorsement or other affiliation with this book ISBN-13:9780321-77325-8 ISBN-10:0-321-77325X 987654321 Printed and bound in the United states of america Contents About the author Acknowledgments ntroduction Section Dreamweaver cs5.5 Chapter I Dreamweaver Goes mobile ssessing HTML5 and css3 USing HTML5 and Css3 with Dreamweaver CS5.5 Developing for Multiple devices 27 Section html5 and css3 69 Chapter 2 Progressive enhancement with html5 and css 3 mproving an Existing Site Sacrificing a Uniform Look Chapter 3 Adapting Pages for Mobile with Media queries Unde ding media ou apung the to Hotel site Assessing media Queries 115 Chapter 4 Making Your Site Available offline 117 How Offline sites Work 118 Making the Tozai Hotel Site Available Offline 124 oing Ine 138 Section Ill jQuery Mobile and Phone Gap 139 Chapter 5 Introducing jQuery Mobile 141 Creating a Basic Site with jQuery mobile Building on a Solid Foundation Chapter 6 Diving Deeper into jQuery Mobile 175 A Guide to jQuery mobile Custom Data Attributes 177 Rapid Deployment with jQuery Mobile widgets Case Study: Creating a Reservation Form 207 Submitting a Form and Displaying the response 216 Getting Your Hands Dirty with Code 218 Chapter 7 Building a Native App with Phone Gap 219 ng Up Case Study: A Travel Notes App 230 oing Fu 270 Index 271 Bonus material mentioned in this e book is available after the index About the author David Powers started developing websites in 1994 while at the bbc british Broadcasting Corporation). Hed just taken on the role of Editor, BBC Japanese TV, and needed a way of advertising the fledgling channel in Japan. The problem was that he had no advertising budget. So, he begged the it department for a corner of server space and singlehandedly developed an 80-page bilingual website which he regularly maintained for the next five years-on top of all his other duties After three decades as a radio and tv journalist, David left the bbc in 1999 to work independently. He created multilingual websites for several leading clients, including the embassy of japan in London and Oxford Analytica In 2003, he decided to combine his professional writing and editing expertise with his passion for the web, and began writing books on web development. This is his fourteenth so far. Readers frequently comment on Davids ability to explain complex technical subjects in a jargon- free style that's easy to understand At the same time, he doesnt talk down to readers, thereby appealing equally to more experienced web developers David is an adobe community professional and adobe Certified Instructor for dreamweaver. Youll often find nim giving help and advice in the Dreamweaver forums and Adobe Developer center-to which he has contrib uted many popular tutorials and training videos. He greatly enjoys traveling and taking photos-all the photos used in this book were taken by him David has also translated a number of musical plays from Japanese into English, and he likes nothing better than sushi with a glass or two of cold sake Acknowledgments Writing a book about new software is a solitary activity. grappling with a constantly moving target and pounding the keyboard to deliver the chapters on time. But none of it would be possible without an army of helpers. First, there's Scott fegette, Senior Product Manager for Dreamweaver who kept me informed of the engineering team's plans Then there's Kin blas. a dreamweaver engineer actively involved in developing j Query mobile, who clarified points I found difficult to understand. My thanks go to them and to the rest of the Dreamweaver team for their help both directly and indirectly Ive also had a strong backup team at peachpit: victor Gavenda, who accepted the concept of this book and liked it so much that he persuaded Adobe Press that it was high time one of my books was printed in color; Valerie witte my editor, who calmly accepted my frequent changes of mind about the structure of the book: Anne marie walker my development editor, who picked up inconsistencies and helped me(mis)spell the American way, Tom Muck, my technical editor, who spotted problems with code and made suggestions to improve it; and Cory borman, who oversaw the production process Many others have helped indirectly. t times the twitter stream felt like an annoying distraction, but it provided some invaluable leads, alerting me to changes in this fast moving industry. It also provided some essential light relief, although I'm not sure i,'m ready to watch another cat video ust yet ntroduction Dont be fooled. Although the 5 might give the impression that Dreamweaver CS5.5 is a point release, it's anything but Dreamweaver engineers have packed a stunning amount of new features into this version To mention just a few there's code hinting for the popular jQuery JavaScript library. the ability to see what pages will look like at differ ent screen resolutions without leaving the Document win dow, support for jQuery Mobile widgets, and integration of Phone gap to build native apps for Android or ios(the operating system used in the iPhone, iPad, and iPod touch) The emphasis in Dreamweaver cs5. 5 is firmly on mobile development and designing for multiple screens, but that's not all. There's improved support for HTML5 and cssg including tools to simplify the creation of rounded cor- ners and drop shadows without images Previous versions of Dreamweaver supported only a limited range of css selectors. Live view now supports them all Oh yes, Dream weaver CS5. 5 supports web fonts, too Theres a lot to absorb, and this book aims to guide you through all the new features with the help of three case studies. The first one centers on redesigning a website for display on desktops, tablets, and smartphones usin HTML5, CSS3, and media queries. The second takes a cut- down version of the same site and builds a dedicated mobile version using jQuery Mobile, a sophisticated JavaScript and CSS framework designed to work consistently on all major mobile platforms. The final case study develops a simple app that stores information in a database, accesses a mobile phones Gps sensor, and displays a map Is This the Right book for You? The new features in Dreamweaver cs5.5 are aimed at web designers and developers who are already comfortable with HTML and css. It also helps to have at least a basic under- standing of javaScript and some jQuery experience. If the Introduction thought of diving into code sends shivers up your spine this might not be the most appropriate book for you. Web development is becoming increasingly sophisticated, and the days of just copying and pasting snippets of code are rapidly drawing to a close Having said that, you dont need to be an expert. i firmly believe that if you understand why you re being told to do something a particular way, you re more likely to remember and be able to adapt it for your own projects. Each step is explained as are new concepts but i dont go back to basics such as describing what a function or event handler is Mac or windows? The differences between the mac and windows versions of Dreamweaver are so few as to be negligible. In the rare cases where there is a difference, I point it out and show a screen shot if necessary. The most important difference as far as this book is concerned, lies in Phone Gap integra tion. Both Windows and Mac support Android, but the software necessary to build apps for ios runs only on a mac. The other difference, as always, lies in keyboard shortcuts provide both versions, Windows first, followed by mac Using a multibutton mouse is now so common among Mac users that i refer only to right-click instead of giving Control-click as the alternative. On most Macs, the f keys now control hardware features. such as sound level and brightness. When i refer to f keys, you need to hold down the fn key at the same time. alternatively open keyboard in System preferences and select the "Use all fl, F2, etc keys as standard function key"check box Although I test on both operating systems, I had to choose one for taking screen shots. Most of them have been taken on windows 7. but some have been taken on mac os x10.6 where appropriate. However, this is a book about mobile development. So, many screen shots have also been taken on Android(hTC Desire and Samsung Galaxy Tab) and iOS(iPad and ipod touch). I also tested on a BlackBerry Torch and Windows Phone 7 Introduction Downloading the Case Study Files This book doesnt come with a CD. However, you can download the files used in the case studies from my website at all the necessary files are supplied. However, for licensing reasons, you need to obtain the Calluna regular web font directly(the details are in Chapter 2). Also, the download files dont include the jQuery mobile or Phone Gap libraries Dreamweaver copies them directly to your site when you create a jQuery Mobile page(see Chapter 5)or define the Native Application Settings(see Chapter 7) Keeping Up to Date The jQuery Mobile framework was feature complete at the time adobe locked down the code for the release of dreamweaver cS5. 5. however. work continued on stabilizing and optimizing performance. consequently newer versions of the jQuery Mobile style sheet, external JavaScript files, and images are likely to be available by the time you read this. Adobe plans to release extensions to update the files in Dreamweaver. Chapter 5 also describes how to change the source folder for the files so that you can use your own customized versions Because jQuery Mobile is a new framework, it's likely to continue to develop. I'lI try to keep abreast of its progress and will post updates that affect this book on my website at Adobe is a jQuery Mobile project sponsor, and Dreamweaver engineers are playing an active role in its development That holds the promise of even greater things to come SECTION Dreamweaver Cs5.5 Chapter I Dreamweaver Goes mobile

试读 127P Adobe Dreamweaver CS5.5  techniques
立即下载 低至0.43元/次 身份认证VIP会员低至7折
mill2002 好书,谢谢分享。dreamweaver很好用耶
关注 私信 TA的资源
Adobe Dreamweaver CS5.5 techniques 9积分/C币 立即下载
Adobe Dreamweaver CS5.5  techniques第1页
Adobe Dreamweaver CS5.5  techniques第2页
Adobe Dreamweaver CS5.5  techniques第3页
Adobe Dreamweaver CS5.5  techniques第4页
Adobe Dreamweaver CS5.5  techniques第5页
Adobe Dreamweaver CS5.5  techniques第6页
Adobe Dreamweaver CS5.5  techniques第7页
Adobe Dreamweaver CS5.5  techniques第8页
Adobe Dreamweaver CS5.5  techniques第9页
Adobe Dreamweaver CS5.5  techniques第10页
Adobe Dreamweaver CS5.5  techniques第11页
Adobe Dreamweaver CS5.5  techniques第12页
Adobe Dreamweaver CS5.5  techniques第13页
Adobe Dreamweaver CS5.5  techniques第14页
Adobe Dreamweaver CS5.5  techniques第15页
Adobe Dreamweaver CS5.5  techniques第16页
Adobe Dreamweaver CS5.5  techniques第17页
Adobe Dreamweaver CS5.5  techniques第18页
Adobe Dreamweaver CS5.5  techniques第19页
Adobe Dreamweaver CS5.5  techniques第20页

试读结束, 可继续阅读

9积分/C币 立即下载 >