Lectures for Multimedia Production

• Understanding Web Site Design
• Understanding the Internet and web sites (2:28)
• Planning and designing a web site (4:33)
• Creating graphics for web sites (7:00)
• Creating a Web Page
• Creating your first web page (5:06)
• Adding content (6:55)
• Adding and stylizing links (7:02)
• Positioning elements (6:47)
• Stylizing Content
• Creating an HTML5 layout (6:50)
• Customizing the style (9:20)
• Adding rich typography (6:25)
• Creating a Flexible Layout
• Creating a layout that fits all browsers (6:10)
• Making CSS more flexible (5:37)
• Creating a mobile layout (12:28)

• Adding Navigation and Pages
• Adding a menu bar (4:08) - uses Spry Menu Bar
• Customizing the menu bar (7:29)
• Creating and linking multiple pages (8:52)
• Adding a Portfolio
• Adding a gallery widget (4:28)
• Changing the content (7:23)
• Customizing the style (5:27)
• Using Content from Other Sources
• Adding a Twitter feed (4:10)
• Adding video content (2:37)
• Creating a Contact Form
• Adding input fields 6:39)
• Sending contact form content (5:56)
• Testing and Uploading
• Testing the web site (8:17)
• Uploading the web site (8:29)
• Refining the site for search engines (4:11)

Videos Demos:

• Site Definition in Dreamweaver CS5/6/CC (5:08)
• NetID & Eden server account (4:06) Create NetID and/or Eden server account if does not yet exist; Create public_html folder if needed and set permissions.

Dreamweaver CS6

• Adobe TV Learn Dreamweaver CS6 Videos

Dreamweaver CC

• Adobe TV Learn Dreamweaver CC

• Dreamweaver Interface
• Looking at Welcome screen (5:09)
• Exploring Windows and Mac interface differences (5:06)
• Arranging Panels (8:44)
• Managing Workspaces (10:14)
• Exploring Application toolbar (6:21)
• Exploring Document toolbar (8:47)
• Working with Property Inspector (9:30)
• Using Insert panel (6:30)

• Site Control
• Understanding basic site structure (3:46)
• Exploring file naming conventions (2:10)
• Defining new site (5:23)
• Managing files and folders (7:57)
• Adding remote servers (7:04)
• Uploading files (12:46)
• Previewing in browsers (9:11)
  
• Managing multiple sites (4:46)

• Creating New Documents
• Creating new documents (6:49)
  Uses html5 as default doctype.
• Setting up new document preferences (5:30)
  Uses .htm (.html just as good :); doctype: XHTML 1.0 Transitional or HTML5.
• Setting accessibility preferences (6:49)
• Working with starter pages (4:32)
• Managing starter pages (13:01)

• Adding and Structuring Text
• Getting text into Dreamweaver (8:43)
• Importing Word documents (4:06)
• Adding structure to text (7:35)
• Creating lists (4:35)
• Using the Quick Tag Editor (8:24)

• Working with Tables
• Reviewing table structure (5:20)
• Importing tabular data (6:46)
• Creating accessible tables (6:11)
• Exploring basic table styling (9:42)
• Styling alternate rows (8:57)
• Creating custom table borders (7:34)

• Introduction
• What is Dreamweaver? (1:04)
• Welcome (1:02)
• Using the exercise files and a local site (2:58)
• Approaches to learning web design (2:49)

• Dreamweaver Interface
• Windows and Mac interface differences (6:08)
• Welcome screen (7:39)
• Toolbars (11:43)
• Insert panel (8:30)
• Properties inspector (6:28)
• Working with panels (6:53)
• Managing workspaces (8:29)

• Managing Projects
• Basic site structure (3:45)
• Files panel (1:52)
• Defining a new site (6:31)
• Managing files and folders (6:34)
• Testing files in browsers (5:45)
• Editing sites (2:54)

• Creating New Documents
• Creating new files (6:23)
• New document preferences (3:50)
• Exploring starter pages (4:04)
• Managing starter pages (16:26)

• Authoring Options
• Document view options (3:38)
• Editing in Design view (7:37)
• Using Live view (7:43)
• Editing in Code view (10:09)
• Using the Quick Tag Editor (5:00)
  

• Structuring Documents
• Creating basic page structure (11:47)
• Getting text into Dreamweaver (7:16)
• Importing Word documents (4:20)
• Adding structure to text (9:37)
• Creating lists (6:46)
• Creating definition lists (6:18)

• Creating Links
• Overview of links (5:48)
• Setting site link preferences (2:44)
• Creating site links (10:47)
• Building absolute links (3:51)
• Linking to named anchors (7:43)
• Creating an email link (4:27)

• Working with Tables
• Basic table structure (7:44)
• Importing tabular data (5:13)
• Creating accessible tables (6:01)
• Enhancing tables through styles (11:46)
• Improving table readability (10:49)

• Site Management
• Adding remote servers (7:00)
• Uploading files (12:27)
• Updating files site-wide (9:17)
• Checking for broken links (7:39)
• Validating pages (3:53)
• Managing multiple sites (3:47)

• Wikipedia: HTML | XHTML | HTML5

• Resources to Learn (X)HTML
• W3Schools
• HTML Goodies
• HTML Code Tutorial
• HTML 101

• Basics
• Hierarchy of Tags
• HTML Element
• Block Elements: <div>
• Inline Elements: <span>
• HTML Attributes
• id used to specify unique id for element
• class mostly used to point to CSS class
• Hyperlink
• Hyperlink tag: <a>
• Relative vs. Absolute links
• Table
• Table tags: <table> | <tr> | <td>
• Image
• Image tag: <img />

• Reference
• HTML Tags Reference
• HTML Special Characters Cheat Sheet

• Doctype
• W3C
• W3Schools

• Encoding
• Unicode
• UFT-8: dominant character encoding for files, e-mail, web pages and software that manipulate textual data.

• HTML Validation
• validator.w3.org
• More info at W3schools

• How to View Source Code in Browser
• IE: Page > View Source
• Firefox: Tools > Web Developer > Page Source
• Safari: View > View Source
• Chrome: Page > Developer > View Souce

• Simple Code Editor for HTML, CSS, JavaScript & PHP coding
• NotePad++ (Windows)
• TextWrangler (Mac)
• Info about Text / HTML Editors

• Free FTP Software
• Filezilla (Windows / Mac) Install Client software
• Screenshots
• Documentation
• Filezilla Portable (Windows / Mac)
• Easily Installs on USB drive, iPod, external hard drive, or any portable storage device.
• WinSCP (Windows)
• Fugu (Mac)
• CyberDuck (Mac)

• Permissions
• Types of Permissions
• Read : for being able to read the file/directory
• Write : for being able to write in the file/directory
• Execute : for being able to access the file/directory
• Who are Permissions set for?
• Owner : you
• Group : group you belong to
• Others : the rest of the world
  

Videos Demos - Ex1 Demo Steps

• Ex1 Overview (2:44)
• Step 1 (5:08) Set up Local / Remote Site in CS5/6/CC (5:08)
  
• Overview of Steps 2-4a in CC (16:35)
  CC users: Predefined CSS Layout to use.
  Step 2 (4:30) Select Predefined CSS Layout in CS5; Review CSS code; Change Split View layout.
  
