Date : Tue, 01 Aug 2017 - Tue, 31 Oct 2017 Last Date of Registration : Mon, 31 Jul 2017
No. of Classes/ Sessions : 16 Total Hours : 32
Duration : 3month Time : 6.00 pm - 8.00pm
Category : IT and Technology
Resource Person

View Profile
Associate Resource Person

Training Details

Start Date: Tue, 01 Aug 2017
Last Date of Registration: Mon, 31 Jul 2017
Training Fee: 10000.00
Vanue: House # 2B, Road # 12, Mirpur Road, Dhanmodi, Dhaka- 1209, Bangladesh

Who Can Attend?

Web developers, web designers People who want to become web designers and developers Web design students Total beginners


Computer based, Interactive Lecture, Power Point Presentation, Case Study, Group Work, handout etc.

Special Note

Certificate awarded by Australian Academy of Business Leadership

HTML & CSS Essential Training
Objective of this Training

The objective of this “crash course" is to take someone who is a “mouse and keyboard" user and teach them the essentials of web development by teaching HTML, CSS and some HTML5.

This is a fundamental course for learning HTML and it does not assume that participants have prior knowledge.

By the end of the HTML, CSS and HTML5 essentials course, you will know the essentials for creating your first website.

If you are unaware of the new the features and tags that HTML5 offers, HTML5 essentials course is a course intended for you. This insightful and fast paced overview will help you quickly discover exactly what makes HTML5, the 5th revision of HTML, such an important standard to learn.


Training Overview & Outline

Part 1: Overview

  • What is HTML?
  • Examining the structure of an HTML document
  • Understanding tags and containers
  • Exploring content models in HTML5
  • Looking at obsolete elements

Part 2: Fundamentals of HTML

  • Understanding whitespace and comments
  • Displaying text with paragraphs
  • Applying style
  • Using block and inline tags
  • Displaying characters with references

Part 3: Metadata and the Document Head

  • Exploring the front matter of HTML
  • Applying CSS to your document
  • Adding scripting elements
  • Using the meta tag
  • Optimizing your page for search engines

Part 4: Text

  • Controlling line breaks and spaces
  • Exploring phrase elements
  • Using font markup elements
  • Highlighting text with mark
  • Adding headings
  • Exploring preformatted tex
  • Formatting lists
  • Forcing text direction
  • Suggesting word-break opportunities
  • Annotating East Asian languages

Part 5: Image

  • Using images
  • Flowing text around an image
  • Breaking lines around an image
  • Aligning images
  • Mapping links in an image

Part 6: hyperlink

  • Understanding URLs
  • Working with hyperlinks
  • Specifying a base URL
  • Linking within a page
  • Using image links

Part 7: List

  • Exploring list types
  • List elements in depth
  • Using text menus with unordered lists

Part 8: Structural, Contextual, and Semantic Elements

  • Introduction to HTML semantics
  • Exploring an example
  • Marking up figures and illustrations
  • Creating collapsible details

Part 9: Audio, Video, and Other Objects

  • Embedding audio
  • Embedding video

Part 10:HTML5 Data Elements

  • Creating ad-hoc Document Object Model (DOM) data with the data-* attribute
  • Displaying relative values with meter
  • Creating dynamic progress indicators

Part 11: HTML5 Microdata

  • Overview of HTML5 microdata
  • Exploring an example with microdata

Part 12: HTML5 Microdata

  • Document Outlines
  • A demonstration of outlining

Part 13: Tables

  • Table basics
  • Exploring the semantic parts of a table
  • Grouping columns

Part 14: Frames

  • Frames overview
  • Using traditional frames
  • Exploring inline frames using iframe
  • Simulating frames with CSS

Part 15: Forms

  • Introducing forms
  • Using text elements
  • Using checkboxes and radio buttons
  • Creating selection lists and dropdown lists
  • Submit and button elements
  • Using an image as a submit button
  • Keeping context with the hidden element
  • Setting tab order
  • Preloading an autocomplete list using the datalist feature
  • Displaying results with output

Part 16: A Case Study

  • Touring a complete site
  • Touring the HTML