Scribd
Upload
4 views

01-1 HTML 5, CSS3 04

Uploaded by

Shahid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

01-1 HTML 5, CSS3 04

Uploaded by

Shahid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Course Design Document

Course Code
Course Name HTML 5, CSS3

Duration (in days) 4 Proficiency Level Front End Development


Pre-requisites None Target Audience Campus Hires

Learning Outcome

At the end of the program, participants will be able to learn:


 Work with HTML tags create web pages and link them.
 Work with HTML5 new elements.
 Change the look and feel of a webpage using Cascading Style Sheets (CSS).
 Do HTML5 styling with CSS and manage User experience across multiple browsers.

Day-wise Session Plan

Day Unit Objective(s) Hours


HTML
 HTML documents
 Using doctype
 The head element
 Using <head>
 The body element
 Using id and class attributes
HTML Text
 Headings
 Block and Inline Elements
HTML Lists
 List Types
 Creating Lists
 List Rendering
1 HTML Fundamentals HTML Links 8
 Link concepts.
 Linking Documents
 Understanding Targets
 Linking to Targets
HTML Tables
 Table Elements
 Structuring a Table
 Table Data
 Spanning Columns and Rows
 Formatting Tables
HTML Images and Objects
 Image and Object Concepts
 Adding Images
 Adding Objects
HTML Forms
HTML Forms  HTML forms fundamentals
 Form Basics

Course Design Document | 9 August 2024 | Proprietary and confidential information. © 2024 1
Course Design Document
 Form Settings
HTML form inputs
 Text inputs
 Selections
 Input attributes.
 Input commands.
2 Organizing HTML forms 8
 Labels
 Fieldsets
 Tab index
 Access keys
HTML form scenarios
 Scripting forms
 Handling multiple forms
What’s new in HTML5.
 What is HTML5?
 New HTML5 Elements
 New JavaScript APIs
 When is HTML5 Fully Compliant with All Browsers?
 Markup Example Before and After HTML5
 Detecting HTML5 Features
Semantic HTML
 What Is Semantic HTML?
 Auditing a Site for Semantic Issues
HTML Outlines
 Outlines in HTML4 vs. HTML5
3 HTML5 Fundamentals  Text-level Semantic Elements 8
 Semantic Forms
Forms
 New Input Types?
 New Input Types: Markup Review
 New Input Types: In Different Browsers to Native
Validation
 Using the Datalist Tag
 Working with Pseudo Classes
 Exposing Custom Validation Messages
 Native Validation Rules
 Custom Validation Rules
HTML5 Design
 XHTML vs. HTML5
 Building with HTML5
 HTML5 Audio & Video
 HTML5 Video Captions
Styling With CSS
 Overview of CSS
4 Styling with CSS  Adding CSS and How 8
 Fonts
 Colors
 Shadowing
 Rounded Corners
 Gradients
 Transforms
 Form Inputs

Course Design Document | 9 August 2024 | Proprietary and confidential information. © 2024 2
Course Design Document

Course Design Document | 9 August 2024 | Proprietary and confidential information. © 2024 3
Course Design Document

Course Design Document | 9 August 2024 | Proprietary and confidential information. © 2024 4

You might also like