• Step 3 (3:20) Good Housekeeping: Rulers & Grid; Title Page, Page Properties.
• Step 4 (0:53) Selecting DIVs in CS5 and how to select footer using Tags Bar.
• Step 4a (14:00) Customize CSS, Create CSS Classes & Navigation Structure.
• Step 4b (17:46) Create CSS code for Navigation LVFHA; Validate Markup & Check Browser Compatibility; Export CSS into Linked External CSS file.
  How to Validate Markup in CS5 (1:40)
• Step 4c (5:46) Create Navigation Hyperlink; Create Files for All Categories & "You are Here" Indicator.
  
• Step 5 (1:19) Create & Format Text.
• Step 6 (4:29) Capture, Edit Screenshot in Fireworks; Insert Image in Dreamweaver.
• Step 7 (5:39) Upload Files to Remote Site and Setting Permissions (use 755).

Videos Demos - CSS Navigation Using Lists

• Demo (using NotePad++): CSS Navigation (7:54) Use unordered list <u>, list items <li> and CSS rules to create interactive navigation bar with "you are here" indicator.

• Managing CSS
• Setting CSS preferences (9:32)
• An overview of the CSS Styles panel (9:23)
• Creating a new CSS rule (6:42)
• Using the CSS Rule Definition dialog (7:25)
• Organizing styles (7:22)
• Modifying style properties (6:17)
• Controlling CSS through the Property inspector (6:37)
• Attaching external style sheets (5:54)
  
• Using CSS visual aids (7:03)
• Using CSS Inspect (6:48)
• Using the Code Navigator (6:39) to explore cascade to troubleshoot styling and edit CSS rule directly.

• Coding in Dreamweaver
• Exploring the Code toolbar (5:41)
• Setting code preferences (7:19)
• Using code hints (8:08)
• Wrapping tags (5:07) speed up and reduce errors
• Adding comments (6:29)
• Using snippets (7:32)
• Formatting source code (4:25)

• Creating Links
• Link basics (3:17)
• Setting site linking preferences (2:19)
• Creating links in Dreamweaver (9:17)
• Using absolute links (3:43)
• Using named anchors (6:41)
• Creating an email link (5:25)
• Creating CSS-based rollovers (5:41)

• Working with Images
• Managing assets in Dreamweaver (7:30)
• Setting external image editing preferences (4:26)
• Placing images on the page (10:12)
• Exploring Photoshop integration (7:17)
• Modifying Smart Objects (9:42)
• Modifying image properties (8:04)
• Styling images with CSS (6:45)
• Using background graphics (7:28)
• Positioning background graphics (10:10)

Site Navigation with CSS in Dreamweaver with Joseph Lowery (LyndaCampus)

• Navigation Techniques
• Converting lists to menus (7:56)
• Working with background images (5:47)

• Creating New Documents
• Creating new files (6:23)
• New document preferences (3:50)
• Exploring starter pages (4:04)
• Managing starter pages (16:26)

• Authoring Options
• Document view options (3:38)
• Editing in Design view (7:37)
• Using Live view (7:43)
• Editing in Code view (10:09)
• Using the Quick Tag Editor (5:00)

• Managing CSS
• Setting CSS preferences (7:50)
• CSS Designer overview (9:47)
• Creating a new CSS rule (5:19)
• Styling type properties (7:12)
• Styling basic layout properties (6:46)
• Styling borders (7:15)
• Styling background properties (9:18)
• Styling additional properties (4:56)
• Styling links (11:11)
• Organizing styles (8:45)
• Attaching an external style sheet (9:57)
• Controlling CSS through the Properties inspector (6:33)
• Using Live view and CSS Inspect (5:08)
• Using the Code Navigator (7:49)
  

• Creating Links
• Overview of links (5:48)
• Setting site link preferences (2:44)
• Creating site links (10:47)
• Building absolute links (3:51)
• Linking to named anchors (7:43)
• Creating an email link (4:27)

• Working with Images
• Managing images and other assets in Dreamweaver (9:25)
• Placing images on the page (9:09)
• Controlling image properties (8:23)
• Integration with Photoshop (7:32)
• Styling images (4:42)
• Using background images (7:53)
• Positioning background images (8:48)

• Introducing HTML5
• A brief overview of HTML5 (3:57)
• What's in the HTML5 specification? (8:17)
• Why do we need new structural elements? (6:53)

• HTML5 Basics
• Defining HTML5 documents (5:05)
• HTML5 syntax (9:14)
• Elements: header (5:22) | nav (4:55) | section (4:51) | article (4:48) | aside (4:13) | footer (4:17)
• Content model overview (7:48)

• HTML5 Document Structure
• Understanding the outline algorithm (3:17)
• Creating document sections (8:25)
• Using headings properly (9:01)
• Using hgroup to override sectioning (4:17)
• Properly nesting structure (7:17)
• Sectioning roots (3:11)

• Coding an HTML5 Site: Initial Page Structure
• Organizing content (4:41)
• Planning document structure (5:47)
• Choosing the right structural element (4:43)
• Checking document outlines (5:27)
• Coding initial page structure (5:28)
• Using class and ID attributes (5:31)
• Structuring headers (13:13)
• Building navigation (7:01)
• Structuring footers (6:39)

• Coding an HTML5 Site: Grouping Content

• Working with figure and figcaption (7:12)
• Grouping content with asides (3:46)
• Using divs in HTML5 (5:00)
• Working with lists in HTML5 (7:10)
• The return of bold and italic (5:52)
• Citing works semantically (6:32)
• Using the address element (5:24)
• Using the small element (4:24)
• Using the mark element (5:16)
• Working with date and time (11:55)
• Creating block-level links (8:53)
• Understanding link relationships (9:28)
• Defining link relationships (6:23)

• Structuring Semantic HTML5 for the Real World
• Current browser support (7:38)
• Ensuring block-level display (4:03)
• Adding support for elements in older browsers (5:41)
• Additional Resources (3:46)

• Shaping Page Using Typography
• Understanding Classic and Modernist typographic pages (7:03) 
• Understanding how to create Rhythm and Tension (6:00)
• Applying typography skills when making design decisions (4:54)

• Visually Chunking Text
• Understanding how we "chunk" visual elements (3:59)
• Developing a system of hierarchy (2:17)

• Maximizing Readability
• Understanding how we read (4:34)
• Understanding ems (6:17)
• Understanding how color affects readability (3:58)

• Using Fonts to Communicate Meaning
  of Word or Headline
• Understanding how good typography promotes reading (2:09)
• Understanding legibility (4:41)
• Understanding how fonts convey meaning (5:19)
• Choosing web-safe fonts to convey meaning (6:13)
• Using font size, case, style, letter spacing, weight, and color to convey meaning (6:22)
• Choosing web fonts to convey meaning (6:23)
• Downloading web fonts (4:09)
• Applying web fonts in CSS with @font-face (5:47)

Illustrator for Web Design with Justin Seeley (LyndaCampus)

• Working with Text
• Exploring Rules of Typography (4:01)

• Graphic Design
• Swiss Graphic Design
• The Grid System
• 960.gs is one of the most popular CSS grid-focused frameworks for grid layouts based on 960 pixels.
• designbygrid.com

• Typography
• webtypography.net

• Web Design
• 10 Principles Of Effective Web Design
• Common Sense Web Design with Steve Krug
• Resources for Building Better Sites and Apps
• Time-Saving and Educational Resources for Web Designers

• Color Design
• Color Picker
• Kuler for creating color schemes (see Week 3 - Related for LyndaCampus resources).
• Color Scheme Designer

• Debug: Easy Things to Check First
• Be careful about typos.
  
• Upload file in the correct location.
  
