Training: HTML5 and CSS3 – Fundamentals

Ref. HTM-01

Download PDF

Duration:

2

days

Exam:

Not certifying

Level:

Fundamental

Funding:

Eligible

Home > Trainings > Development > Web Development > HTML5 and CSS3 – Fundamentals

Description

This course is intended for Web developers who wish to get the most out of the HTML markup language. This course focuses on creating highly effective Web pages as well as on the essential building blocks of an HTML document.

Participant Profiles

Web developers who need to implement Web-based solutions and work in a HTML document environment
Webmasters who want working knowledge of HTML to create and maintain Web sites
Project managers who must have a basic understanding of what is possible to accomplish with HTML and related technologies

Objectives

Be familiar with the building blocks of the HTML 5 markup language and
Understand how to design and layout Web pages
Create tables and lists
Understand how to develop Web pages and forms
Have a working knowledge of Cascading Style Sheets 3 and the formatting power they can bring to your Web pages

Prerequisites

A basic familiarity with PC’s and Windows
A basic understanding of how the Internet works

Course Content

Module 1: Introduction and basics

Lesson 1: What is HTML
Lesson 2: What is HTML Follow Along Guide
Lesson 3: HTML vs Programming languages
Lesson 4: Creating an HTML file using notepad ++
Lesson 5: How to use tag
Lesson 6: What are the attributes
Lesson 7: Literally working on HTML document
Lesson 8: HTML document hierarchy rules
Lesson 9: Making the HTML document readable
Lesson 10: White spaces and preformatted text
Lesson 11: Styling and formatting text using some HTML tags
Lesson 12: Abbr tag and Title attribute
Lesson 13: HTML Entities

Module 2: HTML Lists

Lesson 1: Unordered lists
Lesson 2: Ordered Lists
Lesson 3: Type and value attribute for formatting HTML Lists
Lesson 4: Nesting multiple lists
Lesson 5: Making description

Module 3: HTML Tables

Lesson 1: Building tables
Lesson 2: Table heading
Lesson 3: Managing table height and width
Lesson 4: Using colspan attribute
Lesson 5: Using rowspan attribute
Lesson 6: Nested Tables
Lesson 7: Cell spacing and Cell padding
Lesson 8: Creating a complete website layout using tables

Module 4: URLs, Links and iframing

Lesson 1: Understanding URL and its parts
Lesson 2: Linking a webpage to another webpage
Lesson 3: Linking to an HTML file which is on a sub directory
Lesson 4: Linking a webpage to a back directory’s HTML file
Lesson 5: Bookmarking
Lesson 6: Target Attribute
Lesson 7: Linking all the pages and making a linked and navigated website
Lesson 8: Iframes
Lesson 9: Creating navigation page and adding it on all pages using iframe tag

Module 5: HTML and Images

Lesson 1: Adding Images
Lesson 2: Adding Inline Images
Lesson 3: Linking up images with webpages and other images
Lesson 4: Title and Alt attribute
Lesson 5: Course Feedback Checkpoint – How Are You Enjoying Our Course So Far?

Module 6: Intro to CSS and some basics

Lesson 1: What is CSS
Lesson 2: Inline CSS
Lesson 3: Internal CSS
Lesson 4: External CSS
Lesson 5: The Div Tag

Module 7: CSS Selectors

Lesson 1: Different states of anchor tag
Lesson 2: Sibling and Child selector of CSS

Module 8: CSS Dimensions

Lesson 1: Height and width properties
Lesson 2: Pixels and Percents
Lesson 3: Margination
Lesson 4: Padding
Lesson 5: Important rules of dimension

Module 9: CSS Box model

Lesson 1: CSS borders
Lesson 2: Expanded way of CSS borders
Lesson 3: CSS Backgrounds
Lesson 4: Floating and clearing

Module 10: CSS Lists, Text & Fonts and Tables

Lesson 1: CSS Lists
Lesson 2: Adding Images to CSS lists
Lesson 3: Creating a simple navigation bar using CSS lists
Lesson 4: CSS text
Lesson 5: CSS fonts
Lesson 6: CSS tables

Documentation

Digital courseware included

Lab / Exercises

During the course participants are encouraged to actively participate in the learning experience by running example files during lectures and performing coding challenges during labs
Each lab session allows you to compare your solution to the instructor’s

Complementary Courses

HTML5 and CSS3 – Advanced | HTM-02

Eligible Funding

ITTA is a partner of a continuing education fund dedicated to temporary workers. This fund can subsidize your training, provided that you are subject to the “Service Provision” collective labor agreement (CCT) and meet certain conditions, including having worked at least 88 hours in the past 12 months.