A1040 – Dreamweaver Fundamentals: An Introduction to Dreamweaver CCDownload Course Outline
Title: Dreamweaver Fundamentals: An Introduction to Dreamweaver CCA1040; 3 Days, Instructor-led
Adobe Dreamweaver CC web design software provides an intuitive visual interface for making and editing HTML websites and mobile apps. This course will provide web designers with the knowledge and hands-on practice they need to build and manage professional websites.
At Course Completion:
Course Outline Details: Lesson 1: Customizing Your WorkspaceTouring the workspaceSwitching and splitting viewsWorking with panelsSelecting a workspace layoutAdjusting toolbarsPersonalizing preferencesCreating custom keyboard shortcutsUsing the Property inspectorUsing the CSS DesignerExplore, experiment, learnLesson 2: HTML BasicsWhat is HTML?Where did HTML begin?Writing your own HTML codeFrequently used HTML 4 codesIntroducing HTML5Lesson 3: CSS BasicsWhat is CSS?HTML vs. CSS formattingHTML defaultsCSS box model overviewFormatting textFormatting objectsCSS3 overview and supportLesson 4: Creating a Page LayoutWeb design basicsWorking with thumbnails and wireframesDefining a Dreamweaver siteAdding a background image to the headerInserting new componentsInserting a navigation componentChanging element alignmentModifying the page width and background colorModifying existing content and formattingInserting an image placeholderInserting placeholder textModifying the footerValidating webpagesLesson 5: Working with Cascading Style SheetsWorking with the CSS DesignerWorking with typeWorking with background graphicsWorking with classes, IDs, and descendant selectorsCreating an interactive menuCreating faux columnsMoving rules to an external style sheetCreating style sheets for other mediaLesson 6: Working with TemplatesCreating a template from an existing layoutInserting editable regionsProducing child pagesUpdating a templateUsing library itemsUsing server-side includesLesson 7: Working with Text, Lists, and TablesCreating and styling textCreating and styling tablesSpell checking webpagesFinding and replacing textLesson 8: Working with ImagesReviewing web image basicsInserting an imageAdjusting image positions with CSS classesWorking with the Insert panelUsing Adobe Bridge to insert imagesInserting non-web file typesWorking with Photoshop Smart ObjectsCopying and pasting images from Photoshop and FireworksInserting images by drag and dropOptimizing images with the Property inspectorLesson 9: Working with NavigationHyperlink basicsCreating internal hyperlinksCreating an image-based linkCreating an external linkSetting up email linksTargeting page elementsLesson 10: Adding InteractivityLearning about Dreamweaver behaviorsWorking with Dreamweaver behaviorsWorking with jQuery Accordion widgetsLesson 11: Working with Web Animation and VideoUnderstanding web animation and videoAdding web animation to a pageAdding web video to a pageLesson 12: Working with FormsLearning about formsAdding a form to a pageInserting text form elementsInserting checkboxesCreating radio buttonsIncorporating text areasWorking with listsAdding a Submit buttonSpecifying a form actionEmailing form dataStyling formsLesson 13: Working with CodeCode tools overviewSelecting codeCollapsing codeExpanding codeAdding new codeIdentifying CSS stylingWorking with Live CodeUsing Inspect modeWorking in related filesAccessing Split Code viewCommenting your codeLesson 14: Publishing to the WebDefining a remote siteCloaking folders and filesWrapping things upPutting your site onlineSynchronizing local and remote sitesLesson 15: Designing for Mobile DevicesDesigning for mobile devicesCreating a media query for smart phonesAdding rules to a media queryAdapting CSS navigation to mobile environmentsStyling the main contentTesting a media queryResponsive designCreating style sheets for tabletsEdge InspectMore information
Start Date: 11/30/2020
End Date: 12/02/2020