• Make sure spelling of URL = spelling of filename.
  
• XHTML is case-sensitive.
  
• CSS
• Use colon (:) to separate your properties from value (color: red;).
• Complete each property-value pair with semicolon (;)
  
• No spaces between number and their units (16px).
  
• Still Stuck, then check for typos and easy stuff first :)
  

• CSS: Wikipedia | Why | What | Where to Store
• Resources to Learn CSS
• CSS 101
• W3Schools
• Interactive Examples
  
• Setting up Background Color of Page
• Set Image as Background of Page
  
• Fixed background image (image will not scroll with rest of the page)
• Complex Background Example
  
• Text Elements Properties
  
• Setting Border around paragraphs
  
• Setting Margins
  
• Floating Image
  
• Design Webpage
  
• CSS Zen Garden
• Dynamic Drive CSS Library
• Maxdesign
  

• Other Resources
• CSS Reference | CSS Alphabetical Reference
• Cascading Style Sheet Videos

• CSS Validation
• W3C CSS Validator

SlideShare presentation by Russ Weakley

• CSS Cascade
• Inheritance (html hierarchy matters; many properties inherited by descendants of elements) example
• Specificity (the more specific the selector, the stronger the rule) example
• Location (rule that appears later wins) example

• Key Concepts
• Constructing Complex Selectors
• Box Model
• Floating Element
• Absolutely Positioned Element
• Center Element
• CSS Properties
• position | Learn CSS Positioning in 10 Steps
• z-index
• Resources - CSS Navigation
• HTML Tags | CSS Properties
• unordered list <ul> | list item <li>
• CSS display property
• CSS overflow property
• Hyperlink <a> tag and CSS Selectors: :link | :visited | :focus | :hover | :active
  

• HTML5
• HTML5 Specifications
• W3School
• HTML5 Intro | HTML5 Reference
• HTML5rocks
• Tutorials | Demos | Resources
• 9_Websites_to_Learn_HTML5_Basics
• HTML5 Readiness

• CSS3
• W3School
• CSS3 Intro | CSS3 Reference
• Dynamic Drive CSS3 Demos

Videos Demos: for CS6

• Step1: Using Tracing Image to Place AP Elements (12:04)
• Step2a: Create Nested AP Elements and Insert Images (6:51)
• Step2b: Use Copy, Deselect and Paste to create AP Elements with text (4:54)
• Step2c: Create Disjointed Rollover by Attaching "Show-Hide Elements" Behavior to Images (7:17)
• Step3: How to Incorporate AP Element in "Elastic" (Liquid) Layout (6:24)

Videos Demos: for CC

• Step2: Create Nested AP Elements using DW Creative Cloud (13:48)

Videos Demos:

• Three Columns Templates
• Three Columns Overview (3:45) Briefly discuss key aspects of the Fixed or Liquid Three Columns templates not already mentioned in Web Design Templates lecture.
• Sample Web Template
• Sample Template Tutorial provided by Knight Digital Media Center for the Sample Template that uses image rollovers in the navigation sturcture and images as backgrounds.
• Sample Template Overview (12:22) Briefly discuss key aspects of the template and how the image rollovers are created and can be customized.

Resources

• Web Design Templates
• Free CSS
• Open Source Web Design
• Styleshout: Free CSS Website Templates
• OpenSourceTemplates.org
• Find Further Resources
• Google Search

• Design Considerations
• Page design workflow (3:06)
• Determining page structure (7:18)
• Creating image assets (8:58)
• Creating initial page structure (7:03)
• Adding meaning with classes and IDs (5:23)
• Structuring content with HTML5 (6:06)
• Building internal structure (10:25)

• Layout Basics - some of it already covered in 550
• Box model review (8:47)
• Calculating element dimensions (11:11)
• Understanding margin collapse (7:59)
• Calculating em values (7:41)
• Calculating percentage values (7:51)
• Normal document flow (13:03) CSS code to use to make HTML5 tags understandable to older browsers.
• Controlling element display (8:53)
  
• Using CSS Resets (7:11)
• Fixed, fluid, and responsive layouts (9:09)
  

• Working with Floats - some of it already covered in 550
• Floating elements (7:50)
• Clearing floats (7:28)
• Containing floats (7:50)
• Clearfix technique (10:38)
• Floating inline elements (14:34)
• Two-column floated layouts (8:17)
• Three-column floated layouts (11:30)
• Column height considerations (7:03)
• Creating equal-height columns (10:42)
• Floats: Lab (5:25)
• Floats: Solution (5:21)

• Positioning Elements
• Relative positioning (7:59)
• Absolute positioning (8:59)
• Fixed positioning (4:23)
• Controlling stacking order (8:31)
• Clipping content (8:21)
• Controlling content overflow (5:38)
• Positioning elements: Lab (3:59) 
• Positioning elements: Solution (3:52)

• Building Fixed Layouts
• Design considerations for Fixed Layouts (3:28)
• Establishing the layout grid (7:57)
• Defining column spacing (9:30)
• Applying the grid through CSS (8:56)
• Creating grid-based assets (8:26)
• Grid design resources (6:22)
• Building fixed layouts: Lab (4:07)

• Building Flexible Layouts
• Building Flexible Layouts (2:30)
• Calculating percentage values (8:45)
• Setting flexible width values (6:06)
• Making images flexible (8:10)
• Setting minimum and maximum widths (7:24)
• Building flexible layouts: Lab (4:53)
• Building flexible layouts: Solution (6:47)
  

• Building Responsive Layouts (optional)
• Responsive layout overview (3:49)
• Using media queries (7:16)
• more videos avaibale on LyndaCampus site
  and also see: Week 13 - Extras - Responsive Design.

• Key Concepts
• Box Model
• Floating Element
• Absolutely Positioned Element
• Learn CSS Positioning in 10 Steps

• CSS Cascade
• Inheritance (html hierarchy matters; many properties inherited by descendants of elements) example
• Specificity (the more specific the selector, the stronger the rule) example
• Location (rule that appears later wins) example

• Debug: Easy Things to Check First
• Be careful about typos.
  
• Upload file in the correct location.
  
• Make sure spelling of URL = spelling of filename.
  
• XHTML is case-sensitive.
  
• CSS
• Use colon (:) to separate your properties from value (color: red;).
• Complete each property-value pair with semicolon (;)
  
• No spaces between number and their units (16px).
  
• Still Stuck, then check for typos and easy stuff first :)
  

Videos Demos:

• Step0: Insert Image and Set Transparency; Text Mask Effect (2:24)
• Step1: Resize Image & Export; Image Preview Dialog; Crop Image & Export (8:27)
• Step2: Trace Outline with Polygon Lasso Tool; Hard / Feathered Edge; Layers Panel (7:58)
• Step3: Create Text and Attach to Path (3:38)
• Step4: Create Animated GIF (5:25)

• Related Videos for CS6

• Learn Fireworks CS6 Videos

• Image Resources
• Search Creative Commons
• Flickr
• Free Stock Photography

• Understanding the Interface
• Learning Fireworks menus and shortcuts (1:24)
• Getting around document and the Application bar (4:06)
• Working with panels (2:14)
• Using the Tools panel (2:34)
• Working with the Properties panel (2:57)

• Working with Files
• Opening documents and setting up the workspace (3:28)
• Organizing documents (3:06)
• Importing graphics (4:23)
• Saving and exporting files (4:18)
• Optimizing and previewing graphics (6:15)

• Organizing Documents
• Working with layers (9:30)
• Working with pages (9:39)
• Working with Web Layers (8:37)

