What you'll learn?

·     Customizing Your Workspace

·     HTML BASICS

·     CSS Basics

·     CSS3 overview and support Creating a Page Layout

·     Working with Cascading Style Sheets

·     Working With templates

·     Working with Text, Lists, and Tables

·     Working with Images

·     Working with Navigation

·     Adding Interactivity

·     Working with Web Animation and Video

·     Working with Forms

·     Publishing to the Web

·     Designing for Mobile Devices

Description

AdobeŽ DreamweaverŽ CC is the industry-leading web authoring program. Whether you create websites for a living or plan to create one for your own business, Dreamweaver offers all the tools you need to get professional quality results.

Topics :

Customizing Your Workspace

o  Touring the workspace

o  Switching and splitting views

o  Working with panels

o  Selecting a workspace layout

o  Adjusting toolbars

o  Personalizing preferences

o  Creating custom keyboard shortcuts

o  Using the Property inspector

o  Using the CSS Designer

o  Explore, experiment, learn

HTML BASICS

o  What is HTML?

o  Where did HTML begin?

o  Writing your own HTML code

o  Frequently used HTML 4 codes

o  Introducing HTML5

CSS Basics

o  What is CSS?

o  HTML vs. CSS formatting

o  HTML defaults

o  CSS box model

o  Multiples, classes, and IDs, oh my!

o  Formatting text

o  Formatting objects

CSS3 overview and support Creating a Page Layout

o  Web design basics

o  Working with thumbnails and wireframes

o  Defining a Dreamweaver site

o  Using the Welcome screen

o  Previewing your completed file

o  Modifying an existing CSS layout

o  Adding a background image to the header

o  Inserting new components

o  Inserting a navigation component

o  Changing element alignment

o  Modifying the page width and background color

o  Modifying existing content and formatting

o  Inserting an image placeholder

o  Inserting placeholder text

o  Modifying the footer

o  Validating webpages

Working with Cascading Style Sheets

o  Previewing the completed file

o  Working with the CSS Designer

o  Working with type

o  Working with background graphics

o  Working with classes, IDs, and descendant selectors

o  Creating faux columns

o  Moving rules to an external style sheet

o  Creating style sheets for other media

Working With templates

o  Previewing completed files

o  Creating a template from an existing layout

o  Inserting editable regions

o  Producing child pages

o  Updating a template

o  Using library items

o  Using server-side includes

Working with Text, Lists, and Tables

o  Previewing the completed file

o  Creating and styling text

o  Creating and styling tables

o  Spell checking webpages

o  Finding and replacing text

Working with Images

o  Reviewing web image basics

o  Previewing the completed file

o  Inserting an image Adjusting image positions with CSS classes

o  Working with the Insert panel

o  Using Adobe Bridge to insert images

o  Inserting non-web file types

o  Working with Photoshop Smart Objects

o  Copying and pasting images from Photoshop and Fireworks

o  Inserting images by drag and drop

o  Optimizing images with the Property inspector

Working with Navigation

o  Hyperlink basics

o  Previewing the completed file

o  Creating internal hyperlinks

o  Creating an image-based link

o  Creating an external link

o  Setting up email links

o  Targeting page elements

o  Checking your page

Adding Interactivity

o  Learning about Dreamweaver behaviors

o  Previewing the completed file

o  Working with Dreamweaver behaviors

o  Working with jQuery Accordion widgets

Working with Web Animation and Video

o  Understanding web animation and video

o  Previewing the completed file

o  Adding web animation to a page

o  Adding web video to a page

Working with Forms

o  Previewing the completed file

o  Learning about forms

o  Adding a form to a page

o  Inserting text form elements

o  Inserting checkboxes

o  Creating radio buttons

o  Incorporating text areas

o  Working with lists

o  Adding a Submit button

o  Specifying a form action

o  Emailing form data

o  Styling forms

o  More form information

Publishing to the Web

o  Defining a remote site

o  Cloaking folders and files

o  Wrapping things up

o  Putting your site online

o  Synchronizing local and remote sites

Designing for Mobile Devices

o  Previewing your completed file

o  Designing for mobile devices

o  Creating a media query for smart phones

o  Adding rules to a media query

o  Adapting CSS navigation to mobile environments

o  Styling the main content

o  Testing a media query

o  Responsive design

o  Creating style sheets for tablets

o  Edge Inspect

o  More information

Prerequisities :

Recommended Knowledge :

Before attending this course, you should have a working knowledge of your computer and its operating system. Be sure you know how to use the mouse, standard menus, and commands, and also how to open, save, and close files. If you need to review these techniques, see the printed or online documentation included with your Windows or Mac operating system.

Recommended Course(s) :

Category :

  • Web

Training Materials :

Dreamweaver CC classroom in a book

Labs :

This course includes several labs to ensure you will gain the targeted skills and experience.

Credential :

Upon completing this course, you will be able to get the Adobe Certificate of Dreamweaver CC ACE

Related Courses