Training: HTML5 and CSS3 – Fundamentals

Ref. HTM-01
Duration:
2
 days
Exam:
Not certifying
Level:
Fundamental

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

Temptraining funding

ITTA is a partner of Temptraining, the continuing education fund for temporary workers. This training fund can subsidize continuing education for anyone who works for an employer subject to the Collective Work Agreement (CCT) Rental of services.
Prix de l'inscription
CHF 1'500.-
Inclus dans ce cours
  • Training provided by an industry expert
  • Digital documentation and materials
  • Achievement badge

lun24Juin(Juin 24)09:00mar25(Juin 25)17:00VirtuelVirtual Etiquettes de sessionHTM-01

lun24Juin(Juin 24)09:00mar25(Juin 25)17:00Genève, Route des Jeunes 33B, 1227 Carouge Etiquettes de sessionHTM-01

lun29juil(juil 29)09:00mar30(juil 30)17:00VirtuelVirtual Etiquettes de sessionHTM-01

lun29juil(juil 29)09:00mar30(juil 30)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionHTM-01

lun02Sep(Sep 2)09:00mar03(Sep 3)17:00VirtuelVirtual Etiquettes de sessionHTM-01

lun02Sep(Sep 2)09:00mar03(Sep 3)17:00Genève, Route des Jeunes 33B, 1227 Carouge Etiquettes de sessionHTM-01

lun07Oct(Oct 7)09:00mar08(Oct 8)17:00VirtuelVirtual Etiquettes de sessionHTM-01

lun07Oct(Oct 7)09:00mar08(Oct 8)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionHTM-01

lun11Nov(Nov 11)09:00mar12(Nov 12)17:00VirtuelVirtual Etiquettes de sessionHTM-01

lun11Nov(Nov 11)09:00mar12(Nov 12)17:00Genève, Route des Jeunes 33B, 1227 Carouge Etiquettes de sessionHTM-01

lun16Déc(Déc 16)09:00mar17(Déc 17)17:00VirtuelVirtual Etiquettes de sessionHTM-01

lun16Déc(Déc 16)09:00mar17(Déc 17)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionHTM-01

Horaires d’ouverture

Du lundi au vendredi, de 8:30 à 18:00.

Contactez-nous

Votre demande

Opening hours

Monday to Friday, from 8:30 am to 06:00 pm.

Contact us

Your request

X
X
X
X