• Drawing with Fireworks
• Setting up rulers, guides, and grids (7:16)
• Drawing lines and shapes (7:30)
• Selecting and grouping objects (5:25)
• Applying fills (9:40)
• Styling strokes (4:59)
• Applying opacity, blending modes, and Live Filters (6:23)
• Using styles (5:20)
• Styling with patterns and textures (1:47)
• Drawing vector shapes (7:28)
• Working with freeform tools and reshaping vector objects (2:26)

• Working with Objects
• Working with bitmaps (10:55)
• Working with text (9:38)
• Aligning and distributing elements (7:09)
• Transforming objects (3:22)
• Moving, cloning, and duplicating (6:05)
• Reshaping with the Path panel (12:15)
• Masking objects (9:10)
• Animating objects with states (6:33) Animated GIFs.
• Using the 9-Slice Scaling tool (5:26)

• Photoshop Interface Essentials
• Opening files from Bridge (3:09)
• Opening files from Mini Bridge (4:40)
• Customizing the Mini Bridge panel (5:11)
• Customizing the interface in Photoshop (3:49)
• Managing panels (5:01)
• Switching and saving workspaces (3:45)
• Switching tools using the keyboard (3:21)
• Customizing the keyboard shortcuts (6:34)

• Documents and Navigation
• Working with tabbed documents (2:51)
• Arranging documents (3:37)
• Stopping Photoshop from tabbing documents (2:49)
• Panning, zooming, and using the Rotate View tool (9:51)
• Cycling through the different screen modes (3:41)

• Digital Image Essentials
  
• Understanding file formats (8:26)
• Choosing the resolution you need (5:15)
• Understanding Resize vs. Resample (9:40)
• How big a print can you make with your image? (2:58)

• Cropping and Transformations
  
• Using Undo and the History panel (6:40)
• Using crop options (4:20)
• Understanding Hide vs. Delete for the Crop tool (3:52)
• Cropping to the perfect print size (3:51)
• Making the canvas bigger with the Crop tool (5:02)
• Making the canvas bigger using the Canvas Size command (4:57)
• Straightening a crooked image (4:21)
• Removing keystoning from buildings (2:06)
• Using the Perspective Crop tool (2:4)
• Scaling, skewing, and rotating with Free Transform (8:29)
• Nondestructive transformations with Smart Objects (3:56)
• Warping images (4:48)
• Preserving important elements with Content-Aware Scale (4:49)

• Working with Layers
  
• Exploring layer basics (13:25)
• Loading, selecting, and transforming layers (10:51)
• Organizing layers into layer groups (8:47)
• Merging, rasterizing, and flattening layers (10:15)

• Selections and Layer Masks
  
• Using the Marquee and Lasso tools (11:41)
• Combining selections (6:40)
• Converting a selection into a layer mask (7:40)
• Using the Quick Selection tool and Refine Edge (7:12)
• Selecting soft-edged objects using Refine Edge (9:28)
• Touching up a layer mask with the Brush tool (5:42)
• Changing the opacity, size, and hardness of the painting tools (9:9)
• Blending images with a gradient layer mask (4:55)
• Combining multiple exposures with layer masks (5:05)

• Type Essentials
  
• Exploring character (point) type (11:04)
• Adding paragraph (area) type (4:07)
• Adding type on a path (7:03)
• Clipping an image inside type (3:41)
• Warping type (2:36)
• Defining character and paragraph styles (6:12)

• Basic Shape Layers
  
• Using the shape tools (13:45)
• Custom shape layers (6:15)
• Adding a keyline to an image (4:13)

• Essential Layer Effects and Styles
  
• Adding a drop shadow effect (8:57)
• Adding edges, textures, and color overlays using styles (5:11)
• Creating a transparent logo or watermark (4:46)
• Knowing how and when to scale layer effects (5:54)

Videos Demos:

• Image Editing
• Image Editing for Slideshow (14:24) Resizing, Create Thumbnail, Cropping using Rule of Thirds.
• Galleria Slideshow | demo
• Customizing Galleria (8:40) What to customize.
• Beginner's Guide
• Galleriffic Slideshow| demo
• Customizing Galleriffic (8:44) What to customize.
• Supersized Slideshow| demo
• Customizing Supersized (6:34) What to customize.

Resources

• CSS Properties
• position | Learn CSS Positioning in 10 Steps
• z-index
• Slideshow Tutorials
• 25 Best jQuery Slideshow Plugins
• 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials
• Top 20+ jQuery Slideshow and Image Gallery Tutorials
• Find Further Resources
• Google Search

• jQuery
• Site | Tutorials | Documentation

Videos Demos:

• Step0: Insert Image and Set Transparency; Text Mask Effect in Fireworks (2:24)
• Step1: Create Layout and Nested AP Elements; Insert Table in AP Element; Insert & Name Images (7:58)
• Step2: Create Simple and Disjointed Rollovers (14:25)
• Step3: Create Imagemap and Behavior triggered by Mouse Click (7:05)

Videos Demos: for CC

• Step2: Create Nested AP Elements using DW Creative Cloud (13:48)

• Adding Interactivity
• Adding CSS3 transitions (8:29)
• Spry overview (2:44)
• Using Spry widgets (3:57)
• Adding Spry effects (8:01)
• Using the Widget Browser (7:04)

Videos Demos: some of the demos will be re-recorded

• Step1: Create Primary Navigation using Image Rollovers and Customize to create "you are here" indicator in Dreamweaver CS5 (7:50)
• Step2: Create and Modify Image Rollover in Navigation Structure in Dreamweaver CS4+ (5:27)
• Step3a: Create Images for Different States of Navigation Categories in Fireworks (14:56)
• Step3b: Export Image for "UP", "Over", "DOWN" and "Over DOWN"; Set Export Area to Have Uniform Margins in Fireworks (8:28)

• Resources
• Navigation Design Trends
• Creative & Innovative Navigation Designs

• Trends in Navigation Design
• Using icons in navigation (2:14)
• Understanding 3D nav bars (2:25)
• Understanding explanatory navigation (1:51)
• Creating animated navigation (2:56)

• Navigation Techniques
• Converting lists to menus (7:56)
• Working with background images (5:47)
• Implementing sprites (5:53)
• Setting up adjustable backgrounds (9:04)
• Designing accessible navigation (7:05)

• Horizontal Navigation
• Looking at the project (1:04)
• Building up the basic HTML (2:09)
• Displaying top-level links horizontally (8:12)
• Customizing the link states (4:29)
• Adding drop-down menus (HTML) (3:48)
• Working with submenus (CSS) (4:08)
• Achieving interactive submenus (2:21)
• Marking the current page (4:23)

• Vertical Navigation
• Looking at the project (0:57)
• Understanding vertical menus (2:15)
• Defining width for link elements (4:43)
• Using background graphics with navigation (5:45)
• Creating pop-out vertical navigation (6:29)
• Setting link states (3:04)

• Internal and External Navigation

• Identifying anchor tags (7:04)
• Identifying external links (3:09)

• Spry Navigation (not supported in CC)
• Inserting Spry horizontal menus (7:04)
• Styling Spry menus (6:29)
• Adding Spry vertical menus (5:07)
• Styling Spry vertical menus (10:53)
• Using Spry tabbed navigation (9:33)
• Styling Spry tabbed menus (9:55)
• Including Spry accordion panel menus (5:32)
• Styling Spry accordion menus (11:10)
• Advanced Spry menu techniques (8:32)

