Adobe dreamweaver CC

Free ebooks ==> www.Ebook777.com Adobe® Dreamweaver® CC Digital Classroom® Adobe® Dreamweaver® CC Digital Classroom® Michael Arguin, Greg Heald, and the AGI Creative Team Adobe® Dreamweaver® CC Digital Classroom® Published by John Wiley & Sons, Inc 10475 Crosspoint Blvd Indianapolis, IN 46256 Copyright © 2013 by John Wiley & Sons, Inc., Indianapolis, Indiana Published simultaneously in Canada ISBN: 978-1-118-64015-9 Manufactured in the United States of America 10987654321 No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600 Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6088, or online at http://www.wiley.com/go/permissions Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a particular purpose No warranty may be created or extended by sales or promotional materials The advice and strategies contained herein may not be suitable for every situation This work is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional services If professional assistance is required, the services of a competent professional person should be sought Neither the publisher nor the author shall be liable for damages arising herefrom The fact that an organization or website is referred to in this work as a citation and/or a potential source of further information does not mean that the author or the publisher endorses the information the organization or website may provide or recommendations it may make Further, readers should be aware that Internet websites listed in this work may have changed or disappeared between when this work was written and when it is read For general information on our other products and services or to obtain technical support, please contact our Customer Care Department within the U.S at (877) 762-2974, outside the U.S at (317) 5723993 or fax (317) 572-4002 Wiley publishes in a variety of print and electronic formats and by print-on-demand Some material included with standard print versions of this book may not be included in e-books or in print-on-demand If this book refers to media such as a CD or DVD that is not included in the version you purchased, you may download this material after registering your book at www.digitalclassroombooks.com/CC/Dreamweaver For more information about Wiley products, visit www.wiley.com Please report any errors by sending a message to errata@agitraining.com Library of Congress Control Number: 2013936333 Trademarks: Wiley, the Wiley logo, and Digital Classroom are trademarks or registered trademarks of John Wiley & Sons, Inc in the United States and/or or other countries, and may not be used without written permission The AGI logo is a trademark of American Graphics Institute, LLC in the United States and other countries, and may not be used without written permission Adobe and Dreamweaver are registered trademarks of Adobe Systems, Inc All other trademarks are the property of their respective owners John Wiley & Sons, Inc is not associated with any product or vendor mentioned in this book Credits President, American Graphics Institute and Digital Classroom Series Publisher Christopher Smith Executive Editor Jody Lefevere Technical Editors Sean McKnight, Elaina Featherstone, Cathy Auclair Editor Karla E Melendez Editorial Director Robyn Siesky Business Manager Amy Knies Senior Marketing Manager Sandy Smith Vice President and Executive Group Publisher Richard Swadley Vice President and Executive Publisher Barry Pruett Senior Project Coordinator Katherine Crocker Project Manager Cheri White Graphics and Production Specialist Jason Miranda, Spoke & Wheel Media Development Project Supervisor Chris Leavey Proofreading Karla E Melendez Indexing Michael Ferreira Stock Photography iStockPhoto.com About the Authors Michael Arguin is a web applications specialist at American Graphics Institute and an expert on web and interactive technology He has more than 20 years of experience in areas ranging from application development support, programming, curriculum development, project management, and technical training for desktop and web based technologies He studied Computer Information Systems at the University of Massachusetts, Dartmouth and is a licensed instructor in the area of Programming and Web Development from the Massachusetts Department of Elementary and Secondary Education Greg Heald has 20 years of design and production experience in both web and print environments He has served as a contributing author or editor on a number of books on Dreamweaver, Flash, InDesign, and Acrobat Greg has contributed to the development of Adobe’s certifi cation exams, and as Training Manager for American Graphics Institute, he oversees the delivery of professional development training programs for individuals and organizations Greg holds a degree in Advertising Design from the acclaimed College of Visual and Performing Arts at Syracuse University The AGI Creative Team is composed of Adobe Certified Experts and Instructors from AGI The AGI Creative Team has authored more than 25 Digital Classroom books and has created many of Adobe’s official training guides The AGI Creative Team works with many of the world’s most prominent companies, helping them use creative software to communicate more effectively and creatively They work with design, creative, and marketing teams around the world, delivering private customized training programs, while also teaching regularly scheduled classes at AGI’s locations The AGI Creative Team is available for professional development sessions at companies, schools, and universities Get more information at agitraining.com Acknowledgments A special thanks to our many friends at Adobe Systems, Inc who made this book possible and assisted with questions and feedback during the writing process To the many clients of AGI who have helped us better understand how they use Dreamweaver and provided us with many of the tips and suggestions found in this book And thanks to the instructional team at AGI for their input and assistance in the review process and for making this book such a team eff ort Thanks to Lesa and the team at iStockPhoto for the use of their exclusive iStockPhoto.com photographers’ images Free ebooks ==> www.Ebook777.com www.Ebook777.com overview, 147–152 Marquee tool, Photoshop, 177 McKnight Institute, 446–449 Media Queries, CSS3 creating, 396–399 defi nition of, 394–395 description of, 12, 40, 392 principles of, 399 resource for, 395 style sheets, 395 menus adding to web form, 354–355 Character, Text Insert panel, 78 Characters, 88 Class, Property Inspector, 94 DocType, New Document dialog box, 43 Enctype, Properties dialog box, 345 Font, Property Inspector, 63 Format, Property Inspector, 59 Help, 451 Lists, Insert toolbar, 346 Method, 345 Order, 256 Show, Link Checker panel, 441 Size, Property Inspector, 68 Skin, Insert Flv dialog box, 285 Sort By, 256 Style, Property Inspector, 94 Targeted Rule, Property Inspector, 107 View, 325 Window Size, 266, 278 meta keywords, 448–449 method attribute, tag, 344 Method drop-down menu, 345 mobile design and layout creating, 411–414 description of, 12 navigation, 404–407 optimizing of, for mobile web, 399–403 single-column, 404–407 tools for, 390–391 “mobile fi rst” design, 410 mobile phones design and layout for Seee mobile design and layout website appearance on, 391 Mobile Size, window size, 266, 407 mobile web growth of, 390 native applications, 390–391 websites, 391–392 modifying tag, 123 Cascading Style Sheets (CSS) advanced text formatting, 111–113 478 Adobe Dreamweaver CC Digital Classroom contextual and pseudo-class selectors, 114–117 CSS Styles panel, 108–110 overview, 102–105 Code View workspace, 325–327 CSS Transitions, 190–195 library items, 308–310 tables size, 234–237 structure, 237–238 templates, 315–316 modular page elements, 300 mono sound, 289 Move Guide dialog box, 267–268, 278 Move or Convert CSS button, Coding toolbar, 329 movement, 280 mp3 format, 294 Multiscreen Preview feature, 12 N name attribute, tag, 344 navigation, mobile, 404–407 navigation menu, CSS Transitions added to, 196–199 nesting elements, 135–136 New Document dialog box adding pages to website, 42 DocType drop-down menu, 43 overview, 32–33 Page Type column, 42 templates, 313–314 New Editable Region dialog box, 312 new features Adobe Edge Web Fonts Seee Adobe Edge Web Fonts CSS Designer panel, 456–457 See also CSS Designer panel CSS gradients Seee CSS gradients CSS transitions and styles, 457 Edge Animate animation, 292–294, 463 FTP improvements, 463 HTML5 audio, 294–297, 462 HTML5 form elements, 350, 460–461 HTML5 video, 280–283, 462 jQuery UI Widgets, 381–383, 458 overview of, 455–456 New Library Item button, Assets panel, 307 New Transition window, 186, 197–198 O OAM fi les, 293 object Insert panels, 14 Open a Recent Item column, Welcome Screen, 31 Open Documents button, Coding toolbar, 328 OpenType (OTF), 223 optimizing pages for launch adding meta keywords and descriptions, 448–449 Search Engine Optimization, 445 titling your documents with tag, 445–447 options Advanced Settings, Site Setup dialog box, 36, 39 advanced site-creation Cloaking category, 40 Contribute category, 40 Design Notes category, 40 File View Columns category, 40 overview, 39–40 Templates category, 40 Auto Indent, 325 Background color, Page Properties dialog box, 46 Default, Method drop-down menu, 345 Fit Table Width To Data, 234 GET, Method drop-down menu, 345 Hidden Characters, 325 Highlight Invalid Code, 325, 328, 338 Insert Block, Snippet dialog box, 303 Line Numbers, 325 Lock Guides, Guides dialog box, 269 POST, Method drop-down menu, 345 Remove Tag, 323 Servers, Site Setup dialog box, 36 Show Grid, Grid Settings dialog box, 273 Show Log, Update Pages dialog box, 309 site-creation, advanced Cloaking category, 40 Contribute category, 40 Design Notes category, 40 File View Columns category, 40 overview, 39–40 Templates category, 40 Snap to Grid, Grid Settings dialog box, 273 Syntax Coloring, 325 Syntax Error Alerts, 325 Text, Insert panel, 79 Text color, Page Properties dialog box, 46 Version Control, Site Setup dialog box, 36 Word Wrap, 325 Order menu, 256 Ordered List button, Property Inspector, 77 Organic Utopia example adding introduction section to page, 139 adding main and sidebar content areas, 144–145 advanced site creations, 39–40 creating home page, 131 creating new templates, 311 site setup, 37–39 using Snippets panel, 301 orphaned fi les, 440–441 Orphaned Files report, 441 Outdent Code button, Coding toolbar, 329 overflow property, CSS, 151–152 P

