A1040 – Dreamweaver Fundamentals: An Introduction to Dreamweaver CCDownload Course Outline
Title: Dreamweaver Fundamentals: An Introduction to Dreamweaver CC A1040; 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 Workspace Touring the workspace Switching and splitting views Working with panels Selecting a workspace layout Adjusting toolbars Personalizing preferences Creating custom keyboard shortcuts Using the Property inspector Using the CSS Designer Explore, experiment, learn Lesson 2: HTML Basics What is HTML? Where did HTML begin? Writing your own HTML code Frequently used HTML 4 codes Introducing HTML5 Lesson 3: CSS Basics What is CSS? HTML vs. CSS formatting HTML defaults CSS box model overview Formatting text Formatting objects CSS3 overview and support Lesson 4: Creating a Page Layout Web design basics Working with thumbnails and wireframes Defining a Dreamweaver site Adding a background image to the header Inserting new components Inserting a navigation component Changing element alignment Modifying the page width and background color Modifying existing content and formatting Inserting an image placeholder Inserting placeholder text Modifying the footer Validating webpages Lesson 5: Working with Cascading Style Sheets Working with the CSS Designer Working with type Working with background graphics Working with classes, IDs, and descendant selectors Creating an interactive menu Creating faux columns Moving rules to an external style sheet Creating style sheets for other media Lesson 6: Working with Templates Creating a template from an existing layout Inserting editable regions Producing child pages Updating a template Using library items Using server-side includes Lesson 7: Working with Text, Lists, and Tables Creating and styling text Creating and styling tables Spell checking webpages Finding and replacing text Lesson 8: Working with Images Reviewing web image basics Inserting an image Adjusting image positions with CSS classes Working with the Insert panel Using Adobe Bridge to insert images Inserting non-web file types Working with Photoshop Smart Objects Copying and pasting images from Photoshop and Fireworks Inserting images by drag and drop Optimizing images with the Property inspector Lesson 9: Working with Navigation Hyperlink basics Creating internal hyperlinks Creating an image-based link Creating an external link Setting up email links Targeting page elements Lesson 10: Adding Interactivity Learning about Dreamweaver behaviors Working with Dreamweaver behaviors Working with jQuery Accordion widgets Lesson 11: Working with Web Animation and Video Understanding web animation and video Adding web animation to a page Adding web video to a page Lesson 12: Working with Forms Learning about forms Adding a form to a page Inserting text form elements Inserting checkboxes Creating radio buttons Incorporating text areas Working with lists Adding a Submit button Specifying a form action Emailing form data Styling forms Lesson 13: Working with Code Code tools overview Selecting code Collapsing code Expanding code Adding new code Identifying CSS styling Working with Live Code Using Inspect mode Working in related files Accessing Split Code view Commenting your code Lesson 14: Publishing to the Web Defining a remote site Cloaking folders and files Wrapping things up Putting your site online Synchronizing local and remote sites Lesson 15: Designing for Mobile Devices Designing for mobile devices Creating a media query for smart phones Adding rules to a media query Adapting CSS navigation to mobile environments Styling the main content Testing a media query Responsive design Creating style sheets for tablets Edge Inspect More information
Start Date: 10/05/2020
End Date: 10/07/2020