• Cutting-Edge Navigation
• Creating jQuery animated image menus (7:45) example
• Using the HTML5 nav tag (3:24)
• Exploring CSS3 enhancements (7:05)

• Resources - CSS Navigation

• HTML Tags | CSS Properties
• unordered list <ul> | list item <li>
• CSS display property
• CSS overflow property
• Hyperlink <a> tag and CSS Selectors: :link | :visited | :focus | :hover | :active

• Tutorials
• W3Schools - CSS Navigation Bar
• Turning List into Navigation Bar
• CSS Tabbed Navigation
• 30 CSS Navigation Techniques
• 22 CSS / jQuery Navigation Techniques
  

• Videos
• Vimeo Storyboarding Basics

• How To Make a Storyboard

• Resources
• FilmmakerIQ.com - Storyboarding

• Step0: Quick Tour of Workspace and Panels; New File = ActionScript 2.0 (or 3.0 in CC); Settings; Rulers & Guides (5:05)
• Step1: Object Drawing Mode versus Merged Drawing Mode; Change Circle Shape; Create Shape Tween (8:52)
• Step2a: Create Shape Tween; Create Motion Tween using Text and Free Transform Tool (5:56)
• Step2b: Break Apart Work into Individual Letters; Distribute Letters to Different Layers to be able Animate them Individually using Motion Tweens (3:20)
• Step2c: Break Apart Text Twice to be Morph Text using Shape Tween (3:20)
• Step3a: Import Bitmap; Convert to Symbol; Motion Tween; Create Properties Keyframes; Free Transform Tool; Create Fade-in (9:30)
• Step3b: Multi-part Animation; Insert Blank Keyframe; Paste in Place; Motion Tween; Edit Motion Path; Insert / Remove Frames; Test Movie (7:24)
• Step4a: Create Classic Tween to Animate and Fade Bitmap (5:19)
• Step4b: Create Classic Motion Guide to Control Classic Tween (4:16)
• Step4c: Create Moving Mask Effect (4:02)

• Tutorials
• Getting Started with Flash: provides links to many useful tutorials for CS6, CS5.5 or CS5
• Adobe Graphic Effects Learning Guide
• Overview
• Filters
• Bitmaps
• Text
• Adobe Animation Learning Guide
• Timeline and Keyframes
• Motion Tweens
• Shape Tweens

• Related Videos for CS6
• Adobe TV Learn Flash CS6 Videos

• How Flash Professional Fits In
• Flash for desktop web browsers (5:14)
• Flash for desktop apps (2:50)
• Flash for mobile apps (3:07)
• Understanding how ActionScript fits into Flash (2:22)

• Introduction to the Flash Interface
• Choosing the type of document to work with (7:44)
• Getting to know the Flash interface (3:27)
• Working with panels and workspaces (9:00)
• Understanding document orientation and guides (3:20)
• Zooming and moving around (3:39)

• Importing Graphics
• Navigating in the library (5:35)
• Understanding and importing bitmaps (5:05)
• Understanding and importing vector files (6:34)
• Using tricks and techniques for imported imagery (6:48)

• Structuring a Flash Document
• Adjusting document settings (7:23)
• Organizing layers (9:07)
• Utilizing guide layers (4:33)
• Understand the Timeline and frame rate (4:02)
• Previewing a project (3:05)
• Defining frames and keyframes (9:58)
• Manipulating frames and keyframes (6:35)

• Drawing Basic Shapes
• Understanding the Merge and Object Drawing modes (9:13)
• Using the Line and Pencil tools (5:47)
• Drawing with the Rectangle and Oval tools (5:37)
• Drawing with the Rectangle and Oval Primitive tools (2:53)
• Creating shapes with the PolyStar tool (2:39)
• Manipulating items with the Free Transform tool (3:06)

• Symbols
• Introducing symbols (9:41)
• Understanding movie clip symbols (3:26)
• Using graphic symbols (3:06)

• Motion Tweens
• Creating motion tweens (8:00)
• Modifying motion tweens (3:51)
• Using motion tweens in 3D space (3:12)

• Shape Tweens
• Building shape tweens (4:40)
• Employing shape hints (3:52)

• Role of Flash in Digital Development
  
• Introducing Flash (9:11)
  
• Understanding how ActionScript fits into Flash (2:32)

• Introducing the Flash Interface
• Choosing the type of document to work with (4:23)
• Understanding document settings and orientation (6:20)
• Modifying the workspace (6:54)
• Understanding and importing bitmap and vector files (9:01)
• Understanding and organizing layers (9:31)
• Introducing the Timeline, frames, and keyframes (12:06)
• Using frames and keyframes in a project (5:36)

• Creating Graphics in Flash
• Creating shapes in the Merge and Object Drawing modes (7:04)
• Using the primitive and Gradient Transform tools (8:22)

• Working with Text in a Flash Document
• Using classic text (3:58)
• Structuring text placement in a project (7:02)
• Embedding fonts (5:34)
  

• Understanding Symbols in Flash
• Introducing symbols (8:51)
• Comparing movie clips and graphic symbols (5:15)
• Using movie clips in a project (6:30)
• Introducing buttons (6:54)
• Adding buttons to a project (13:53)

• Understanding ActionScript
• Timeline control (11:39)
• Linking to an external URL (4:03)

• Understanding Tweening in Flash
• Defining motion tweens (6:26)
• Combining motion tweens and ActionScript (5:34)
• Motion tweening tips and tricks (5:13)
• Defining shape tweens (3:09)
• Nesting timelines (7:18)

• Understanding How Audio / Video Works with Flash
• Importing and adding audio (5:44)
• Editing audio (8:06)
• Converting video with Adobe Media Encoder (2:59)
• Integrating video (9:24)

• Publishing a Flash Professional Document
• Cleaning up and optimizing your file (5:34)
• Publishing and deploying for desktop browsers (4:13)
• Understanding Adobe AIR (2:45)
• Publishing mobile and desktop applications (10:27)

• Create Simple Text Button in Flash:
• Step1a: Insert Button Symbol; Create Shape and Text for "Up" State; Use Gradient Transform Tool; Insert Keyframes in "Over", "Down" and "Hit" States (10:58)
• Step1b: Customize "Over", "Down" and "Hit" States; Edit Gradient using Colors Panel; Simple Button Enabled (5:52)
• Create Animated Button in Flash and Insert in Web Page:
• Step2a: Insert Image; Create Graphic Symbol; Scale Image Precisely (3:50)
• Step2b: Insert MovieClip Symbol; Fade-In and Scale Instance of Graphic Symbol in MovieClip using Classic Tween (4:05)
• Step2c: Insert Button Symbol; Create Text for "Up", "Over" and "Down"; Create Layer for Image and Place Instance of Image Animation in "Over" (5:22)
• Step2d: Insert Static Image in "Down" and Make Sure that Animation in "Over" and Image in "Down" are Perfectly Placed (4:54)
• Step2e: Attach ActionScript 2.0 (or 3.0) "stop ();" to Last Frame in Animation; Specify "Hit" Area in Button (4:35)
• Step3: Attach ActionScript 2.0 "on (release) { getURL(URLstring, "_self"); } to Instance of Button; Fix ActionScript and Update SWF file (7:18)
• Step3 CC: Click on Button Instance to Go to Web Page using ActionScript 3.0 (3:26)
• Step4: Insert SWF file into Dreamweaver file; JavaScript files to be uploaded (7:00)
• Create Multi-Part Animation
• Step1: Animation Overview; Examine Library, Layers, Classic Tweens and Actionscript 2.0 used in Multi-part Animation (9:52)
• Step1 CC: ActionScript 3.0 used in Multi-part Animation (6:38)
• Step2: Move Image onto Stage, Pause and then Move & Fade Image Away using Classic Tween (5:00)
• Step3: How to Move Keyframe; Insert or Remove Frames so that Related Layers Remain in Sync (5:46)
• Insert Flash Animation in Web Page
• Step4: Insert SWF file into Dreamweaver file; JavaScript files to be uploaded (7:00)

