Information Technology

Adobe Dreamweaver

Instructor-Led 15 Agenda

Description

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.

Course Overview

Customizing Your Workspace Lesson Id 1

Customizing Your Workspace

HTML Basics Lesson Id 2

HTML Basics

CSS Basics Lesson Id 3

CSS Basics

Web Design Basics Lesson Id 4

Web Design Basics

Creating a Page Layout Lesson Id 5

Creating a Page Layout

Working with a Web Framework Lesson Id 6

Working with a Web Framework

Design for Mobile Devices Lesson Id 7

Design for Mobile Devices

Working with Templates Lesson Id 8

Working with Templates

Working with Text, Lists, and Tables Lesson Id 9

Working with Text, Lists, and Tables

Working with Images Lesson Id 10

Working with Images

Working with Navigation Lesson Id 11

Working with Navigation

Adding Interactivity Lesson Id 12

Adding Interactivity

Publishing to the Web Lesson Id 13

Publishing to the Web

Working with Code Lesson Id 14

Working with Code

Working with Web Animation and Video Lesson Id 15

Working with Web Animation and Video

Lesson Id	Title	Description
1	Customizing Your Workspace	Using the Start Screen<br />Exploring New Feature guides<br />Working with toolbars<br />Switching and splitting views<br />Selecting a workspace layout<br />Working with panels<br />Personalizing Dreamweaver<br />Working with Extract<br />Creating custom keyboard shortcuts<br />Using the Property inspector<br />Using the Related Files interface<br />Using tag selectors<br />Using the CSS Designer<br />Using the Visual Media Query interface<br />Using the DOM Viewer<br />Using the heads-up displays<br />Exploring, experimenting, and learning
2	HTML Basics	What is HTML?<br />Where did HTML begin?<br />Frequently used HTML 4 codes<br />Introducing HTML5
3	CSS Basics	What is CSS?<br />HTML vs. CSS formatting<br />HTML defaults<br />CSS box model<br />Applying CSS styling<br />Multiples, classes, and ids
4	Web Design Basics	Developing a new website<br />Scenario<br />Working with thumbnails and wireframes
5	Creating a Page Layout	Evaluating page design options<br />Working with predefined layouts
6	Working with a Web Framework	Creating a navigation menu<br />Creating header content<br />Building semantic content<br />Managing Bootstrap component width<br />Inserting HTML entities<br />Creating global type styles
7	Design for Mobile Devices	Responsive design<br />Adapting the site to different screen sizes<br />Working with media queries<br />More information on media queries
8	Working with Templates	Creating a template from an existing layout<br />Inserting editable regions<br />Inserting metadata<br />Producing child pages
9	Working with Text, Lists, and Tables	Previewing the completed file<br />Creating and styling text<br />Creating lists<br />Creating and styling tables<br />Copying and pasting tables<br />Spell-checking webpages<br />Finding and replacing text<br />Optional self-paced exercise
10	Working with Images	Web image basics<br />Previewing the completed file<br />Inserting an image<br />Adjusting image positions with CSS classes<br />Working with the Insert panel<br />Using the Insert menu<br />Inserting non-web file types<br />Working with Photoshop Smart Objects ( optional)<br />Copying and pasting images from Photoshop ( optional)<br />Inserting images by drag and drop<br />Optimizing images with the Property inspector
11	Working with Navigation	Hyperlink basics<br />Previewing the completed file<br />Creating internal hyperlinks<br />Creating an external link<br />Setting up email links<br />Creating an image-based link<br />Targeting page elements<br />Checking your page<br />Adding destination links to the same page ( optional)
12	Adding Interactivity	Learning about Dreamweaver behaviors<br />Previewing the completed file<br />Working with Dreamweaver behaviors<br />Working with Bootstrap Accordion widgets
13	Publishing to the Web	Defining a remote site<br />Cloaking folders and files<br />Wrapping things up<br />Putting your site online (optional)<br />Synchronizing local and remote sites
14	Working with Code	Creating HTML code<br />Working with multi-cursor support<br />Commenting your code<br />Working with CSS preprocessors<br />Selecting code<br />Collapsing code<br />Expanding code<br />Accessing split Code view<br />Previewing assets in Code view<br />Appendix TinyURLs
15	Working with Web Animation and Video	Understanding web animation and video<br />Previewing the completed file<br />Adding web animation to a page<br />Adding web video to a page<br />Don't host your own videos