Course Overview
The HTML & CSS course comprises sessions dealing with HTML document structure, tags, elements, and attributes, how to mark up and style headings, paragraphs, links, images, lists, tables, and forms. It also provides an introduction to HMTL5 and responsive web design a must, given that modern web sites should look good on all devices.
Read More
The delegate will learn how to construct and style a simple web site.
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.
The delegate will learn and acquire skills as follows:
• Building simple web pages
• Marking up document content
• Adding links and images
• Creating tables and forms
• Laying out page content
• Styling HTML elements
• Separating style from content
• Building responsive web pages
Who will the course benefit?
The HTML & CSS course is designed for those new to web development.
Read Less
Entry Requirements
Delegates should be able to navigate the filesystem, edit a file and browse the web. No programming experience is necessary.
Follow-on Course
• JavaScript 1
Exam
There is no exam requirement for this course.
Course Objectives
This course aims to provide the delegate with the knowledge to be able to construct and style a simple responsive web site with pages comprising headings, paragraphs, lists, images, links, tables and forms.
Syllabus – Key points
Course Contents – DAY 1
Course Introduction
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
Session 1: INTRODUCTION
- What is HTML
- What is CSS
- Structure and Style
- Versions and Browser Support
Session 2: HTML STRUCTURE
- Tags, Elements, and Attributes
- Typical Document Structure
- Document Type
- Entities
Session 3: SIMPLE ELEMENTS
- Headings
- Paragraphs
- Links
- Images
Session 4: COMPOUND ELEMENTS
- Nesting
- Lists
- Media Queries
- Tables
- Forms
- Divisions
Course Contents – DAY 2
Session 5: CSS STRUCTURE
- Selectors, Properties, and Values
- Class and ID Attributes
- Inline, Internal, and External styles
- Block and Inline Elements
- The Box Model
Session 6: STYLES
- Generic Styles
- List-specific Styles
- Table-specific Styles
- Positional Styles
Session 7: COMPLEX SELECTORS
- Combinators
- Pseudo Classes
- Pseudo Elements
- Attribute Selectors
Session 8: HTML5 & RESPONSIVE WEB DESIGN
- What is HTML5
- Responsive Web Design
- Responsive Grid Layout
- Introduction to Media Queries
- Responsive Web Design Frameworks
Notes
- Course technical content is subject to change without notice
- Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.
Reviews
There are no reviews yet.