• Tutorials
• Adobe Graphic Effects Learning Guide
• Overview
• Filters
• Bitmaps
• Text
• Adobe Animation Learning Guide
• Timeline and Keyframes
• Motion Tweens
• Motion Tween Manipulations
• Shape Tweens
• Frame-by-Frame Animation

• Related Videos for CS6
• Adobe TV Learn Flash CS6 Videos

• Tutorials
• ActionScript 3.0
• ActionScript Technology Center
• ActionScript 3.0 Tutorials
• Six reasons to use ActionScript 3.0
• Overview
• Event handling
• Creating Preloader
• Code Samples
• ActionScript 3.0 from the ground up

• Related Videos
• Optional ActionScript 3.0
• Colin Moock ActionScript 3 Videos

• Text
• Comparing Text Layout Framework (TLF) vs. Classic text (7:15)
• Exploring types of TLF and Classic text (5:38)
• Exploring TLF text features (3:31)
• Embedding fonts (5:51)
• Working with right-to-left fonts (0:55)

• Effects and Masks
• Understanding blend modes (6:03)
• Applying filters (5:29)
• Setting up masks (4:27)
• Animating a mask (4:57)

• Beyond Basic Shapes
• Painting with the Deco and Spray Brush tools (5:39)
• Using the Paint Bucket and Ink Bottle tools (4:24)
• Cleaning up with the Eraser tool (4:04)
• Drawing with the Brush tool (4:13)
• Sampling color with the eyedropper (2:04)
• Using the Color and Swatches panels (8:51)
• Working with gradients and the Gradient Transform tool (6:22)
• Using the Lock Fill modifier with gradients (5:12)
• Creating shapes with the Pen tool and working with anchor points (4:57)
• Selecting with the Lasso tool (5:43)

• Inverse Kinematics
• Defining inverse kinematics (IK) motion (0:59)
• Using the Bone tool (8:17)
• Fine-tuning IK motion (4:12)
• Integrating IK Ease, Spring, and Damping features (6:09)
• Creating runtime IK (1:06)
• Converting IK to frame-by-frame animation (1:18)

• Symbols
• Introducing symbols (9:41)
• Understanding movie clip symbols (3:26)
• Using graphic symbols (3:06)
• Exploring button symbols (8:20)
• Applying 3D and color transformations to symbols (7:27)
• Troubleshooting problematic selections and seeing their properties (4:55)

• Motion Tweening Tools and Techniques
• Exploring cool tools for motion tweening (7:40)
• Exploring motion presets (2:11)
• Copying and reversing motion tweens (4:53)
• Nesting timelines (5:01)
• Using graphics vs. movie clips for animation (8:36)
• Onion skinning (2:55)
• Editing multiple frames (4:55)
• Understanding classic tweens (4:25)

• ActionScript
• Understanding ActionScript and the Actions panel (9:33)
• Using code snippets to create clickable items (6:59)
• Combining clickability and timeline control (6:01)
• Troubleshooting ActionScript (6:22)

• Audio & Video
• Importing and using audio (7:07)
• Affecting playback control (4:06)
• Controlling volume (4:53)
• Choosing audio compression settings (3:24)
• Using the Adobe Media Encoder (3:24)
• Integrating video (8:00)

• Publishing
• Cleaning up and optimizing a file (7:01)
• Configuring SWF publish settings (8:06)
• Configuring HTML publish settings (8:18)
• Looking at other types of files you can publish (4:05)
• Using the Bandwidth Profiler (5:35)

• Role of Flash in Digital Development
  
• Introducing Flash (9:11)
  
• Understanding how ActionScript fits into Flash (2:32)

• Introducing the Flash Interface
• Choosing the type of document to work with (4:23)
• Understanding document settings and orientation (6:20)
• Modifying the workspace (6:54)
• Understanding and importing bitmap and vector files (9:01)
• Understanding and organizing layers (9:31)
• Introducing the Timeline, frames, and keyframes (12:06)
• Using frames and keyframes in a project (5:36)

• Creating Graphics in Flash
• Creating shapes in the Merge and Object Drawing modes (7:04)
• Using the primitive and Gradient Transform tools (8:22)

• Working with Text in a Flash Document
• Using classic text (3:58)
• Structuring text placement in a project (7:02)
• Embedding fonts (5:34)
  

• Understanding Symbols in Flash
• Introducing symbols (8:51)
• Comparing movie clips and graphic symbols (5:15)
• Using movie clips in a project (6:30)
• Introducing buttons (6:54)
• Adding buttons to a project (13:53)

• Understanding ActionScript
• Timeline control (11:39)
• Linking to an external URL (4:03)

• Understanding Tweening in Flash
• Defining motion tweens (6:26)
• Combining motion tweens and ActionScript (5:34)
• Motion tweening tips and tricks (5:13)
• Defining shape tweens (3:09)
• Nesting timelines (7:18)

• Understanding How Audio / Video Works with Flash
• Importing and adding audio (5:44)
• Editing audio (8:06)
• Converting video with Adobe Media Encoder (2:59)
• Integrating video (9:24)

• Publishing a Flash Professional Document
• Cleaning up and optimizing your file (5:34)
• Publishing and deploying for desktop browsers (4:13)
• Understanding Adobe AIR (2:45)
• Publishing mobile and desktop applications (10:27)

Animated Navigation Structure

• Big Picture and "Russian Doll" Way of Creating Flash Web Site, Animated Navigation Structure, Duplicate & Customize Scenes
  (using Flash 8 and same in CS4+, but not CC).
• Animated Navigation Demo (8:46) Overview.

Demos - Step-by-Step

• Step0: Big Picture and "Russian Doll" Way of Creating Flash Web Site (11:07)
• Step1: Setting Up FLA file; Layers; Explore Library (7:22)
• Step2: Create Animations; Attach "stop ();" Actionscript to Last Frame (5:42)
• Step3: Create Animated Buttons, Hit Area, Test Movie (10:48)
• Step4: Duplicate "Up" Button to Create "Down" Button and Customize (4:13)
• Step5and6: Attach Actionscript to Button Instances; "gotoAndStop" Actionscript (5:14)
• Step7: Duplicate and Customize Scenes (6:36)
  

Flash Site and ActionScript 2.0:

• Build Site in Flash, Scenes, ActionScript 2.0, Define Function, Use ActionScript to create MovieClip that behaves like a "Button", Create "Disjointed Rollover" using Actionscript 2.0
  (using Flash 8 and same in CS4+, but not CC).
• Actionscript 2.0 (9:14) Intro to Actionscript 2.0.
• Flash Site Demo (11:52) Overview.

Demos - Step-by-Step