(paragraph) tag case sensitivity, 29 compound selectors, 114 creating rule defi nitions, 102 structure and attributes, 24 padding Box model, CSS, 128–129 tables, 250–252 page(s) adding title, 446–447 background, CSS gradients applied to, 203–205 creating from templates, 313–314 defi ning properties, 45–50 object Insert panels, 14 optimizing for launch, 445–449 adding meta keywords and descriptions, 448– 449 search engine visibility and Search Engine Optimization, 445 titling your documents with tag, 445–447 previewing in web browser, 69–71 Page font field, Page Properties dialog box, 45 page layout advanced AP divs, 158 changing column layout and size, 173–175 creating appearance of equal height columns, 175–177 creating columns with CSS, 162–168 creating columns with HTML, 162–164 creating more sophisticated layouts, 179–180 float property, 158–161 list-based navigation bar, 168–172 overview, 157–158 CSS Absolutely Positioned CSS layouts, 152–155 Box model, 128–130 creating centered container for page, 131–137 overview, 127–128 positioning content with absolute-positioned divs, 139–147 setting margins and borders, 147–152 Page Properties dialog box Active links field, 48 Appearance (CSS) category, 45 Appearance (HTML) category, 47 Background color option, 46 Background image field, 46 Background text field, 46 Headings (CSS) category, 48 Index 479 Link Color field, 48 Links (CSS) category, 47 Margin settings, 47 overview, 45 Rollover links field, 48 Size field, 45 Text color option, 46 Title/Encoding category, 48 Tracing Image category, 49–50 Transparency slider, 50 Visited links field, 48 Page Type column, New Document dialog box, 42 panel groups, customizing, 260–263 panels Assets Library Items category, 306 managing library items and templates, 320 Templates list, 311 Behaviors, 367–368, 374 CSS Designer class style created with, 105–107 creating CSS rules, 94–96 description of, 15, 60 expanded mode of, 108 new features, 456–457 Sources pane, 121 Text-transform section, 113 CSS Styles creating and modifying styles, 108–110 creating CSS rules, 94–96 Disable/Enable CSS Property button, 153 customizing, 260–263 Favorites, 14 Files adding pages, 14, 41 creating and viewing Design Notes, 438 creating Design notes, 437 Expand button, 435 FTP and fi le transfer functionality, 431 Get command, 431–432 managing fi les, 56 overview, 53–55 Put command, 431–432 remote connection, 426–429 remote web server, 431–432 resizing images, 86 selecting and editing fi les, 54–55 uploading and downloading fi les, 14 viewing local fi les, 54 Insert design and layout tools, 10 expanding, 261 Hyperlink icon, 74 Link Checker, 439–441 Results, 441–443 Site Defi nition, 454 480 Adobe Dreamweaver CC Digital Classroom Site Reports, 333–334 Snippets, 301–302, 320 Text Insert, 78–79 panels, customizing, 260–263 paragraph (

) tag case sensitivity, 29 compound selectors, 114 creating rule defi nitions, 102 structure and attributes, 24 paragraphs, 111 parent elements, CSS, 115 percentage-based table, 257 period character (.), 129 periods, avoiding in site name, 56 PhoneGap Build Service, 390–391 Photoshop CC, 10 creating Flash video, 283 integration, 143 smart objects, 19 PHP, 52 code hinting, 20 coding environment, 11 creating new site, 39 form processing and validation, 364 syntax, 20 validating documents, 331 working in Code view, 325 pixel-based table, 257 pixels, 267 Plus button, Behaviors panel, 368 PNG format versus GIF and JPEG, 81 Photoshop, creating fake column background, 177 tracing image, 49 Point to File feature, 84 polyfi lls, 366 Popup Message dialog box, 368 positioning content absolute positioning, 135–137 adding additional content and styles, 146–147 adding images to layout, 141–142 adding introduction section to page, 139–141 adding main and sidebar content areas, 144–145 Photoshop integration, 143 POST option, Method drop-down menu, 345 pound sign (#), 129 Preferences dialog box File Types/Editors section, 85 formatting code, 335 Premiere Pro program, 283 Preview in Browser feature, 69–71 Preview/Debug in Browser button, Document toolbar adding text fields, 348 closing Hyperlink dialog box, 75 previewing pages, 69–71 web pages, using window sizes, 392–394 processing web forms, 364 Progressive Download Video, 284 properties Border, 250 border-collapse, 247 CellPad, 242, 250 CellSpace, 242, 250 Clear, CSS, 167–168 CSS color property, 96 float, 158–161, 181 hover, 171–172 overflow, CSS, 151–152 Target, Properties dialog box, 345 Property Inspector applying classes to tables, 246 Brightness and Contrast button, 85 correcting invalid code, 331, 338 creating hyperlinks, 72–73 formatting text, 59 Header checkbox, 237 jQuery UI Accordion panel, 384 Ordered List button, 77 selecting table elements, 232 setting column width, 236–237 setting form properties, 345 setting table width to percentage of browser window, 234–235 Targeted Rule drop-down menu, 107 versus Text Insert panel, 78 Unordered List button, 77 protocols, FTP, 11, 426 See also FTP PSD fi le dragging into web page, 19 importing into Dreamweaver, 143 optimizing, 143 saved as JPEG, 143 pseudo-class selectors, 114–117 Put command, Files panel transferring fi les on remote server, 431–432 transferring fi les on testing server, 431 Q Question Mark icon, 443 Quick Tag editor, 322–323 QuickTime video, 286–288 R radio buttons adding to form, 373–374 adding to web form, 352 Insert toolbar, 346 Radio Group dialog box, 352 Radio Group element, Insert toolbar, 352 radio groups, 353–354 RDS, 428 ready-to-use snippets, 301 Recent Snippets button, Coding toolbar, 329 Rectangular Marquee tool, Photoshop, 177 Red X icon, 443 Refresh button Files panel, 432 Property Inspector, 68 Related Files bar, 17 relative hyperlinks, 74–75 relative positioning, 131, 136–137 remote connection, 426–429 remote server copying fi les to, 451 LCK fi les, 434 sharing Design Notes, 437 transferring fi les with Get and Put, 431–432 using Files panel to transfer fi les to, 53 using Server tab to defi ne, 38 Remove Comment button, Coding toolbar, 329 Remove CSS Property icon, 204 Remove Tag option, 323 Repeating Region dialog box, 317 repeating regions detaching from Template command, 319 overview, 316–317 putting into action, 318–319 repeat-x button, 249 reports, site addressing listed item, 444–445 overview, 441–443 saving, 445 understanding report results, 443 Reports dialog box, 442 Required checkbox, Validate Form dialog box, 370 Reset button, adding to web form, 358–359 resizing document window, 264–267 images, 80, 86–87 respond.min.js, 420 Results panel, site reports, 441–443 RGB spectrum, 27 Rollover links field, Page Properties dialog box, 48 root folder, local checking fi les in/out, 435 defi ned, 37 saving pages, 45 storing resources, 56 rounded borders, 206–209 rule weight, 125 rulers, 267 rules, CSS Code Navigator creating, 98 locating, 100 Index 481 Code view, 96 CSS Designer panel, 94–96 internal and external style sheets, 99 runaround, 159 S Safari web browser, 16, 391, 406 sans-serif font, 63 Save As Template dialog box, 311 Save button, Site Setup dialog box, 429 saving pages, 44–45 reports, 445 scripts CGI form processing and validation, 364 setting form properties, 345 JavaScript, 11, 364 server-side, 364 search engine navigation bars, 168 page optimization, 445 ranking and listing web pages, 448 tag, 447 Search Engine Optimization (SEO), 445, 448 Select Audio dialog box, 296 Select Image Source dialog box, 46, 50, 81, 83, 248, 272 Select Parent Tag button, Coding toolbar, 328, 330 Select Style Sheet dialog box, 122 Select Style Sheet File dialog box, 360 Select Video dialog box, 281 selecting fi les, 54–55 selectors compound, 114 contextual, 114–117 CSS ID attaching external style sheet to page, 121–122 Box model, 129–130 css fi le, 124–126 internal versus external style sheets, 119–121 modifying attached style sheets, 122–124 pseudo-class, 114–117 tag accessing code, 322–323 overview, 275–277 SEO (Search Engine Optimization), 445, 448 servers defi ned, 21 DNS, 22 remote copying fi les to, 451 LCK fi les, 434 sharing Design Notes, 437 transferring fi les with Get and Put, 431–432 using Files panel to transfer fi les to, 53 482 Adobe Dreamweaver CC Digital Classroom using Server tab to defi ne, 38 Servers option, Site Setup dialog box, 36 Servers tab, Site Setup dialog box, 38 server-side script defi ned, 11 form processing and validation, 364 Set Color button, CSS Designer panel, 64 SFTP, 428 Show All Events button, Behaviors panel, 369 Show Code Navigator button, Coding toolbar, 328 Show Grid option, Grid Settings dialog box, 273 Show Log option, Update Pages dialog box, 309 Show menu, Link Checker panel, 441 Show Set Events button, Behaviors panel, 371 single-column layout, 404–407 site, defi ned, 36 Site Defi nition panel, 454 site design library items modifying and updating, 308–310 overview, 306–307 modular page elements, 300 overview, 299–300 repeating regions detaching from Template command, 319 overview, 316–317 putting into action, 318–319 snippets creating new, 302–305 overview, 300 Snippets panel, 301–302 templates creating new, 311 creating new pages from, 313–314 modifying, 315–316 working with editable regions, 312 Site Launch Checklist, 449 site management, 11 Site Reports panel, 333–334 Site Root button, 81 Site Setup dialog box Advanced Settings option, 36, 39 Cloaking category, 40 Contribute category, 40 Design Notes category, 40 Edge Animate Assets category, 40 File View Columns category, 40 Local Info settings, 40 Local Site Folder field, 37 Save button, 429 Servers option, 36 Servers tab, 38 Templates category, 40 Test Connection button, 429 Version Control option, 36 Site Setup window Seee Site Setup dialog box site-creation options, advanced Cloaking category, 40 Contribute category, 40 Design Notes category, 40 File View Columns category, 40 overview, 39–40 Templates category, 40 Size drop-down menu, Property Inspector, 68 Size field, Page Properties dialog box, 45 skin, defi ned, 284 Skin drop-down menu, Insert Flv dialog box, 285 slashes, avoiding in site name, 56 smart objects, Photoshop, 19 smartphones, 390 Snap to Grid option, Grid Settings dialog box, 273 Snap to Guides option, 269 Snippet dialog box, 302 snippets creating new, 302–305 overview, 300 Snippets panel, 301–302 Snippets panel description of, 301–302 moving snippets with, 320 soft return, 29 Sort By menu, 256 Sort Table feature, 256 sound HTML5 audio element, 294–297 inserting, 294–297 making web content interesting, 280 overview, 280 Source Code button, 101 spaces, avoiding in site name, 56 Split button, Document toolbar changing workspace, 65 creating gallery page, 82 placing images in HTML, 26 tag structure and attributes, 23 whitespace rules, 28 Split view addressing listed item, 444 case sensitivity and whitespace, 28 Code Navigator, 98 CSS and, 93 default, 325 displaying page in multiple modes, 53 editing in Live View, 71 formatting tables in HTML, 244 hand-coding, 68 internal style, 100 Live view and, 71 overview, 13, 65–69 placing images in HTML, 26 view options, 325 viewing fi les on remote server, 430 Split View button, Document toolbar, 53 Src attribute changing, 87 tag, 82 states, defi ned, 115 Streaming Video, 284 (bold) tag compound selectors, 114 tag hierarchy, 30 Style menu, Property Inspector, 94 style sheets, CSS applying label style, 363–364 creating and modifying styles advanced text formatting, 111–113 contextual selectors, 114–117 CSS Designer panel, 105–107 CSS Styles panel, 108–110 overview, 102–105 pseudo-class selectors, 114–117 CSS rules Code Navigator, 98, 100 Code view, 96 CSS Designer panel, 94–96 defi ned, 90 defi ning cascading, 101–102 div tags attaching external style sheet to page, 121–122 css fi le, 124–126 internal versus external style sheets, 119–121 modifying attached style sheets, 122–124 overview, 117–119 external attaching, 360–364 creating, 120 internal style sheets versus, 99–101 tags, 91–92 ID selectors attaching external style sheet to page, 121–122 css fi le, 124–126 internal versus external style sheets, 119–121 modifying attached style sheets, 122–124 overview, 117–119 inline, 98–99 internal, 67, 99–101, 119–121 overview, 64–65, 89–90, 92–93 page layouts Absolutely Positioned CSS layouts, 152–155 Box model, 128–130 creating centered container for page, 131–137 overview, 127–128 positioning content with absolute-positioned divs, 139–147 setting margins and borders, 147–152 setting background color, 361–362 styling form elements, 363–364 tag Index 483 CSS rules, 67, 90 internal style sheets, 99, 120 styledtable class applying to unstyled table, 254 formatting and styling tables, 245–246 styles, defi ned, 64–69 styling in Fluid Grid Layout, 420–423 form elements, CSS, 363–364 Submit button, adding to web form, 358–359 Subversion, 20 SVG, 223 Swatches panel, 27, 64 swf fi le, 290–291, 298 Syntax Coloring option, 325 Syntax Error Alerts in Info Bar button, Coding toolbar, 329 Syntax Error Alerts option, 325 system requirements, 1–2 T tables converting to snippets, 302 creating, 238–240 CSS advanced styling, 248–252 alternate row styling, 252–253 cell alignment, 250–252 cell borders, 250–252 cell padding, 250–252 formatting and styling, 245–247 reusing for other tables, 254 data sorting, 255–256 fi xed-width, 257 HTML, 240–244 importing data, 230–232 modifying size, 234–237 structure, 237–238 overview, 229–230 percentage-based, 257 pixel-based, 257 selecting elements, 232–234 web design, 230 tablet layout, 414–416 Tablet Size, window size, 267 tabular data, 230, 257 tag(s) creating and modifying styles, 102 hierarchy of tags, 30 HTML document, 25 modifying, 123 tag selector, 277 (break), 29 case sensitivity, 28 484 Adobe Dreamweaver CC Digital Classroom closing, 23 collapsing, 330–331 div attaching external style sheet to page, 121–122 css fi le, 124–126 internal versus external style sheets, 119–121 modifying attached style sheets, 122–124 overview, 117–119 expanding, 330–331 , 91–92 background color and, 361 inserting into contact form, 341–344 , 103–105 CSS rules, 67 HTML document, 25 hierarchy, 30 , 25, 30 (image) attributes, 82 placing in HTML, 25–26 tag hierarchy, 30 tag selector, 276

, 93 , 90

paragraph case sensitivity, 29 compound selectors, 114 creating rule defi nitions, 102–103 structure and attributes, 24 (bold) compound selectors, 114 tag hierarchy, 30 structure and attributes, 23–24 CSS rules, 67, 90 internal style sheets, 99, 120 styles, 102 , 445–447 tag selector, 275–277 Target property, Properties dialog box, 345 Targeted Rule drop-down menu, Property Inspector, 107 Template command, 319 templates creating new pages from, 313–314 modifying, 315–316 working with editable regions, 312 Templates category, Site Setup dialog box, 40 Templates folder, 320 Templates list, Assets panel, 311 Test Connection button, Site Setup window, 415 testing server, 433 testing site integrity Check Links feature, 439–441 Check Links Sitewide, 439–441 overview, 439 text adding hyperlinks, 71–76 lists, 76–78 overview, 57 previewing pages in web browser, 69–71 styles, 64–69 Text Insert panel, 78–79 typography and images on web, 58 letter-spacing for, 113 uppercase for, 113 text area, adding to web form, 356 Text color option, Page Properties dialog box, 46 text editor, 11 text field adding to web form, 347–350 HTML5, 349–350 Text Field button, Insert panel, 347 Text fields, Insert toolbar, 346 text formatting, advanced, 111–113 Text Insert panel, 78–79 Text options, Insert panel, 79 text (.txt) fi le format, 230 text wrap, 159 text-based languages, 32 Text-transform section, CSS Designer panel, 113 three-column fluid layout, 416–420 tiling documents, 277–278 tag, 445–447 Title/Encoding category, Page Properties dialog box, 48 toolbars Coding Apply Comment button, 329 Balance Braces button, 328 Collapse Full Tag button, 328, 330 Collapse Selection button, 328, 330 Expand All button, 328 Format Source Code button, 329 Highlight Invalid Code button, 328 Indent Code button, 329 Line Numbers button, 328 Move or Convert CSS button, 329 Open Documents button, 328 Outdent Code button, 329 Recent Snippets button, 329 Remove Comment button, 329 Select Parent Tag button, 328, 330 Show Code Navigator button, 328 Syntax Error Alerts in Info Bar button, 329 Wrap Tag button, 329 Document Code View button, 52 Design View button, 52, 97, 343 Preview/Debug in Browser button, 348 Split button, 23, 26, 28, 82 Split View button, 53 Insert, 352 tools Contribute tool, 311 design, 10 layout, 10 Top Features (videos) column, Welcome Screen, 31–32 Tracing Image category, Page Properties dialog box, 49–50 Transition On menu, 187 Transitions, CSS adding, 184–189 browser support for, 189, 195 easing, 192 Internet Explorer support for, 189 modifying, 190–195 navigation menu, adding to, 196–199 support for, 189 Transitions, CSS3, 457 Transparency slider, Page Properties dialog box, 50 trigger, 369–370 TrueType (TTF), 223 txt (text) fi le format, 230 TypeKit, 63 typography, web, 58 U Underline style drop-down menu, 48 Unicode Normalization Form, 49 Unicode (UTF-8), 49 Unix, 40 Unordered List button, Property Inspector, 77, 168 Update from Original button, Property Inspector, 19 Update Library Items dialog box, 309 Update Pages dialog box, 309 updating images, 87 library items, 308–310 uppercase, text, 113 URL address, 72 V Validate Form behavior functions, 372 Validate Form dialog box, 370 validating code highlighting and correcting invalid code, 331–332 running report, 333–334 documents, 331 external links, 440 form fields changing behavior order, 371–372 overview, 370–371 web forms, 364 Index 485 validation, HTML5, 365–366 Value column, Radio Group dialog box, 352 VCS (version control system), 39 Verizon, 21 Version Control option, Site Setup dialog box, 36 version control system (VCS), 39 video adding, 283–286 HTML5, 280–283, 462 making web content interesting, 280 overview, 280 QuickTime video, 286–288 Windows Media, 286–288 video tutorials, 5–6 View menu, 325 viewport, 394 views Code Coding toolbar, 328–329 collapsing and expanding tags and code blocks, 330–331 containers and, 130 creating CSS rules, 96 defi ned, 338 editing in Live View, 71 tag attributes, 344 modifying workspace, 325–327 overview, 13 work views, 52 Design CSS-styled text, 92 description of, 13, 52 modifying snippets, 305 resizing document window, 264–267 setting form properties, 345 tag selector and, 338 previewing, 69–71 Split addressing listed item, 444 case sensitivity and whitespace, 28 Code Navigator, 98 CSS and, 93 default, 325 displaying page in multiple modes, 53 editing in Live View, 71 formatting tables in HTML, 244 hand-coding, 68 internal style, 100 Live view and, 71 overview, 13, 65–69 placing images in HTML, 26 view options, 325 viewing fi les on remote server, 430 486 Adobe Dreamweaver CC Digital Classroom visibility, search engine, 445 Visited links field, Page Properties dialog box, 48 visual aids, 14–15 W W3C (World Wide Web Consortium), 11, 90 Warning Sign icon, 443 wav format, 294 WCAG (Web Consortium Accessibility Guidelines), 441 web banner, 280, 289 web browser CSS Transition support, 189, 195 mobile, 391 previewing pages, 69–71 web fonts supported by, 223 Web Consortium Accessibility Guidelines (WCAG), 441, 447 web design layout tools and, 10 library items, 306–310 modular page elements, 300 overview, 299–300 repeating regions, 316–319 snippets, 300–305 tables, 230 templates, 310–316 web fonts Adobe Edge Web Fonts benefit of, 228 content styling with, 219 custom font stack created using, 217–218 description of, 458–459 using, 212–217 basics of, 212 browser support of, 223 custom font stack created using, 217–218 embedding, 459 licensing, 224 local, 220–227 resources for, 228 styling headings with, 225–227 Web Fonts category, Site Setup dialog box, 40 web forms adding form elements adding checkboxes, 350–352 adding File Upload field, 357–358 adding lists and menus, 354–355 adding radio buttons, 352 adding radio groups, 353–354 adding text area, 356 adding text field, 347–350 overview, 346 Submit and Reset buttons, 358–359 adding validation Behaviors panel, 367–368 setting event or trigger, 369–370 contact form inserting tag, 341–344 setting properties, 344–345 overview, 339–341 processing, 364 styling with CSS applying label style, 363–364 attaching external styles, 360–361 setting background color, 361–362 styling form elements, 363–364 validating form fields changing form field’s behavior order, 371–372 overview, 370–371 validation, 364 Web hosting services, 22 Web Open Font Format (WOFF), 223 web page adding title, 446–447 creating from templates, 313–314 Edge Animate object inserted into, 294 for mobile devices, 402 optimizing for launch adding meta keywords and descriptions, 448– 449 search engine visibility and Search Engine Optimization, 445 titling your documents with tag, 445–447 previewing, 392–394 previewing in web browser, 69–71 WebDAV, 428 WebKit rendering engine, 16 website adding pages fi xed, 42 liquid, 42 New Document dialog box, 42 saving pages, 44–45 advanced site-creation options Cloaking category, 40 Contribute category, 40 Design Notes category, 40 File View Columns category, 40 overview, 39–40 Templates category, 40 defi ning page properties, 45–50 design library items, 306–310 modular page elements, 300 overview, 299–300 repeating regions, 316–319 resources, 453 snippets, 300–305 templates, 310–316 domain names, 22 Files panel overview, 53 selecting and editing fi les, 54–55 viewing local fi les, 54 flow chart, 21 hosting, 6–7 IP addresses, 21–22 managing Check In and Check Out, 433–438 Design Notes, 436–438 design resources, 453 Files panel, 426–432 focus groups, 452 generating site reports, 441–445 Help system, 451–453 launching site, 449–451 optimizing pages for launch, 445–449 overview, 425–426 testing site integrity, 439–441 on mobile device, 391–392 operating principles of, 21–22 overview, 35 servers, 22 web browsers, 22 web hosts, 22 work views, 51–53 Welcome Screen Create New column, 31 Open recent item column, 31 Top Features (videos) column, 31–32 whitespace, Design view, 29 Window Size drop-down menu, 278 window sizes “Full Size,” 267 Mobile Size, 266, 407 Tablet Size, 267 web pages previewed using, 392–394 Windows Media, 286–288 Windows OS, 2–3 Wireless Markup Language (WML), 331 Word Wrap button, Coding toolbar, 329 Word Wrap option, 325 WordPress, 19 work views, 51–53 workflow customizing panels and panel groups, 260–263 Favorites tab on Insert bar, 263–264 Index 487 grids, 273–275 guides, 267–272 overview, 259–260 reports, 442 resizing document window, 264–267 tag selector, 275–277 workspace features of, 13–15 layouts, 14 resetting, World Wide Web Consortium (W3C), 11, 90 Wrap Tag button, Coding toolbar, 329 488 Adobe Dreamweaver CC Digital Classroom X XHTML, 30, 331 XML (eXtensible Markup Language), 331 Y Yahoo!, 22, 445 Z z-index, 153 John Wiley & Sons, Inc End-User License Agreement READ THIS You should carefully read these terms and conditions before opening the software packet(s) included with this book “Book” This is a license agreement “Agreement” between you and John Wiley & Sons, Inc “WILEY” By opening the accompanying software packet(s), you acknowledge that you have read and accept the following terms and conditions If you not agree and not want to be bound by such terms and conditions, promptly return the Book and the unopened software packet(s) to the place you obtained them for a full refund License Grant WILEY grants to you (either an individual or entity) a nonexclusive license to use one copy of the enclosed software program(s) (collectively, the “Software”) solely for your own personal or business purposes on a single computer (whether a standard computer or a workstation component of a multi-user network) The Software is in use on a computer when it is loaded into temporary memory (RAM) or installed into permanent memory (hard disk, CD-ROM, or other storage device) WILEY reserves all rights not expressly granted herein Ownership WILEY is the owner of all right, title, and interest, including copyright, in and to the compilation of the Software recorded on the physical packet included with this Book “Software Media” Copyright to the individual programs recorded on the Software Media is owned by the author or other authorized copyright owner of each program Ownership of the Software and all proprietary rights relating thereto remain with WILEY and its licensers Restrictions on Use and Transfer (a) You may only (i) make one copy of the Software for backup or archival purposes, or (ii) transfer the Software to a single hard disk, provided that you keep the original for backup or archival purposes You may not (i) rent or lease the Software, (ii) copy or reproduce the Software through a LAN or other network system or through any computer subscriber system or bulletin-board system, or (iii) modify, adapt, or create derivative works based on the Software (b) You may not reverse engineer, decompile, or disassemble the Software You may transfer the Software and user documentation on a permanent basis, provided that the transferee agrees to accept the terms and conditions of this Agreement and you retain no copies If the Software is an update or has been updated, any transfer must include the most recent update and all prior versions Restrictions on Use of Individual Programs You must follow the individual requirements and restrictions detailed for each individual program in the “About the CD” appendix of this Book or on the Software Media These limitations are also contained in the individual license agreements recorded on the Software Media These limitations may include a requirement that after using the program for a specified period of time, the user must pay a registration fee or discontinue use By opening the Software packet(s), you agree to abide by the licenses and restrictions for these individual programs that are detailed in the “About the CD” appendix and/or on the Software Media None of the material on this Software Media or listed in this Book may ever be redistributed, in original or modified form, for commercial purposes Limited Warranty (a) WILEY warrants that the Software and Software Media are free from defects in materials and workmanship under normal use for a period of sixty (60) days from the date of purchase of this Book If WILEY receives notification within the warranty period of defects in materials or workmanship, WILEY will replace the defective Software Media (b) WILEY AND THE AUTHOR(S) OF THE BOOK DISCLAIM ALL OTHER WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE, WITH RESPECT TO THE SOFTWARE, THE PROGRAMS, THE SOURCE CODE CONTAINED THEREIN, AND/OR THE TECHNIQUES DESCRIBED IN THIS BOOK WILEY DOES NOT WARRANT THAT THE FUNCTIONS CONTAINED IN THE SOFTWARE WILL MEET YOUR REQUIREMENTS OR THAT THE OPERATION OF THE SOFTWARE WILL BE ERROR FREE (c) This limited warranty gives you specific legal rights, and you may have other rights that vary from jurisdiction to jurisdiction Remedies (a) WILEY’s entire liability and your exclusive remedy for defects in materials and workmanship shall be limited to replacement of the Software Media, which may be returned to WILEY with a copy of your receipt at the following address: Software Media Fulfi llment Department, Attn.: Adobe Dreamweaver CC Digital Classroom, John Wiley & Sons, Inc., 10475 Crosspoint Blvd., Indianapolis, IN 46256, or call 1-800-762-2974 Please allow four to six weeks for delivery This Limited Warranty is void if failure of the Software Media has resulted from accident, abuse, or misapplication Any replacement Software Media will be warranted for the remainder of the original warranty period or thirty (30) days, whichever is longer (b) In no event shall WILEY or the author be liable for any damages whatsoever (including without limitation damages for loss of business profits, business interruption, loss of business information, or any other pecuniary loss) arising from the use of or inability to use the Book or the Software, even if WILEY has been advised of the possibility of such damages (c) Because some jurisdictions not allow the exclusion or limitation of liability for consequential or incidental damages, the above limitation or exclusion may not apply to you U.S Government Restricted Rights Use, duplication, or disclosure of the Software for or on behalf of the United States of America, its agencies and/or instrumentalities “U.S Government” is subject to restrictions as stated in paragraph (c)(1)(ii) of the Rights in Technical Data and Computer Software clause of DFARS 252.227-7013, or subparagraphs (c) (1) and (2) of the Commercial Computer Software - Restricted Rights clause at FAR 52.227-19, and in similar clauses in the NASA FAR supplement, as applicable General This Agreement constitutes the entire understanding of the parties and revokes and supersedes all prior agreements, oral or written, between them and may not be modified or amended except in a writing signed by both parties hereto that specifically refers to this Agreement This Agreement shall take precedence over any other documents that may be in confl ict herewith If any one or more provisions contained in this Agreement are held by any court or tribunal to be invalid, illegal, or otherwise unenforceable, each and every other provision shall remain in full force and effect Free ebooks ==> www.Ebook777.com Illustrator www.Ebook777.com ... Adobe Dreamweaver CC Digital Classroom® Adobe Dreamweaver CC Digital Classroom® Michael Arguin, Greg Heald, and the AGI Creative Team Adobe Dreamweaver CC Digital Classroom®... start the Adobe Dreamweaver CC application: Windows Choose Start > All Programs > Adobe Dreamweaver Close the Welcome Screen when it appears You are now ready to use Adobe Dreamweaver CC Windows... the Adobe Dreamweaver tile to launch Dreamweaver Adobe Dreamweaver CC Digital Classroom Resetting the Dreamweaver workspace Close the Welcome Screen when it appears You are now ready to use Adobe