Training: HTML5 and CSS3 – Fundamentals

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