• Step0: Overview; How to Use Actionscript 2.0 to Create "Up", "Over", "Down" Effect for MovieClip (2:50)
• Step1: Create Global "changeVisuals" Function (5:37)
• Step2: Use Actionscript 2.0 to Create MovieClip that behaves like a "Button" (13:24)
• Step3: Label Frame; Duplicate Content at Specific Frame; Create "You Are Here" Indicator using Actionscript 2.0 (8:57)
• Step4: Create "Disjointed Rollover" using Actionscript 2.0; Use "_parent" to control specific Timeline (10:07)

Videos Demos:

• Introduction
• Welcome (0:57)
• Understanding the basics of editing (2:45)
• Getting to know the interface (3:47)
• Using the exercise files (1:01)

• Gather Your Assets
• Capturing video from a tape-based camcorder (4:08)
• Downloading video from a hard drive or a storage-based camcorder (4:26)
• Importing media already on your computer (2:22)
• Managing media files with the Organizer (6:07)
• Organizing media in the Project Assets panel (5:43)

• Basics of Timeline Editing
• Editing with Quick view vs. editing with Expert view (5:42)
• Adding, slicing, and trimming clips, and performing ripple edits (7:53)
• Pretrimming media in the clip monitor (6:10)

• Premiere Elements Toolkit
• Looking at the Action Bar toolkit (4:26)
• Recording narration (3:19)
• Creating a motion path with the Pan & Zoom tool (9:10)
• Speeding up or slowing down video segments with Time Remapping (6:07)

• Color Correction and Effects
• Adjusting color, lighting, and audio (5:45)
• Adding and customizing a video effect (7:25)
• Using the Chroma Key and Videomerge effects (5:53)

Videos Demos (cont.):

• Audio Production Tools
• Adding and customizing an audio effect (6:14)
• Creating custom music tracks with Quicktracks (8:05)

• Transitions
• Creating fade-ins and fade-outs (5:36)
• Adding and customizing a transition (7:19)

• Titles and Text
• Adding and customizing a title (4:58)
• Adding a text animation (4:24)

• Keyframing
• Creating a custom motion path using keyframes (4:35)
• Keyframing video effects (6:43)
• Mixing several tracks of audio using keyframes (7:16)

• DVD and Blu-ray Production
• Adding menu markers (5:21)
• Applying a menu template (5:33)
• Adding a "special features" video to your DVD or Blu-ray (3:16)

• Sharing Your Video
• Burning a DVD or a Blu-ray disc (3:46)
• Uploading video to Facebook or YouTube (4:06)
• Outputting a movie for viewing on a portable device (2:42)

• Conclusion
• Next steps (1:13)

• Up and Running with the Premiere Pro Workflow
• Why you should watch this fast-track chapter (1:33)
• Importing media (1:29)
• Selecting shots (2:48)
• Editing to the Timeline (4:51)
• Refining the edit (2:41)
• Adding transitions (3:02)
• Adding titles (4:09)
• Adding and adjusting music (7:35)
• Outputting your show (1:25)

• Getting Started
• Launching the application for the first time (5:13)
• Touring the interface (4:29)
• Customizing windows and panels (4:56)
• Choosing your editing style (6:05)
• Understanding system requirements (3:01)
• Adjusting some basic user preferences (6:29)

• Importing Media
• Setting up a project and sequence (7:11)
• Understanding all the types of media used in creating a video (5:12)
• Importing files already on your computer (3:57)
• Importing pre-organized media (3:24)
• Importing media from existing Premiere projects (4:39)
• Importing card-based media (6:11)
• Importing Final Cut XML files (2:36)
• Organizing your media (6:13)
• Reconnecting offline media (7:42)

• Marking and Selecting Clips
• Basic editing overview (4:38)
• Previewing and marking media in Project panel (6:12)
• Previewing and marking clips in the Source panel (3:09)
• Creating subclips (4:55)

• Basic Video Editing
• Marking and targeting destinations in the Timeline (3:35)
• Moving clips in the Timeline (1:27)
• Trimming edit points in the Timeline (1:24)
• Splitting and deleting clips (2:53)

• Intermediate Editing
• Performing an overwrite edit (5:07)
• Performing an insert edit (3:20)
• Using swap edits (2:37)
• Using multiple tracks (4:24)
• Targeting specific tracks in the Timeline (4:08)
• Cutting a B-roll sequence (5:23)

• Advanced Editing
• Looking at three-point edits (5:26)
• Performing replace edits (6:05)
• Linking and unlinking audio (4:48)
• Working with markers (3:57)

• Fine-Tuning Your Edit
• Performing ripple and roll edits (5:53)
• Using slip and slide edits (6:34)
• Performing J and L cuts (3:32)
• Looking at the Trim Monitor window (2:47)
• Increasing trim efficiency (2:11)
• Tips and tricks for trimming (3:52)

• Improving Your Efficiency
• Taking control of your Timeline (4:07)
• Adding video and audio tracks (4:32)
• Changing track visibility and locking tracks (3:22)
• Rendering media in your Timeline (5:34)
• Using the History panel to undo multiple actions (2:22)
• Creating keyboard shortcuts (4:19)
• Creating buttons (3:12)
  

• Working with Audio
• Exploring audio in Premiere Pro (6:32)
• Adjusting audio levels of clip (7:17)
• Keyframing audio levels of a clip (4:33)
• Mixing audio (7:34)
• Fixing out-of-sync audio (3:47)

• Working with Stills and Graphics
• Importing still images (4:57)
• Working with stills (6:36)
• Animating stills with keyframes 4:49)
• Animating Photoshop files (4:34)

• Motion Effects
• Changing clip size, cropping, and position (5:16)
• Animating the position of clips over time (3:43)

• Transitions
• Applying basic video and audio transitions (3:01)
• Modifying transitions (8:06)
• Applying multiple transitions (3:36)

• Working with Filters and Effects
• Applying video effects (2:42)
• Modifying effects (4:47)
• Combining multiple effects (8:30)
• Keyframing your filters (6:22)
• Adjusting existing filter timing (5:56)
• Applying effects to multiple clips (2:31)
• Copying and pasting attributes (4:25)
• Creating and saving effect presets (6:46)
• Applying audio effects (5:03)

• Special Filters
• Looking at the Warp Stabilizer (5:14)
• Working with chroma key and green screen (4:45)
• Using color correction tools (6:55)
• Looking at the Lumetri color looks (4:06)
• Using adjustment layers to save time (4:36)

• Modifying Speed
• Fit-to-fill editing (6:41)
• Stretching a clip (4:15)
• Looking at the Clip Speed/Duration dialog box (9:17)
• Making variable speed changes (7:28)

• Adding Titles
• Creating a static title (4:35)
• Creating a lower third title (2:57)
• Creating rolling and crawling credits (3:40)
• Using Photoshop for titles within Adobe Premiere (4:17)

• Multicam
• Introducing multicam (2:57)
• Creating multicam clip with timecode & sync points (5:13)
• Creating a multicam clip using audio waveforms (2:55)
• Editing a multicam clip in the Timeline (6:50)
• Refining a multicam edit (4:07)

• Finishing and Output
• Finishing techniques (8:35)
• Exporting a master (6:52)
• Exporting for devices and the web (6:11)

• Media Management and Archiving
• Moving and copying a project (7:46)
• Archiving a project (6:49)
• Preparing and integrating your workflow with non-Adobe applications (2:20)

Videos Demos:

• Premiere Elements using PrE10
• Create Clips from Source Footage (6:39)
• Trim & Split Clips on Timeline (1:44)
• Create & Edit Transitions (5:23)
• Create Still Frame, Unlick Audio & Video, Fade Out (6:18)
• Video Overlays, Keyframes and Custom Fades (10:14)
• Time Stretch Tool (2:30)
• Create Titles and Text Overlays (10:34)

