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 |