Mapped App #016: Dreamweaver CC 2014
Contents
1. 0 cece cece eee eee een e eens 95 97 Borders Backgrounds n n n 0 0 cece cece cece cece eee e eens 97 101 Ee oo oe oe re oor eee ne eer Cree were 97 98 Dae CNOA 25 aeqenenpendea has Ea tans eisesa TTN 98 101 POSTON oas dae 2actdrmpatksanntsiedendacieea saith eea iai 102 104 a AEE E 105 Margins and Padding o an 105 107 O aerar erar E eas 106 107 Add Padding cece AE E cece ene ees 107 108 Aon re O E EEE E E E 108 109 Final TOUCNES 0 eee cece eee eee eee rreren 109 110 553 OVENMEW P SUDO nicocwtsngnes rececoawsdaas riiarsasceeus 110 112 CSS3 Features and Effects 0 00 cece cece cece eee eee eee ees 111 112 Additional CSS Support 2 2 0 0 0 c cece cece e cece Tiz Again don t allow this to discourage you if you are not understanding every single item covered By way of example we appreciate how the book starts taking you through the theories of cascading inheritance descendance and specificity It s well explained with good examples however this slowed down some newbies in previous editions of this book As you get more and more used to Dreamweaver when things don t seem to be working with your web pages these pages will become much appreciated reference sections The book claims you ll need 2 hours for this We know people who wanted to learn all things Dw CIB It took them better than 3 hours in a few separate short sessions Chapter 4 Web Design Basics We applauded this chapter when it2. 2 122 123 Create Web Assets w Adobe Generator 0 cece cece e eee 123 127 Adobe Generator 0 0 00 cece cece eee eeeeeeeeeeeeee ees 124 125 POM ASSES OMT FUOUSOD lt i ciciukioneeeveserathoienaabebes 125 127 Create Multiple Assets w Generator 00 00 cc eee e eee 127 128 Chapter 5 Creating a Page Layout For those books which mimic a users manual this is where they get started Of course CIB has used 128 pages to introduce you to how you get to this point where you begin to build a page In our minds that s the essential pathway Though you have learned a few things about CSS Designer already here s where you get down to business Currently the CSS Designer panel is foundational to using Dw from the van tage point of taking visual control Toss a bookmark into page 144 as a future reference page to the CSS Designer panel UPC ICED EAE ETE EN EE ET 132 133 Previewing the Completed File 2 onnenn 133 134 Predenhed OUS reoeo rid ONERE EEO 134 139 E ONE EEEE EEEE A E EEEE 139 143 POE L EE E E E E TE ONTT 144 Ue E OEE PEE E E EEEE EA E 145 154 aoa r E 146 EJE WED TONG acconeensinecandiose axsioecnsieie seeiaenasonees 149 151 VED IOS CONG Zoinsnsccauneecae nied oenatsceeriabmeeticeeianons 151 Font Stacks WH WED Fonts ccccsckisadseranesteesereeeeensdeundes 152 153 m2media com Home Page m2media com Online Learning n HOI N28 A A EEEE ETE 153 154 Create a CSS Background 2 ooo eee e eee
3. EET ETETE Jj B A EEEE E ET 53 IO EEEE E EEEE AE E E AE 53 4 What Happened to XHTML 2 cece cece eee eee 54 What s New in HTML5 0 0 cece cece cece cece eee anes eens 55 PIE TAGS E E E ne btepaeesaseraeeeaee E ET 55 56 SemanticWeb Design 0 cece cece eee e rinisak Enide 57 58 New Techniques Technology 0ccce cece cece eee eee eees 58 This chapter is also important in helping you to understand what the Design View is doing when it s generates the source code for you Chapter 3 CSS Basics By the end of 1997 Macromedia launched Dreamweaver 1 0 It was originally talked down by many as being too tied to coding Some claimed that boring websites came from Dreamweaver since the program was so tied cascading style sheets CSS As the underlying code of the internet developed CSS was firmly rooted in the best practices of most significant web presences m2media com Home Page m2media com Online Learning We mention all of this because to some people who are not well versed on web technology it would seem CSS3 is something you might be able to skip Some new InDesign Id users skip paragraph styles and character styles all the time Websites need to play nicely with web browsers Using CSS is both the best way to do that while opening yourself up to a fabu lously exciting array of powerful opportunities to make sweeping changes to entire websites the way Id does to huge documents Dw CIB use
4. Related Files Interface 0 00 cock ccc cece eee eee e neste eee ennne nes 3 TAG IC TIO teat waecoaeuscaretseseaneenepetsary ieergeessnieiaees 32 OT e ase ih E EE teed newe bead nar Piney sted 33 34 Element Quick VieW 2 o oo cece cece cece eens eee e eee eee e eens 35 Element VieW n ccc cece cece cece e eee e eben nett eee ennnn nes 35 ECO E OCMINEN GAIN as conscneacdwasuaresniseloaiase ieueos tas 36 Old hands at web projects and all things Adobe CC can fin ish this chapter in 20 or 30 minutes Newbies should not rush through this You must understand every paragraph Chapter 2 HTML Basics There was a time when you could shelter the web designers from HTML coding As previously mentioned Adobe created Muse Mu from scratch Doing the heavy lifting of today s web mobile design cannot happen without getting your hands HTML dirty How complex can learning HTML be It one of those acquired tastes There s a difference between understanding the coding basics and expecting someone to hand code a website Fear not this book doesn t expect you to build a car just know how to inflate the tires check the oil and be sure there s some gas in the tank This chapter does its best to be as gentle as possible with the reader Its a mile marker chapter If you re not HT ML tested you might want to set aside a couple hours for this Nothing about it is demanding Take it slow If you are someone who feels a need to know every wo
5. e eee e eee 155 163 Add a Background Image 00 cc ccc ceeeee cece eeeee eens 155 157 DETING VAIUICS E EE SEEE TEO 158 Add Other okronan nininini 158 162 Create Custom CSS Styling 0 00 cece cece eerie 162 163 Modify Existing Content 00 ccc c cece cece cece enna e ees 163 172 Add New Items to a Navigation Menu c cece eee 164 166 FV OCT Poa 5 sian a E e aanbidt 167 Styling a Navigation Menu n nnen 167 172 Building Semantic Content 0 0 2 0 occ 172 175 Position Elements w Element Quick VieW 00 cece eee 175 177 Mea TOM E E E EN T ENNS 177 178 Insert HTML Entities nananana nnna nanana 178 179 Validating HIML Code 2 cece ccc ccc cece cece eee Er 179 180 Some of this CIB talks about Edge web fonts To us Adobe s Typekit makes more sense for CC subscribers Admit tedly Typekit is discussed too We do greatly appreciate the amount of space which has been devoted to type Other books focus more on the technolo gy of Dw than teaching how to create great visuals That s where this CIB excels Chapter 6 Designing for Mobile Devices Dont skip this chapter by thinking All I need to do is design web pages The mobile thing isn t for me Understanding how you adapt a website to a mobile device could easily drift into your future In developing for the internet you always want to have in the back of your mind how you ll adapt to a mobile app POS POMOC eesin ne
6. first appeared in the CS5 edition as a much bigger chapter The lack of this is the downfall of many web based educational resources Even if you are not a designer you need this chapter Think of it as well thought through organization Don t let it concern you if you feel you are not inclined toward pencil and paper layouts Anyone can do doodles The focus has been on smart planning for smooth execution By the time you complete this chapter you will have created a page in Dw Front Page Next Page gt MAPPED App 016 DREAMWEAVER CC 2014 Crassroom tn a Book JOURNAL Added to this edition is work with Adobe Generator an important part of the design process We have a feeling that you ll be hearing more and more about Generator so please do not skip that section either Develop a New Website 00 0 cc cece e cece ee eee eee eee e eens 116 117 ihe Purpose ofthe WEDS voceiasaconnnesdserdesonneeeceaneabans 116 Woi Me AUIEN s ocusctsatunss derasesntuctedtmeeustentcsenns 116 Mow DO hey Get INEC c sszseecnrecenveeveconeseneeieeorassen 117 Responsive Web Desig 0 0 cece cece eee eeeeeee eee eeeeenen anes 118 DONO NE ee eae E E E E E EOE OET azo We Thumbnails and Wireframes ccc cc cece cece eee eee es 119 123 Cede IMC a ascecersxuneeonsnsors ase E 119 120 Create Page Designs 0 ccc cece cece cece ee eee eee eens 120 121 DSOG ONIN EET 121 Create VENA cts rcaviensidieindeenene kecayc oaswnndends
7. i EEEE EE E ANE EEEN 309 311 Create memo RYPE eret eranen cies 312 317 Create Relative Links in Design View nn 312 315 Gee POME UM cnc cvanaesntaciendhtanebauellee iii ERR 315 316 Update LINKS in Ca PADS irepair erae 316 317 Peale am ENON WINK ees sesiare deus savrnes eles canines E 318 320 Create an Absolute Link in Live View 0 00 cece eee 318 320 U INNS raer aaia aE EREE toh 320 322 Create an Image Based Link 0 cece eee e cece eee eee 322 324 Create an Image Based Links Using Element View 05 322 323 Create Text Links w Element View 0 00 c cece cece eee e eee 323 AVG CNA RODO 2 201 ep cciciachtarewcmeretacds E EAR 324 Tange Fae HO MEN E E N ETE TE EAT 324 329 Create Intetnal Troed WINKS easement neresi 324 326 Create a Link Destination W id 2 00 327 328 Create a Destination Link in Element View 0000 328 329 Target id Based Link Destinations 0 0 cece cece eee es 329 CMEC WMS AOS E EE EEEE ETTE 329 330 Add Destination Links to the Same Page 0 00 c cece eee eee ees 330 Chapter 11 Adding Interactivity You have now reached a point in the book where you have invested about a half of a work week s typical hours Don t have you eyes on a clock as if it s 4 38p Yes interactivity has evolved and yes there are sexier ways of handling this However this chapter provides you with the basics which must be learned Study th
8. without ever having been there none of those three publishers have ever paid us or anyone we know a penny to write a review especially since some of our reviews can be very direct Chapter 1 Customizing Your Workspace Let s get started For a web design newbie this might be the most important chapter in the book If you re used to any of the CC apps like Illustrator Ai InDesign Id Muse Mu and or Photoshop Ps you have gotten comfortable with the UI user m2media com Home Page m2media com Online Learning interface When you first open Dreamweaver it s okay to think Huh Dw not only fails to resemble those other CC apps it doesnt even look like it s something from this century We and many of our technology friends have battered the Dreamweaver team about that over and over again This chapter breezes right passed that and gets down to work with the usual Design View Code View and the some times popular Split View plus the now pumped up Live View slow down to study the latter The book smoothly guides you through this before getting into how the usual CC panels work If you have been around Dw before put on the brakes at page 26 This is where it goes into the new Extract panel This is where you bring in content from Photoshop a cool panel which Adobe teams will surely expand upon to create a cohesive experi ence over a few CC apps If your brain starts to feel a little boggled you might want to tak
9. MAPPED App 016 DREAMWEAVER CC 2014 Crassroom tn a BooK JOURNAL l his is the 110th Adobe Classroom in a Book volume which we have carefully studied including all 7 of them for Dreamweaver Dw The first one for CS3 Dw 9 0 was simple and incomplete The second one CS4 Dw 10 0 was challenging where it didn t need to be When Jim Maivald took over the Dw CIB series for CS5 Dw 11 0 the learning doors flew wide open We had some technical issues with the previ ous edition Dw CC 13 0 We re not saying that something was wrong with that edition The challenge was with something otherwise fabulous Adobe keeps updating the app with new features That s what Creative Cloud CC apps are supposed to do Adobe has promised to make them better and better every few months However following lessons to the letter in CIB or any other structured education was made a little more difficult by the frequent updates Why an Adobe Professional Needs This Book We ve been designing websites for twenty years Our first client was NBC News That makes us web mobile gurus right Nothing could be further from the truth The internet and mobile devices are a huge technology which we ll never be able to claim that we have mastered We are a couple Adobe Community Professionals ACPs We run an Adobe Apple Authorized Training Center which is in partnership with the Virginia higher education system We do our best to study all 16 of the core deskt
10. aentnae irira 184 186 Media Type Property n on 0 0 00 c cece eee cece eee ee eens 184 185 CMA OWEN A EE EEE 185 Media Query Syntax 0 occ cece eee c eee eens 185 186 Previewing the Completed FIC 2 cisco iarndnaeebsssinrewdangon beans 186 189 Mobile Ready vs Mobile Optimized cc cece cece eee ees 189 EOT e E E E E reeagas 190 195 Identify Media Queries 0 0 occ cece c cece cece eee een es 190 191 farget Media CUTIES incadgedninerbbsadnerroietigiadaserio cl 191 192 Target Selectors 0 cece cece eee eee c neste eee eens 192 195 Troubleshoot Styles Across Media Queries 00 cece eee ee 195 199 Previous Page 1993 2015 M Mepia Stupi0s INc E ae ees tants sien caeas an aa T ENAT 198 200 Add Rules to a Media Query 0 cece cece eee eens 201 203 E0G INSPEC oc seseseraevnce eenesepecined repesenenseceeseere eee 203 204 More on Media Queries 0 0 00 c cece eee e cece cece eee e ee ene es 204 Not to sound like we have gone negative on all things Edge this chapter wraps up with how to use Edge Inspect to test on a mobile device Chapter 7 Working with Templates Some well known Dreamweaver educators tell us not to bother teaching templates They don t see them as relative to advanced web development We would not consider pulling templates from site development any more than we would from any other app Templates are a powerful feature This is proven on page 210 where t
11. cece e ee 285 286 EI E EAE SITEET TEET EEE 286 287 eea i EEE I OE EEEE E OAA 28 289 Wiser NON WeD e Miera aniisi e age tiers 289 291 Image Size w High Resolution DeviceS 0 0 cece cece eee eee es 292 PIOTOSTIOD SINGH CODICES EEE TEETE 292 294 Copy Paste Images from Photoshop 0 00 c cece cece eee 295 298 Adapt Images to Smaller Screens 2 0 00 eee c eee eee es 297 298 Insert Images by Drag and Drop 0 0 cece cece cece 298 301 Make IMGGES REDONE acarana 300 301 Optimize Images w the Property Inspector 0 cece eee 302 303 DiCaWeaVEl GIADIICIODS 5 cuss aeteiack neat atattackiaies deatioskans 304 Please bookmark page 304 or make a copy of it That chart of Dreamweaver s graphic tools is a keeper Chapter 10 Working with Navigation Haven t you already done all this hyperlink stuff Well you did get a taste of it but now it s time to apply that into how the website visitors find their way around smoothly getting from one place to another Previous Page 1993 2015 M Mepia Stupi0s INc All of that could get tedious on a big website Knowing navigation as second nature is essential You need to keep your head in the game so study this carefully RUDENIE B core cxy abreast elautesheenst eleeesaeanes clowns 308 309 Internal External Hyperlinks 0 00 c cece ccc cece eee eens 308 Relative vs Absolute Hyperlinks 0 2 00 0 0 cece cece e eee 308 309 POU OU
12. e a break before going on to the Property Inspector panel on page 30 From this point forward some more of HTML and CSS starts to crawl in You need to know this but clear your mind so you are clear on this Workspace IOUl 0 0 ccc cece cece cece eevee eeeeeuseeeeeeeeeees 16 17 SWICH AP SPIT VIEWS cso se eaniaciosecv9pbniecsnsecehomiecdsseavans 17 20 POSIT EM E bead eee I pees esecinaweseceuss esuner ans 17 T aE OEE E O E 18 SOU VEN AEE EEE O E REEE EOE 18 19 Bo EEA EIA E NEE EEEE E T AET 19 ME N EEO E E E E E 20 SDC MOGE o 2s0ctncowssdaeanciaiensetarawsiesensacanewciaienke 20 I EEEE E EE PIE IE EEES 21 24 E ETEEN AEE EE EEEE EOT ET 21 22 Closing Panels Panel GrOupS 2 ccc ccc cece cece eee e eee 22 23 FIOM sis peoe neeeeyoea tee erate E 23 PICU Oh ieee EEn EEEE E EEEE EET 23 Groupning STACKING DOCKING siccati irinse akii 24 Select a Workspace Layout 0 0 c cece cece cece eee eee ees 24 25 EH EE PE EI APES entrees ise raeeroneecuen ct 26 ACHUSUIOONDGIS lt ccoeecscusmercaperssectmercieereseermereinerseeetes pe Previous Page 1993 2015 M Mepia Stupios INC Pe ON T E 5s hanarinaeseesuinss EEE bib TER 2 Create Custom Keyboard Shortcuts ccc cece eee eee 28 29 Property NSPE ON 2 ait ocncorapeerecesncresrieyoeensenaurterescr iain 30 N EE OEE EOE ETETE 30 O a a r T aes eras 30 mage Popers 03 an staicdengonessdhedeasanedediandracimene hens 30 TAVIS E E ved apeyeeumediiera vanes 30
13. est friend It s your website management user s manual Conclusion We probably use Dreamweaver more than any other of the 16 core Adobe desktop apps which come with the full CC sub scription around 365 days a year It s also very low on our list of favorites It s not fun It s not creative Yet somehow the Adobe Dreamweaver CC 2014 CIB team not only turned this into a learning experience which makes Dreamweaver lessons inspiring enough to want to do more They have clearly made this both the best CIB on Dw and eas ily the best book on Dreamweaver ever It s 5 stars all the way Front Page
14. he lesson looks at taking embedded style sheets and moving them out to an external file Make some changes to your external CSS and it ll not only ripple across an entire website but it could change the look of a series of sites which reflect a single branding over thousands and thousands of pages Previewing the Completed File 0 00 cece cece eee ees 208 210 Move Embedded CSS to an External File 0 0 ccc cece eee ee 210 213 Create a Template from an Existing Layout 00 00 cee 213 215 Insert Editable Regions 0 0 0 c cece eee eee eee irre eee 215 217 Insert Metadata 0 0 e ete eee 217 219 PIOOUCS CHING Paes 2b ctoes posse A yas rebar inne E E 220 226 Create a New Page 0 cece cece eee eee eee eens 220 221 Add Content to Child Pages 0 0 c cece cece cece cena ees 221 224 Update alemplate 0 0 c cece cece e cece eee e eee e ees 224 226 Such power sounds big and complex but this CIB shows how simple changes make huge changes If reading this does not convince you or the power has not sunk in when you get to page 220 and the lesson turns to child pages it should begin to make sense Chapter 8 Working with Text Lists and Tables Some people will try to tell you that internet tables are some thing leftover from twenty years ago Have you received a visually based e mail today Chances are it was created using tables So yes the table on a web page does go back to w
15. hen the internet was rooted in research univer Front Page Next Page gt MAPPED App 016 DREAMWEAVER CC 2014 Crassroom tn a BooK JOURNAL sities However creative minds will discover how to use them to do some very cool things Previewing me Competed FIC lt 2scs2ecceveccateseursuasssaiusiaen 230 232 Sa A HMO VENT E T E lt teeadsaiak ated 232 239 NOI egret yee nSecgisia E E E E O peaks 232 234 Alternate HTMLA Workflow 00 0 0 c cece cece eee e ence ee ees 234 ee SEMIN a ES os cs ocs ae oa a4 EE a E anaes ones 234 235 Cae I EN EAT EET 235 237 Add Other HTML SUMCUINCS s lt acieayexeerrnindeneernaraaeeeees 237 239 IMCS E TE E EEEE ETE aeons 239 248 T TSE T PE TEET 243 247 Make KREDON VE orreina eE Eie ei 247 248 Create Fe DE lt lt 2 xe ceeceaniiaterevedeeniss ETETE RENA 248 268 Cee bies TOM A esere irei EA 249 251 OP aN a e EEE O E A E 252 e E WD e e Ea Eiaa 252 254 e TAVIE Eerens EET AEE 254 256 C USO eE TESTTEN 254 258 Insert Tables from other SOUrCES 6 cece e cece e ees 258 260 AGIUSCVENIGANGHINGNL o cccnaccieentseinebsteseaetiazeated 260 261 Add Format Caption Elements 00000 cc cece ee eee 261 262 MaKe lables RESIGNS is cirnscteeiiaeseachneiceectaesdhaswewes 262 268 ee A Wel ANC PE A EEE A E P S EEEN 268 269 FO OC E seien a EE 270 273 Compia ma WE E a 0c lt ceeanknsesrexecesdioken peeneysiieteseuetes 273 It s true that this chapter is rooted in technologies which took hold in the previou
16. is one carefully especially the jQuery and widgets Dreamweaver Behaviors OvervieW 0 c cece cece eeeee eevee 334 335 POU OU ON NAERIS EE EEEE A EE ET E 336 Dreamweaver Behaviors 0 cscs ee cece eee ceeeeeneaeeees 337 346 S a a EE E E ET 339 340 Front Page Next Page gt MAPPED App 016 DREAMWEAVER CC 2014 Crassroom tn a Book JOURNAL Apply a Swap Image Restore Behavior ccc cee ee 340 341 Remove Applied Behaviors 0 0 0 2 0c cece cece eee 341 342 Add Behaviors to Hyperlinks 0 0 ccc cece cece eee ees 342 344 Make It Responsive 0 cece ceeee cesses ee esse ee eens 344 346 jQuery Accordion Widgets c ccc cee e cece cece eee eens 346 360 Insert a jQuery Accordion Widget c cece eee ee eee 347 348 Customize a jQuery ACCOrdION 0 0 e cece e ees 349 355 Edit Dynamic jQuery Styling 0 0 00 e cece 355 360 Chapter 12 Working with Web Animation and Video From the first sentence on page 364 the author imparts great knowledge on the topic of animation and video on the internet This is something akin to knowing what happens in the photo graphic darkroom days before comprehending what printing in Photoshop is all about You ll hear plenty of stories about how this ought to be done Unless you have the complete picture you will not be able to make wise decisions of your own This chapter is a rapid fire day in an intense college ma
17. op apps which come with the full Adobe Creative Cloud subscription That s no small effort in itself We know many people who work in Dreamweaver who know more about the app than us Many have been using it longer than we have Adobe Dreamweaver goes back to the days of Macromedia While Macromedia s Dw was focusing on the needs of web developers Adobe had beat Macromedia to the market with a more designer oriented PageMill and when Macromedia continued to gain marketshare Adobe acquired GoLive The designers in us signed onto those two now defunct Adobe products To set the stage Adobe launched Muse CC as a very designer oriented web design app which we once were greatly disappointed in and now admire Some of the Muse team used to work on InDesign Muse is a very different deal than Dreamweaver To do great in depth web mobile work you have m2media com Home Page to get under the hood with code Muse isn t in that business It s all visual implementation However to make it more interesting if you want to do world class web development you do not have to have Adobe Dreamweaver to do it This is unlike how Adobe Photo shop is at the foundation of pixel based graphics or Adobe InDesign owns publishing or Adobe Illustrator has a grip on vector graphics We ve seen internet coders operate huge corporate web sites with no more software than the free text editors that Apple and Microsoft include in their operating sys
18. rd on every page you look at the tags on page 56 and don t understand half of it it s okay Should the chapter leave you feeling set back take a break come back the next day If it still seems daunting rethink if Dw is right for you Ask yourself if Mu is a better possibility But we Front Page Next Page gt MAPPED App 016 DREAMWEAVER CC 2014 Crassroom tn a Book JOURNAL suggest you at least work through chapter 5 before you consider ing baling out If the first chapter made you think I can do all of this in Design View please know that you might be able to get by that way for a while That s primarily how we work However we now touch up code a little everyday 3 or 4 years ago we could go a month without looking at Code View TTA hens tesenanswraniaedenan nceyserieenrsesenieeseacniasant 40 PP E A e E EE E ET TTET ES 40 41 PA CNC AEAEE TETEE T ATE E ST 41 Write Yo OWN COU 14 lt crcnennceud oearmnnabededenaenendedrbudies 42 50 U E EIEEE E E E 42 43 Insert HTML Code 2 c cece cece cece eee ee eee eeeernnes 43 44 POMP E a in02 sagaeercoinetaneaeesae EEEO 44 ADOP Inine O eien ie Ea EEE 45 aU U EE EEEE ETT 45 46 Write HTML in Dreamweaver 0 ccc cece eee eee e eee 47 5 SOE TMNT WSN 5 nec aasaryeeesnbhorersaaciuanreneryaeer arenes 50 Recommended Books on HIML4 00 0 cece eee e cece cece eens 51 Frequently Used HIML4 Codes 22 ccc cece cece cece ee ee een ees 51 52 FAG E E EE EEEE EE
19. s all the best conventions for teaching CSS Then it goes a few steps further employing visuals and con cepts which are better than most weve seen It takes the reader through an excellent explanation of what CSS is all about WEIS SEEE EEE O EEEE EEEE TENT 62 RENES CS POMA erasia a aa a 63 64 RD L e EIEEE PONE ATTE E 64 65 MIMLI DEUG xo ccmerecveunstorseeersecxcaresexsreeseaserts 65 66 Browser Website Relationships Statistics 0 cc cece 67 E E E EEE ESETE ESATEN 68 69 Previewing the Completed File 2 ccc cece cece cece cece eens 69 70 FEU AMO sax wenasoteny tenes E ENE E E 71 89 CSS RUE IAG anvudcswernes ennatesamuats enacteiaendis enedousaunys 72 SG EN 5 ty atarnady sand pap oretesien sapere T arene 73 76 EEE a EE EEA AN 76 79 Descendant INEO lt cinsevsavecvacerssesysecscaersexsvewsuaserss 79 83 o E EEE EN 81 82 Poea SEEST orate ESTEN 82 83 SAA T N NE A NAE E EE 83 Calculating Specificity nnno 84 Code Navigator sin caSeracusth caeehviaey ste eneddis auntie ennctenas 84 87 C ETETE AE TETEE ETETE EPEE ETE 8 89 Mtp es ASSES MUS sci sus sda ea ute a ia eoundenss 89 92 Apply Formatting to Multiple Elements 00 cece eee 90 OIG AEE OE ERA PEIEE EEE 90 91 UA Oe ea E EE E TEE 91 A IDES E E TE 91 92 EOL COE ai EE E E E E E 92 110 I EREET IET E AT AEETIS A EEES ENN 92 97 E a EE a a Ta 93 94 Previous Page 1993 2015 M MeEpia Stupios INC a E E EE E E ETET ET 94 95 Relative or NOt
20. s century yet they are made interesting ly new again in this book Unless we told you it was old school made fresh you may have never known it But be aware of this and that others may question your use of tables and lists Pay no attention to them and just do cool work Chapter 9 Working with Images This is one of those CIB chapters which could become a book of its own Squeezing this into just 27 pages means it only gives you the basics but it s an admirable and inspiring job of it Some people have their way of using Dreamweaver for doing things with images This chapter tries to offer as many of m2media com Home Page m2media com Online Learning the available options as possible Page 292 gets into the realities of higher resolution devices However missing from the drag and drop section is the use of Adobe Bridge one of those cases in point of how much cannot be squished into a single CIB anymore But that doesnt prevent you from exploring this on your own WSO MAGE e E E EE ES A EEE 278 283 MOON O aiae E ER r R ai 278 AE E E E O E EE E 278 280 Re se ct tne ari E E EE E Ga gh a a n PEPENE EEEE T EEEE EE ESETET TEETE EE 280 VOY ea eis dine ET EEEE E EE 280 281 Raster mage Fie O rsisi E 281 283 E EE EEEE E T EET TAES 281 WIS EE EE E E P EE E E E E A EE 282 P ae aree eA EEA A EAE E 282 283 e a E E E E TT 283 284 WAST AV MUAY TEET EEEL TETE ea ech 284 285 Adjust Image Positions w CSS Classes 0 0 2 c cece cece
21. sher Adobe Press part of the Peachpit Press family to touch on what some users may need to know Does this mean that Adobe Press is in the business of promoting Adobe apps through these books We have heard those allegations before What CIBs do well is prepare readers for getting their certification in Adobe apps Doing that requires you to know a few things about other Adobe apps Hence we have spotted traces of Adobe Edge Animate in this book But that doesn t mean it s in here to promote it Our Disclaimers The author of this book is no stranger to us Many well known authors instructors and presenters for creative professionals are buddies of ours We cross paths with this books author Like many of our fellow ACPs we interact with plenty of people at Adobe chat it up on our websites and social media venues etc etc That said when it comes to speaking our minds on educa tional materials some of these buddies of ours need to run for cover when we speak our minds on their work Another disclaimer is that there are 3 big publishers of books for creative professionals With three books of our own and making annual contributions to the books of others we work with all those publishers Pearson Educational which owns Peachpit Press asked us to do some technical editing on this book and we were too busy to accept the offer Though we hear about restaurants or hotels paying people to write reviews about their businesses
22. ster class Fortunately you can devour it at your own speed Web Animation Video OvervieW 0 0 ccee eee e eee ee eee e eee 364 ON W HORS E E EE EEE 365 366 Edge Animate 0 cece cece cece eee cece eee e eee ees 366 Add Web Animation to a Page ccc aranera 367 371 Down Level Stage Static Poster in Edge Animate 005 3 1 ROG WED VIGGO 10d PING E E E EE 372 374 Buggy Video 0 cece eee cece eee ee ee eben teen eens 375 HTML5 Video Options 00 0 cece cece cece cece rreren 376 378 m2media com Home Page m2media com Online Learning Chapter 13 Publishing to the Web We are not the first people to say that managing a website in Dreamweaver is an archaic painful process Theres no way this CIB can make what is clunky and in sore need of Adobe s redesign a fun chapter The fact that this is a book and not a working website makes this all the more difficult The reader cannot go through the mundane tasks of pushing projects out to a remote web hosting server from his her desktop We ve been doing this for around 20 years when it seemed simple and elegant in GoLive Getting used to it in Dreamweav er did not entail throwing any Macs out the window Yet today we can do this in our sleep Dreamweaver Microsoft Windows 2 0 like Files panel doesn t make any of this easier Yet as the saying goes It is what it is And somehow this CIB s author makes it all seem doable with the
23. teaching expertise of someone who has been in the classroom trenches Define a Remote Site 2 nerse ee eee teen ee ee ees 382 389 PIF rera EE E EEE pias E EEA T 389 aara AAE E S 389 FIP over SSL TLS implicit 0 cece rrarena 389 PIP OVER SSL NOON orcas eninwe nes reaecavanr manne yernvants 389 Local NetWOrk 0 2 cece ccc cece cece eee eset eeeeeeeeeeennnnes 389 TOO ERREN EEE A ETE A EEA T ET 389 PIS PEER EEA EEE AAEE OEA PERAE AE EE E 389 Set Up a Remote FIP Site 0 rresia Pra EE aP 383 38 Previous Page 1993 2015 M Mepia Stupios INC TOU esnOGL FIP CONNECTION 4 onccsciecipemes seus kir naii 386 Install a Testing Server 0 00 ccc cece eee eee cece cee e eens 38 A Remote Site on a Local or Network Web Server 00 388 389 Cloaking Folders Files 0 00 0 ccc cece cece eee cece eee ene 389 391 Wrapping Up a Publishing Project 0 0 00 cece cece cece e eee 391 394 Prelaunch Checklist 00 cece cece cece eee cece neste eee eens 394 PUC TI Site ONING cccsrssurtsriaeiwed peer AE EEEE E ANS 394 397 Synchronize Local Remote Sites 0 0 c cece cece eee ee 397 399 SVACIMONIZETION DUONG 25 50a iarndwasthchisianededeeeeasianetaa s 398 Your project is to not give up Keep your cool Learn every thing this chapter has to offer Here s the saving grace once youre building a real website and managing one for the first time this chapter will be your new b
24. tems Those people have no need for Dreamweaver Yes Dw has huge tools for them but for some not all of them it s not their software of choice even though Dreamweaver has no monster app competitors Why s that important in relationship to this book We want you to under stand something There s a certain kind of Dw user That means there s a certain kind of reader that this CIB reaches out to Since you can subscribe to the monthly Adobe CC deals and get all those 16 core desktop apps and a whole bunch more there are long range users of other CC apps who now want to get on board with Dw They might also be coming to Dreamweaver CC after working with Muse CC m2media com Online Learning 1993 2015 M Mepia Stupios INC A little over a year ago Adobe changed up Adobe Flash Professional once again and jumped into HTML Canvas That too opened the door in a small way to Dw Adobe also introduced a rag tag group of little Edge apps not all of which Adobe Drea mweaver CC SSN 2014 release A S aS SS 2 i LA ua peat teder Oashinsky CLASSROOM IN A BOOK The official training workbook from Adobe Next Page gt 1 MAPPED App 016 DREAMWEAVER CC 2014 Crassroom tn a Book JOURNAL well hardly any of which have really garnered much love from the CC subscribers In fact Adobe discontinued work on one of them so far Nevertheless it s the job of this book s pub li
Download Pdf Manuals
Related Search