Adobe Dreamweaver CC: The Professional Portfolio

Project 6: Kayaking HTML5 Site

Working with HTML5 tagsWorking with CSS3 selectorsWorking with Web fontsAdding Video in HTML5Creating an image gallery

Adobe Dreamweaver CC: The Professional Portfolio

HTML5 Elements

New elements for standard page sections– header– footer– nav– section– article

Structure Insert panel

Adobe Dreamweaver CC: The Professional Portfolio

Navigating CSS Code

Adobe Dreamweaver CC: The Professional Portfolio

CSS3 Properties

Browser-specific prefixes

Most preview only in the Live view

Adobe Dreamweaver CC: The Professional Portfolio

RGBA Transparency

Alpha transparency for CSS color properties

Edge Web Fonts

Customize pages with specific fonts

Modify>Manage Fonts

Custom font stacks

Adobe Dreamweaver CC: The Professional Portfolio

Edge Web Fonts (cont.)

Adobe Dreamweaver CC: The Professional Portfolio

Adobe Dreamweaver CC: The Professional Portfolio

External Web Fonts

Install packages

Apply families to CSS styles

Adobe Dreamweaver CC: The Professional Portfolio

HTML5 Video

Media Insert panel

No plug-ins required

Multiple file formats for different browsers

Position Property

static

absolute

fixed

relative

inherit

Adobe Dreamweaver CC: The Professional Portfolio

nth-of-type Selectors

Numbered instance of the element

Adobe Dreamweaver CC: The Professional Portfolio

Z-index

Stacking order position

Adobe Dreamweaver CC: The Professional Portfolio