Course Title Adobe Dreamweaver CC 2014 Course Description Adobe Dreamweaver CC (Creative Clouds) is the world's most powerful web design program. Our Dreamweaver course ''certified by Adobe ''includes step by step instructions, classroom exercises and discussions for understanding the fundamental roles of Dreamweaver, creating advanced page layouts, managing and editing your sites once you built them, adding interactivity to your website,creating a responsive website and moving your site to a web server connected to the Internet.In order to ensure you will achieve these targeted objectives, you are required to prepare a final project. Who should attend? Web Designer, Web Developer, Multimedia Producers. Anyone who is interested in creating an attractive professional website or managing it. Graphic design students. Anyone who wants to gain extensive knowledge and skills in using Adobe Dreamweaver CC 2014 features. Anyone who is interested in graphic design.
Understanding the fundamental roles of Dreamweaver CC. Creating any kind of web file you want, from simple HTML content to complex web pages. Monitoring a page s code and its appearance side-by-side. Creating advanced page layouts. Learning goals (objectives) Managing and editing your sites once you built them. Adding interactivity to your website and creating a responsive website. Moving your site to a web server connected to the Internet. Gaining a great knowledge of Adobe Dreamweaver CC features' capabilities. Taking advantage of time saving Dreamweaver features. Gaining a proficiency to recall and identify relevant keyboard shortcuts to increase productivity.
Learning outcomes Upon completion of the course, students will be able to: Install Dreamweaver software. Work with Dreamweaver interface. Create a web page. Add and format text. Add link from one page to another. Spice up the design with graphics. Work with cascading style sheets. Edit the style faster with Dreamweaver's new CSS designer. Use CSS transitions tools. Create advanced page layouts. View and work with the underlying html of a page. Add interactivity to your site from the new JQuery UI widgets. Add animation, multimedia, and other interactive effects with ease. Add html5 video and audio, flash animation, and edge animate compositions. Manage the pages and files on the site. Test links and pages. Move their site to a web server connected to the internet. Take advantage of time saving Dreamweaver features like libraries, templates, and historypanel automation. Add hundreds of free and commercial features to the site-builder by dream weaver's extension manager program. Customize the program to a particular style..
Content outline / Modules MODULE 1: PREFACE What Is Dreamweaver Why Dreamweaver What's New In Dreamweaver CC HTML Basics Document Types HTML5, the New Markup Standard Add Style with Cascading Style Sheets Add Interactivity with Java Script Mobile Web Design MODULE 2: BUILDING A WEB PAGE Dreamweaver Guided Tour Download Dreamweaver Dreamweaver Interface Setting up A Site Creating a Web Page Managing Files and Folders with the Files Panel Working with Text Adding Text in Dreamweaver Adding Special Characters Selecting Text HTML Formatting Paragraph Formatting Creating and Formatting Lists Text Styles Spell-Checking Introducing cascading style sheets Creating, Using and Manipulating Styles Formatting Text with CSS Links Adding,modifying and styling a Link Adding an Email Link Linking Within a Web Page Creating Navigation Menu Tutorials Images Adding and modifying Images Controlling Image with CSS Editing Graphics Image Maps Rollover Images Tables Inserting tables Selecting parts of table Expanded table mode Formatting tables Modifying cell and row properties Adding, Removing, Merging and Splitting Cells Tabular Data HTML Under the Hood. Controlling How Dreamweaver Handles HTML. Code View Live Code Quick Tag Editor Comparing Versions of a Web Page Finding References Find and Replace
Content outline / Modules MODULE 3: BUILDING A BETTER WEB PAGE Advanced CSS Compound Selectors Fast Style Editing with CSS Designer Moving and Managing Styles. Resolving CSS Conflicts Using the Code Navigator Styling for Print CSS Transitions Page Layout Types of Web Page Layouts Float Layout Basics Understanding the Box Model Dreamweaver s CSS Layouts Modifying Dreamweaver s CSS Layouts Absolute Positioning Troubleshooting CSS Analyzing CSS with Dreamweaver Overcoming Common CSS Problems Designing Websites for Mobile Devices Previewing Pages at Different Resolutions Media Queries Strategies for Using Media Queries Fluid Grid Layouts MODULE 4: BRINGING YOUR PAGES TO LIFE Adding Interactivity with JQuery JavaScript, JQuery, and JQuery UI Adding an Accordion Tabs Datepicker Dialog Dreamweaver Behaviors Applying Dreamweaver Behaviors Events Forms Form Basics Creating a Form Adding Form Elements Adding Sound, Video, and Animation Adding Sound to Your Page Using HTML5 Video Adding Video through YouTube Flash: An Introduction Add Flash Videos Adding Adobe Edge Animate Animations Moving Your Site to the Internet Adding a Remote Server Transferring Files Check In and Check Out Synchronizing Site Files
Content outline / Modules MODULE 5: MANAGING WEBSITE Introducing Site Management The Structure of a Website Setting Up a Site Managing Dreamweaver Sites Site Assets Testing Your Site Site Launch Checklist Testing Web Pages with BrowserStack Find and Fix Broken Links Validating Web Pages Cleaning Up HTML (and XHTML) Site Reporting Templates Creating a Template. Defining Editable Regions Building Pages Based on a Template Updating a Template Using Repeating Regions Using Editable Tag Attributes Using Optional Regions Exporting a Template-Based Site Customizing Dreamweaver Keyboard Shortcuts Dreamweaver Extensions MODULE 6: DREAMWEAVER CC POWER Snippets and Libraries Using Snippets Creating Snippets Built-In Snippets Library Basics Creating and Using Library Items Editing Library Items Snippets and Library Tutorial
Step by step instructions. Classroom exercises. Delivery Methods Discussions. Final Project to ensure you will achieve the targeted objectives. Course Duration 30 hours. Pre-requisite knowledge of using the internet and navigating websites is preferred. Knowledge of Photoshop CC and illustrator CC is preferred. Course Code References Dreamweaver CC: The Missing Manual 2014 by David Sawyer McFarland and Christopher Grover. Complementary Course On successful completion of this course you are advised to enroll in other Adobe Web Design courses.