
Web Development Foundation - HTML & CSS
Overview
The Web Development Foundation - HTML & CSS course introduces delegates the core aspects of web development technologies for those delegates beginning web development. Covering markup with HTML, XHTML and introducing HTML5, through styles and separation of styling concerns using CSS, and including aspects of web design and IDE/tool choices, this wide reaching course serves as a broad coverall for those new to the web technology landscape.
The course should serve as a starting point for web developers, providing the preliminary knowledge to move towards proficiency in a chosen area.
Prerequisites
Attendees should be familiar and comfortable with the basic use of the keyboard and mouse as well as having had exposure to browser environments such as Microsoft Internet Explorer, Firefox or Opera.
Objectives
By the end of the course delegates should be able to:
- Understand the need for HTML, XHTML, and CSS
- Appreciate the W3C DOM
- Appreciate the need for JavaScript/AJAX
- Understand web development tools and techniques
- Review common web languages
- Use open source software to build web pages
- Understand the web landscape
Outline
Course Contents - DAY 1
Course Introduction
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
Session 1: INTRODUCTION TO INTERNET TECHNOLOGY
- Internet Evolution
- Internet Protocols
- Prevalent Internet Technologies Investigation
- Current Browser and Web Programming Discussion
- Current Tools and Technologies Discussion
- W3C and Internet Governance
Session 2: W3 Basics
- URLs and navigation
- Ports in action
- The HyperText Transfer Protocol
- Browser operation
- HTTP interactions
- Client Request and Server Response
- MIME
Session 3: INTRODUCTION TO HTML/XHTML
- HTML/XHTML Document Structure
- Core HTML/XHTML Language Structures
- Basic Text Commands
- HTML vs. XHTML
- Links and Webs
- Images and Multimedia
- Introducing HTML5
- Validators and Consistency Checkers
Session 4: FURTHER HTML
- Using Tables
- Using Forms
- Images and Multimedia
- HTML5: Markup, Forms, Video and Audio, Canvas
Course Contents - DAY 2
Session 5: INTRODUCTION TO CSS
- CSS Basics
- CSS Inheritance, Classes and ID's
- Applying CSS to Markup
- Fonts and Colours
Session 6: FURTHER CSS
- The Box Model
- Div and Span Elements
- Layout and Positioning
- Introduction to CSS3
Session 7: Extras
- Browsers: Firefox, Opera, Internet Explorer
- IDE's and Browser Plugins
- Rich Internet Applications
Session 8: JAVASCRIPT INTRODUCTION
- The Role of JavaScript
- JavaScript Fundamentals