Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts

  • Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts, Singapore elarning online course
  • Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts, Singapore elarning online course
  • Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts, Singapore elarning online course
  • Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts, Singapore elarning online course
  • Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts, Singapore elarning online course
  • Fundamentals in HTML5 & CSS3 - Inclusive of CSS Floating Layouts, Singapore elarning online course

Course Description

Get started with a solid foundation in HTML and CSS. From there, learn about handling text, tables, graphics, and hyperlinks. Additonally, Finally, dig into building forms and handling multimedia — all in HTML and CSS Fundamentals! Join award-winning software trainer, Geoff Blake on a journey into HTML, CSS and web design in this information-packed course. Spanning nearly 6 hours, you’ll gain skills with more than 70 casual, easy to follow lessons, hands-on tasks and techniques!

Get started with a solid foundation in HTML and CSS and code away with your new found skill!

- Learn about the basics of HTML and CSS
- Understand how different parts of a web page is designed
- Know how to apply these skills into your own designs
- Additionally learn and understand more about CSS Floating Layouts

Course Objectives

1. Understand the fundamentals of HTML and CSS
2. Able to apply the fundamentals into your own web designs 
3. Know how to work with flexible layout in CSS
4. Understand the combination of flexible/fixed layout 
5. Able to work with audio, video and hyperlinks 
6. Understand how to format a page using CSS 

Related Courses

  • HTML5 & CSS3: A Site Design Bundle

    HTML5 & CSS3: A Site Design Bundle

    SGD $99.00

    Course Description

    Ever wanted to learn how to build a website, or to brush up on your coding skills to enhance an existing site? This course will show you, in a step-by-step process, how to set up a web site from scratch and tips and tricks of the trade to change your site into one that is more attractive and user-friendly. From what tools you need, to building your site, creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake gives detailed and valuable information that will help you to master both HTML and CSS coding skills. Geoff’s casual tone, real world examples, and the follow-along video make this course as entertaining as it is informative.Up your web design game and flaunt your newly crafted page in the World Wide Web! - Learn about the purpose of HTML5 and CSS3 - Know how to apply HTML5 and CSS3 skills into your site - Understand the step process when designing your site- Know how HTML and CSS supports a site development 


  • WordPress Bundle

    WordPress Bundle

    SGD $99.00

    Course Description

    Often when we think of WordPress, we think of blogging—but WordPress can do so much more! In this short, easy to follow course, you’ll discover everything you need to know to get your WordPress site online, including how to effortlessly register a domain name and set up web hosting, install WordPress, and begin using it to publish your work on the web. You’ll quickly get comfortable in the WordPress environment, and see how straightforward it is to create and format content, including text, images, and video. Then, you’ll find out how to control and extend your WordPress website with themes, widgets, and plug-ins. Once you learn WordPress, the sky’s the limit! Ready to jump into it? Then let’s get started!Deliver your blogging contents with WordPress. - Learn how WordPress can get you started with your first website - Learn different techniques for building themes from scratch - Know how you can make your contents available for people online - Realize your mock-up designs into actual themes in WordPress


  • How To Build a Registration and Login System

    How To Build a Registration and Login System

    SGD $79.00

    Course Description

    This course teaches the fundamentals of creating a registration and login system from scratch. You'll learn how to set up and connect to the database, allow visitors to register on your website and sign in, giving them access to member only areas. You'll also learn how to create admin only in specific areas, upload a profile picture as well as general tasks such as forgotten password reset, email activation and more.Learn how to craft your own registration and login system for your website.- Know how add in a login feature on your web page- Learn how to customize your login system for your website - Learn how to add in different features in your login system - Understand the process of applying a login system



HTML Fundamentals: Introduction


Hello And Welcome

Let's Get Started


From Ten Ton Dreamweaver: The Three Web Design Challenges, Part 1

The Three Web Design Challenges, Part 2

Viewing A Page's Background Code

So What The Heck Is HTML?

Understanding HTML Fundamentals

The Three Basic Components of HTML

The Two Types Of Elements: Block And Inline

Understanding What CSS Is About

Setting Up Your Page


Choosing Your Coding Application (And Setting Up TextEdit For The Mac)

Setting Up Basic Page Structure

Setting The Doctype And XMLNS Info

Saving Your Page And Previewing It In A Browser

Inserting A Page Title

Controlling & (Somewhat) Formatting Text


Understanding Whitespace And Creating Paragraphs

Creating Line Breaks

Inserting Non-Breaking Spaces

Handy To Know: Inserting Special Characters

Easy Formatting With Bold And Italics

Using Blockquote And Code Elements

From The Old World: Formatting Text

Creating Structural Headings

HTML Comments

Inserting Horizontal Rules

Introducing Div's

Building Bulleted & Numbered Lists


Creating Ordered Lists

Inserting An Unordered Lists

