HTML5 and CSS3, Part 1 of 3 - 1:57 hoursFEATURES
Inline Activities
Video
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Introduction [11:06]
Structural Tags and Attributes [18:39]
Custom Data Attributes [15:14]
HTML5 Form Input Types [11:59] |
HTML5 and CSS3, Part 2 of 3 - 2:11 hoursFEATURES
Inline Activities
Video
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Multi Column Layouts [06:56]
Media Queries [10:37]
Rounded Corners [06:19]
Adding Shadows [12:41]
Using Real Fonts [06:53]
CSS3 Transitions [10:33]
Native Drag and Drop [10:01] |
HTML5 and CSS3, Part 3 of 3 - 2:52 hoursFEATURES
Inline Activities
Video
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Web SQL Storage [20:44]
Web SQL Storage Continued [26:39]
Web SQL Storage Conclusion [14:06] |
Introduction to Dreamweaver Creative Cloud (CC) - 23:07 hoursFEATURES
Audio Narration
Inline Activities
Video
This Dreamweaver CC training class is for people new to Dreamweaver. You will learn to create HTML- and CSS-based websites without writing any code. Although HTML and CSS are not prerequisites for the class, if you have some experience with them, you will have a better appreciation of the power of Dreamweaver.
Goals
Learn to define a site in Dreamweaver.
Learn to format text with Dreamweaver.
Learn to work with lists and nested lists.
Learn to add images, image maps, and rollover images.
Learn to work with tables.
Learn to format pages with CSS.
Outline
A Quick Overview of Web Development
Client-side Programming
HTML
Cascading Style Sheets
JavaScript
Dynamic HTML
Ajax
Adobe Flash
Server-side Programming
Perl
ColdFusion
Active Server Pages
Java EE
ASP.NET
PHP
Ruby on Rails
Getting Started with Dreamweaver
The Role of Dreamweaver
Welcome Screen
Dreamweaver Workspaces
Creating HTML Pages
Code View vs. Design View
The Dreamweaver Interface
Panels
Insert Panel
Properties Inspector
CSS Styles Panel
Files Panel
Dreamweaver CC Setup of Deprecated Data Tools
Previewing Your Page in the Browser
Preview in Browser
Live View
Setting up a Web Site
Edit Preferences
Creating HTML Pages
Understanding HTML Doctypes
Adding a Title to Your Page
Paragraphs, Headings and Blockquotes
Paragraphs
Headings
Blockquotes
Breaks and Horizontal Rules
Special Characters
Links
Adding Links
Absolute vs. Relative Paths
Absolute Paths
Relative Paths
Default Pages
Targeting New Windows
Email Links
Anchors
Quick Tricks for Adding Links in Dreamweaver
Point to File
Browse for File
Drag File from Files Panel
Images
Inserting Images
Accessibility Attributes
Image Properties
Image Links
Rollover Images
Image Maps
Inserting Photoshop .psd documents directly - Photoshop Smart Objects
Lists
Ordered and Unordered Lists
Nesting Lists
Converting Lists
Definition Lists
Converting Existing Content to Lists
Tables
Adding a Table to your Page
Sorting Tables
Modifying Tables
Inserting Rows
Inserting Columns
Inserting Multiple Rows or Columns at One Time
Merging Cells
Splitting Cells
Importing Data into Tables
Dreamweaver and Styling Tables
Styling Content
HTML Structure
HTML Elements
Attributes
Blocks and Inline Elements
CSS Rules
Selectors
Type Selectors
Descendant Selectors
Class Selectors
ID Selectors
ID vs. Class
Modifying the Rule
Making Sure the CSS File Saves
CSS Properties
Type
Background
Block
Box
Border
List
The Cascade
Embedded Style Sheets
Inline Styles
Units of Measurement
Class Prerequisites
Experience in the following would be useful for this Dreamweaver class:
HTML
CSS |