London College Of Online Learning

HOME >> IT CERTIFICATIONS >> PROGRAMMING & WEB DEVELOPMENT >> HTML5 and CSS3 Fundamentals

£59.00

Duration: 19 Hours 14 Minutes

98 Course Videos

HTML5 and CSS3 Fundamentals

HTML5 and CSS3 are some of the most integral and evolving web technologies that enable you to structure content and present it on the web. This course demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation.

Knowledge of these languages will help students create web pages that are easy to read and appealing to users. This course is designed to lay the foundation for mastering these two popular web publishing technologies and also focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation.

What will you learn?

In this course the following content will be covered:

Authoring Content in HTML
Embedding and Linking Content
Formatting Content with CSS
Authoring Complex Content Structures
Testing and Publishing HTML Content
Creating HTML5 Content
Using Advanced Techniques to Select and Apply Styles
Using Advanced Background and Border Techniques
Incorporating Advanced Text Formats
Adding Animation and Multimedia
Making HTML Readable and Accessible

Course Videos

This course contains the following modules and videos. Click the down arrow to view video details.

Module 1: Course Orientation, Internet & Web

Instructor Intro
Course Intro
Internet and the Web

Module 2: HTML Basics

HTML Overview and Your First Webpage
Create a Template
Heading Element
Paragraph Element
Line Break Elemen
Blockquote Element
Phrase Elements
Ordered List and Unordered Lists
Description List
Special Characters
Structural Elements
Anchor Elements
HTML Validation

Module 3: Colour & Text, CSS

Overview of Cascading Style Sheets
Using Colour on Web Pages
Inline CSS with the Style Attribute
Embedded CSS with the Style Element
Configuring Text with CSS
CSS Class, ID, and Descendant Selectors
Span Element
Using External Style Sheets
Center HTML Elements with CSS
The Cascade
CSS Validation

Module 4: Visual Elements & Graphics

Visual Elements and Graphics
Types of Graphics
Image Element
Image Hyperlinks
HTML5 Visual Elements
HTML5 Visual Elements Continued
Meter and Progress Element
Background Images
More About Images
Sources and Guidelines for Graphics
CSS3 Visual Effects Pt 1
CSS3 Visual Effects Pt 2

Module 5: Web Design

Web Design

Module 6: Page Layout

Page Layout Pt 1
Page Layout Pt 2
Hyperlinks in an Unordered List
Practice with CSS Two-column Layout
Header Text Image Replacement
Practice with an Image Gallery
Positioning with CSS
CSS Debugging Techniques
More HTML5 Structured Elements

Module 7: Links, Layout, & Mobile

Links, Layout, & Mobile
Fragment Identifiers
The Target Attribute
CSS Sprites
Three-column CSS Page Layout Pt 1
Three-column CSS Page Layout Pt 2
Three-column CSS Page Layout Pt 3
Three-column CSS Page Layout Pt 4
Three-column CSS Page Layout Pt 5
Three-column CSS Page Layout Pt 6
CSS Styling for Print
Designing for the Mobile Web
Viewport Meta Tag & CSS Media Queries
Responsive Images
Testing Mobile Display
Flexible Box Layout
CSS Grid Layout

Module 8: Tables

Tables Pt 1
Tables Pt 2

Module 9: Forms

Overview of Forms
Input Element Form Controls Pt 1
Input Element Form Controls Pt 2
HTML5 Form Controls

Module 10: Web Development

Web Development Pt 1
Web Development Pt 2

Module 11: Web Multimedia and Interactvity

Web Multimedia and Interactivity
Getting Started with Audio and Video
HTML5 Audio and Video Elements
CSS3 and Interactivity Pt 1
CSS3 and Interactivity Pt 2
CSS3 Transform Property and Transition Property Pt 1
CSS3 Transform Property and Transition Property Pt 2
CSS3 Transform Property and Transition Property Pt 3
HTML5 Details and Summary Elements
Java, JavaScript, Ajax, and jQuery Programming Languages
HTML5 APIs

Module 12: JavaScript and jQuery

JavaScript and jQuery
Debugging
Document Object Model
Events and Event Handlers
Variables
Programming Concepts
Form Handling
jQuery
jQuery Selectors and jQuery Methods
jQuery Image Gallery Pt 1
jQuery Image Gallery Pt 2
jQuery Plugins Pt 1
jQuery Plugins Pt 2

Module 13: Course Summary

Course Summary

Our Learning System Includes

Instructor Led Lectures

All of our IT Courses recreate a real time class experience with a highly qualified and experienced instructor delivering the course’s theories and concepts on screen. All of our lectures are pre-recorded and available to the user 24/7. They can easily be paused, repeated, rewound and fast-forwarded.

Visual Presentations

We understand that all students are different when it comes to learning, therefore different types of delivery mediums are needed in order to achieve success for students. Taking that into account, we deliver our content in a variety of different ways to ensure that students stay engaged and productive throughout their courses.

Mobile Optimisation & Progress Tracking

Our courses are optimised for all mobile devices allowing users to learn on the go whenever they have spare time and wish to do so. Users can access their courses from anywhere and their progress is completely tracked and recorded delivering peace of mind to each and every user.

Practice Quizzes and Exams

Our custom practice exams prepare students for their exams differently and more effectively than the traditional exam preps on the market. Students will have practice quizzes after each module to ensure that they are confident on the topic they are learning.

World Class Learning Management System

We provide the next generation Learning Management System (LMS) to all of our students. This is an experience that combines the feature set of traditional LMS with advanced functionality designed to make learning management easy and online learning engaging from the student’s perspective.