Here's How To Create A Nested List

TASK #1: Hand Code This List!

Let's Get Inserting Some Graphics


From Ten Ton Dreamweaver: Understanding Graphic Formats On The Web

Inserting Graphics, All By Hand

Applying Attributes To The Img Element

Understanding Relative Paths

Understanding Absolute Paths

Ready For Some Photoshop? Techniques For Resizing Graphics

Setting A Page Background

Connecting It All Together With Hyperlinks


Creating A Basic Hyperlink

Linking From A Graphic

Opening Links In A New Browser Window

Absolute And Relative Links, And Linking To An Internal Web Page

Linking To An Email Address

Linking To Anchors

Learning How To Hand-Code Tables


Setting Up The Basic Table Structure

Inserting Table Headers

Attributes For Tables

Attributes For Table Rows

Attributes For Table Cells

Inserting Nested Tables

Inserting Different Types Of Content Into Tables

TASK: Re-Create This Table!

A Page Within A Page: Adding In Iframes


Inserting An Iframe

Editing The Page That Appears Inside An Iframe

Loading An External Website Into An Iframe

Setting Iframe Attributes

Using Target="_parent" Links In Iframes

Building HTML Forms


Inserting Text Fields

Loadin' Up Some Checkboxes

Creating Radio Buttons

Inserting Text Areas

How About Drop Down Menus?

Creating Submit And Reset Buttons

Finally, Form Submission Settings

Audio & Video: Inserting Multimedia


Embedding Audio Files

Embedding Video Files

Linking To Audio And Video Files

Linking To Other Types Of Media

Wrapping It Up


Further Resources And Where To Go From Here

CSS Fundamentals: Introduction

Download Project Files

Welcome To Ten Ton CSS Fundamentals!

Getting Started!


The Basics: Understanding How CSS Works

Anatomy Of A CSS Rule

CSS Property Reference

Getting Set Up and Creating A Style Sheet

Getting Started With The Three Primary CSS Rule Types!


The Three Fundamental CSS Rule Types

Getting Started With HTML Selectors

Creating Class Selectors

Applying Class Selectors, Part One

Applying Class Selectors, Part Two

ID Selectors

Additional Properties and Introducing CSS Shorthand

Formatting Page Content!


Formatting Graphics

Creating A Floating Sidebar

Controlling Table Formatting With CSS, Part One

Controlling Table Formatting With CSS, Part Two

Technique: Advanced Table Formatting

Creating An Alert Message

Constructing A Quick Page Layout

Technique: Creating A Sticky Footer

Creating A Menu From An HTML List

Setting The Menu's Hyperlink Formatting

Style Sheets!


Moving Rules From An Internal Style Sheet To An External Sheet

Making Changes To An External Style Sheet

CSS Comments And Gettin' Your Style Sheet Organized

Applying An Alternate Design

Applying Multiple Style Sheets

Importing Style Sheets Into External Style Sheets

Technique: Creating A Printer-Friendly Style Sheet

Inline Styles

Understanding The Cascading Effect Of CSS!


Cascading, Part One: Introducing The Idea Of Cascading

Cascading, Part Two: Understanding Overrides And How Rules Combine Together

Cascading, Part Three: Understanding How Style Sheets Cascade

A Quick Note On Cascading External Style Sheets

Task: Take The Cascading Quiz

Using Firefox's Firebug Plugin

Resolving Conflicts With Dreamweaver

Using !Important

Wrapping Up!


Thanks For Watching

Welcome To CSS Floating Layouts!

Preview Available



A Note About Set Up

Download Project Files

CSS Float Fundamentals

Preview Available


Basic Floating

Using Floats On Multiple Items

Introducing Clear

A Practical Example: Creating A Thumbnail Gallery With Float And Clear

Practical Application of Float and Clear

Building A Flexible Layout


Creating The Basic Structure

Setting Properties And Testing The Layout

Inserting The Header

Inserting The Footer And Finalizing

Understanding How The Layout Works

Building A Combination Flexible / Fixed Layout


Building The Basic Layout Structure

Adding In Some Dummy Content

Setting Properties, Part 1

Setting Properties, Part 2

Final Layout Options

Final Layout Options


Setting Up The Structure

Setting Properties, Part 1

Setting Properties, Part 2

Final Layout Options

Still Want More? Check Out These Exclusive Bonus Lessons!


Building Dreamweaver CS3/CS4 Essential’s Layouts Using Floats, Part 1

Building Dreamweaver CS3/CS4 Essential’s Layouts Using Floats, Part 2

Creating Floating Layouts In Dreamweaver



Wrapping It Up

SGD $99.00
(Price excludes GST)
Convince your boss email
This site is best viewed using the latest versions of Google Chrome, Apple Safari, Mozilla FireFox, Microsoft Internet Explorer 11 and Edge which supports HTML5/Webkit technologies.