Adobe Dreamweaver CS6: Classroom In A Book
Adobe Dreamweaver CS6classroom in a book The official training workbook from Adobe Systems
Adobe Dreamweaver CS6 Classroom in a Book 2012 Adobe Systems Incorporated and its licensors. All rights reserved.If this guide is distributed with software that includes an end user license agreement, this guide, as well as thesoftware described in it, is furnished under license and may be used or copied only in accordance with the termsof such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in aretrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording, or otherwise,without the prior written permission of Adobe Systems Incorporated. Please note that the content in this guideis protected under copyright law even if it is not distributed with software that includes an end user licenseagreement.The content of this guide is furnished for informational use only, is subject to change without notice, and shouldnot be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes noresponsibility or liability for any errors or inaccuracies that may appear in the informational content contained inthis guide.Please remember that existing artwork or images that you may want to include in your project may be protectedunder copyright law. The unauthorized incorporation of such material into your new work could be a violation ofthe rights of the copyright owner. Please be sure to obtain any permission required from the copyright owner.Any references to company names in sample files are for demonstration purposes only and are not intended torefer to any actual organization.Adobe, the Adobe logo, Classroom in a Book, Dreamweaver, Fireworks, Flash, and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.Apple, Mac OS, and Macintosh are trademarks of Apple, registered in the U.S. and other countries. Microsoft,Windows, and Windows NT are trademarks of Microsoft Corporation registered in the U.S. and/or other countries. All other trademarks are the property of their respective owners.Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110-2704, USANotice to U.S. Government End Users. The Software and Documentation are “Commercial Items,” as that termis defined at 48 C.F.R. §2.101, consisting of “Commercial Computer Software” and “Commercial ComputerSoftware Documentation,” as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable.Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through 227.7202-4, as applicable, the CommercialComputer Software and Commercial Computer Software Documentation are being licensed to U.S. Governmentend users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the UnitedStates. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government EndUsers, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisionsof Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Actof 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in thepreceding sentence shall be incorporated by reference.Adobe Press books are published by Peachpit, a division of Pearson Education located in Berkeley, California.For the latest on Adobe Press books, go to www.adobepress.com. To report errors, please send a note toerrata@peachpit.com. For information on getting permission for reprints and excerpts, contactpermissions@peachpit.com.Writer: James J. MaivaldProject Editor: Nancy PetersonProduction Editor: Cory BormanDevelopment Editor: Robyn G. ThomasTechnical Editors: Clint Funk, Catherine PalmerCopyeditor: Scout FestaCompositor: Kim Scott, Bumpy DesignIndexer: Joy Dean LeeMedia Producer: Eric GeoffroyCover Design: Eddie YuenInterior Design: Mimi HeftPrinted and bound in the United States of 5-59 8 7 6 5 4 3 2 1
EBOOK READERS: FIND YOUR LESSON FILESThroughout this title you will see references to lesson or resource files on a disc.Please note that these files are available to eBook readers via high-speed download.Please click here to go to the last page in this eBook for the download location andinstructions.Adobe Dreamweaver CS6 Classroom in a Book includes the lesson files that you’llneed to complete the exercises in this book, as well as other content to help youlearn more about Adobe Dreamweaver CS6 and use it with greater efficiency andease. The diagram below represents the contents of the lesson files directory, whichshould help you locate the files you need.Peachpit Universal Mask updated 3/11/2011116 mm print area, 23 mm center hole; fits these manufacturers’ specs: CDI JVC and all previous vendorsColor Instructions2-color:Pantone 375 C (green)Pantone 485 C (red)White flood: Yesotcoie s.Window si s eithera regi sU.S.andheruntrtered trademar k or a trademark of MicrosofCorporationintheU. S.andpl.f Apie sege, rntrLesson filesistouerercdihentothe/orAdobe Dreamweaver CS6emark oCLASSROOM IN A BOOK a t r adWINDOWS /MAC OS m s Incor porated . Macintosh i sEach lesson has its own folderinside the Lessons folder. Youwill need to download theselesson folders to your harddrive before you can begineach lesson.ar ks ofAd o be Sy s t eAVAILABLE VIA DOWNLOADtradem 2012 Adobe Systems IncorporatedAll rights reserved. Made in the USA.ndDreamweaverareISBN-13: 978-0-321-82245-1ISBN-10: 0-321-82245-506/12Ad o b e, theAd obeo,log0321822455 ADreamweaverCS6CIB Disc.indd 1Cl as sroominaBooka3/30/12 10:47 AMOnline resourcesLearn by Videobonus tutorialsA bonus 2-hour set of Adobe DreamweaverCS6: Learn by Video tutorials are included,from video2brain and Adobe Press. Learnby Video is one of the most criticallyacclaimed training products on Adobesoftware and is the only Adobe-approvedvideo courseware for the Adobe CertifiedAssociate Level certification.Links to Adobe CommunityHelp, product Help andSupport pages, AdobePress, Adobe certificationprograms, Adobe TV, andother useful online resourcescan be found inside a handyHTML file. Just open it inyour Web browser and clickon the links, including aspecial link to this book’sproduct page where you canaccess updates and bonusmaterial.
contentsGetting StartedixAbout Classroom in a Book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ixTinyURLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ixPrerequisites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xInstalling the program. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xCopying the Classroom in a Book files. . . . . . . . . . . . . . . . . . . . . . . . . xRecommended lesson order . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiJumpstart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiSetting up the workspace. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiiiWindows vs. Macintosh instructions. . . . . . . . . . . . . . . . . . . . . . . . xiiiFinding Dreamweaver information. . . . . . . . . . . . . . . . . . . . . . . . . xiiiChecking for updates. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xivAdditional resources. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xivAdobe certification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xv1Customizing Your Workspace2Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2Touring the workspace. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4Switching and splitting views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5Working with panels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7Selecting a workspace layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11Adjusting toolbars. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13Personalizing preferences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13Creating custom keyboard shortcuts. . . . . . . . . . . . . . . . . . . . . . . 14Using the Property inspector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152HTML Basics18Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18What is HTML?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20Where did HTML begin? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20ivContents
Writing your own HTML code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22Frequently used HTML 4 codes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30Introducing HTML5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323CSS Basics38Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38What is CSS?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40HTML vs. CSS formatting. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41HTML defaults. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42CSS box model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45Formatting text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46Formatting objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55Multiples, classes, and IDs, oh my!. . . . . . . . . . . . . . . . . . . . . . . . . . 64CSS3 overview and support. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 664Creating a Page Layout70Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70Web design basics. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72Working with thumbnails and wireframes. . . . . . . . . . . . . . . . . . . 75Defining a Dreamweaver site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78Using the Welcome screen. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79Previewing your completed file . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80Modifying an existing CSS layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . 81Adding a background image to the header. . . . . . . . . . . . . . . . . 84Inserting new components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87Changing element alignment. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92Modifying the page width and background color. . . . . . . . . . . . 93Modifying existing content and formatting. . . . . . . . . . . . . . . . . . 95Inserting an image placeholder. . . . . . . . . . . . . . . . . . . . . . . . . . . 100Inserting placeholder text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101Modifying the footer. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101Checking browser compatibility. . . . . . . . . . . . . . . . . . . . . . . . . . . 1025Working with Cascading Style Sheets104Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104Previewing the completed file. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106Working with the CSS Styles panel . . . . . . . . . . . . . . . . . . . . . . . . 106Adobe dreamweaver CS6 Classroom in a Bookv
Working with type. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110Using images for graphical effects. . . . . . . . . . . . . . . . . . . . . . . . . 113Creating new CSS rules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115Creating an interactive menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122Modifying hyperlink behavior. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125Creating faux columns. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128Moving rules to an external style sheet. . . . . . . . . . . . . . . . . . . . 130Creating style sheets for other media. . . . . . . . . . . . . . . . . . . . . . 1326Working with Templates140Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140Previewing completed files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142Creating a template from an existing layout . . . . . . . . . . . . . . . 143Inserting editable regions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144Producing child pages. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146Updating a template. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149Using library items. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152Using server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1577Working with Text, Lists, and Tables166Lesson overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166Previewing the completed file. . . . . . . . . . . . . . . . .
A bonus 2-hour set of Adobe Dreamweaver CS6: Learn by Video tutorials are included, from video2brain and Adobe Press. Learn by Video is one of the most critically acclaimed training products on Adobe software and is the only Adobe-approved video courseware for the Adobe Certified Associate Level certification. Learn by Video bonus tutorials
Chapter 2 Getting Started with Dreamweaver CS6 15 Start Dreamweaver CS6 in Macintosh Open the Applications folder (located on the main hard drive). For Lion, you can also click the Launchpad icon on the Dock, and then click the Adobe Dreamweaver CS6icon. Double-click the Adobe Dreamweaver CS6folder or an Adobe Collection CS6folder, if installed.
1. Begin by opening Adobe Dreamweaver CC 2017. On a PC, click Start Programs Adobe Dreamweaver CC 2017, or click on the Dreamweaver shortcut on the desktop. On a Mac, click Macintosh HD Applications Adobe Dreamweaver CC 2017, or click the Dreamweaver icon in the Dock. (Figure 3) 2. GETTING STARTED 4 Figure 3.
Commercial Creative Suite professional products sold through the TLP & CLP licensing programs (in countries where VIP is available) . Ineligible Commercial Creative Suite 6 products include: Adobe InCopy CS6, Adobe Prelude CS6, Adobe Premiere Pro CS6, Adobe SpeedGrade CS6, After Effects CS6,
MEMBUAT DESAIN WEB & APLIKASI BERBASIS UI & UX DENGAN ADOBE DREAMWEAVER CC 2 MEMBUAT DESAIN WEB & APLIKASI BERBASIS UI & UX DENGAN ADOBE DREAMWEAVER CC PENGENALAN TOOL ADOBE DREAMWEAVER & MEMBUAT LANDING PAGE DAFTAR ISI 1. Apa itu Adobe Dreamweaver CC? 2. Fitur-fitur Dreamweaver yang Menonjol 3. Tidak Ada yang Sempurna 4. Rangkuman Harga .
The Extending Dreamweaver CS5 guide describes the Adobe Dreamweaver CS5 framework and application programming interface (API) that lets you build extensions to Dreamweaver. The Extending Dreamweaver CS5 guide provides information about: † How each type of extension works † The API functions that Dreamweaver calls to implement the .
Dreamweaver CS6 Lab 2 Using an External Style Sheet in Dreamweaver Creating the site definition First, we'll set up the site and define it so that Dreamweaver understands the site structure for your project. You've already done this in the previous lab, so if you hit problems, refer to the last Dreamweaver lab. 1.
Getting Started with Dreamweaver CS6 Introduction Adobe Dreamweaver CS6 is the industry leading web devel-opment tool for building web sites and applications. It pro-vides a combination of visual layout tools, application development features, and code editing support, enabling developers and designers at every skill level to create visu-
Example risk assessment for food preparation, cooking and service This example risk assessment applies to restaurants, cafés, sandwich bars, pubs, takeaways or hotel kitchens.