• Premiere Elements using PrE10
• Using Pan & Zoom Tool to Explore Photo (10:52)
• Record and Edit Narration (16:52)
• Place Narration and Upload to YouTube (7:36)
• Add Soundtrack and Mix Audio (5:30)
• Create J-Cut in Interview (7:30)

• Introduction
• Welcome (0:58)
• Using the exercise files (2:02)

• Organizing and Ingesting Footage
• Importing project footage (2:51)
• Evaluating and annotating project footage (3:05)
• Evaluating interviews 4:30)
• Evaluating B-roll (4:48)
• Planning the edit (1:44)

• Assembling Footage on the Timeline
• Understanding the assembly edit (1:45)
• Marking shots and adding clips to the Timeline (5:57)
• Trimming interview shots (2:48)
• Creating cover shots with video tracks (3:16)
• Identifying editing opportunities (3:15)

• Refining the Cut
• Evaluating the assembly edit and making structural changes (3:33)
• Making the most of cover shots (2:13)
• Trimming a match cut (2:18)
• Editing with music (4:27)
• Adding and refining transitions (2:58)

• Titles and Graphics
• Adding a title graphic (2:32)
• Adding a lower third (3:44)
• Incorporating still images (2:56)
• Creating a credit roll (2:26)

• Finishing Steps
• Understanding the importance of picture lock (5:40)
• Color correction (3:35)
• Setting levels with the audio meters (4:06)
• Mixing dialog and music (6:38)

• Up and Running with the Premiere Pro Workflow
• Why you should watch this fast-track chapter (1:33)
• Importing media (1:29)
• Selecting shots (2:48)
• Editing to the Timeline (4:51)
• Refining the edit (2:41)
• Adding transitions (3:02)
• Adding titles (4:09)
• Adding and adjusting music (7:35)
• Outputting your show (1:25)

• Getting Started
• Launching the application for the first time (5:13)
• Touring the interface (4:29)
• Customizing windows and panels (4:56)
• Choosing your editing style (6:05)
• Understanding system requirements (3:01)
• Adjusting some basic user preferences (6:29)

• Importing Media
• Setting up a project and sequence (7:11)
• Understanding all the types of media used in creating a video (5:12)
• Importing files already on your computer (3:57)
• Importing pre-organized media (3:24)
• Importing media from existing Premiere projects (4:39)
• Importing card-based media (6:11)
• Importing Final Cut XML files (2:36)
• Organizing your media (6:13)
• Reconnecting offline media (7:42)

• Marking and Selecting Clips
• Basic editing overview (4:38)
• Previewing and marking media in Project panel (6:12)
• Previewing and marking clips in the Source panel (3:09)
• Creating subclips (4:55)

• Basic Video Editing
• Marking and targeting destinations in the Timeline (3:35)
• Moving clips in the Timeline (1:27)
• Trimming edit points in the Timeline (1:24)
• Splitting and deleting clips (2:53)

• Intermediate Editing
• Performing an overwrite edit (5:07)
• Performing an insert edit (3:20)
• Using swap edits (2:37)
• Using multiple tracks (4:24)
• Targeting specific tracks in the Timeline (4:08)
• Cutting a B-roll sequence (5:23)

• Advanced Editing
• Looking at three-point edits (5:26)
• Performing replace edits (6:05)
• Linking and unlinking audio (4:48)
• Working with markers (3:57)

• Fine-Tuning Your Edit
• Performing ripple and roll edits (5:53)
• Using slip and slide edits (6:34)
• Performing J and L cuts (3:32)
• Looking at the Trim Monitor window (2:47)
• Increasing trim efficiency (2:11)
• Tips and tricks for trimming (3:52)

• Improving Your Efficiency
• Taking control of your Timeline (4:07)
• Adding video and audio tracks (4:32)
• Changing track visibility and locking tracks (3:22)
• Rendering media in your Timeline (5:34)
• Using the History panel to undo multiple actions (2:22)
• Creating keyboard shortcuts (4:19)
• Creating buttons (3:12)
  

• Working with Audio
• Exploring audio in Premiere Pro (6:32)
• Adjusting audio levels of clip (7:17)
• Keyframing audio levels of a clip (4:33)
• Mixing audio (7:34)
• Fixing out-of-sync audio (3:47)

• Working with Stills and Graphics
• Importing still images (4:57)
• Working with stills (6:36)
• Animating stills with keyframes 4:49)
• Animating Photoshop files (4:34)

• Motion Effects
• Changing clip size, cropping, and position (5:16)
• Animating the position of clips over time (3:43)

• Transitions
• Applying basic video and audio transitions (3:01)
• Modifying transitions (8:06)
• Applying multiple transitions (3:36)

• Working with Filters and Effects
• Applying video effects (2:42)
• Modifying effects (4:47)
• Combining multiple effects (8:30)
• Keyframing your filters (6:22)
• Adjusting existing filter timing (5:56)
• Applying effects to multiple clips (2:31)
• Copying and pasting attributes (4:25)
• Creating and saving effect presets (6:46)
• Applying audio effects (5:03)

• Special Filters
• Looking at the Warp Stabilizer (5:14)
• Working with chroma key and green screen (4:45)
• Using color correction tools (6:55)
• Looking at the Lumetri color looks (4:06)
• Using adjustment layers to save time (4:36)

• Modifying Speed
• Fit-to-fill editing (6:41)
• Stretching a clip (4:15)
• Looking at the Clip Speed/Duration dialog box (9:17)
• Making variable speed changes (7:28)

• Adding Titles
• Creating a static title (4:35)
• Creating a lower third title (2:57)
• Creating rolling and crawling credits (3:40)
• Using Photoshop for titles within Adobe Premiere (4:17)

• Multicam
• Introducing multicam (2:57)
• Creating multicam clip with timecode & sync points (5:13)
• Creating a multicam clip using audio waveforms (2:55)
• Editing a multicam clip in the Timeline (6:50)
• Refining a multicam edit (4:07)

• Finishing and Output
• Finishing techniques (8:35)
• Exporting a master (6:52)
• Exporting for devices and the web (6:11)

• Media Management and Archiving
• Moving and copying a project (7:46)
• Archiving a project (6:49)
• Preparing and integrating your workflow with non-Adobe applications (2:20)

• Knight Digital Media Center
• Video Resources
• Audacity Sound Editing
• Vimeo
• Video School
• Video 101
• Videomaker
• Resources

• YouTube
• Help
• Sharing Videos
• Annotations
• Captions

• Understanding Responsive Web Design
• The foundation of responsive web design (6:02)
• Structuring fluid grids (3:38)
• Understanding media queries (4:26)

• Fluid Grid Layouts in Dreamweaver
• Exploring the default Fluid Grid Layout (8:34)
• Adding building block div tags (7:52)
• Inserting content (8:11)
• Targeting a phone design (5:28)
• Balancing tablet layouts (9:35)

• Expanding on a Fluid Grid Structure
• Modifying the number of grid columns (6:35)
• Adjusting column widths and margins (6:09)
• Including advanced page elements (6:22)

• Enhanced Media Queries
• Building media queries from the ground up (9:28)
• Working with additional media queries (3:35)
• Handling orientation changes (2:23)
• Working with high-resolution displays (11:31)

• Flexible Images and Media
• Core CSS manipulation (6:59)
• Applying JavaScript techniques (9:19)
• Setting up server-side solutions (8:07)