Exploring HTML5 & CSS

To register for this course, please visit the course page at CAIT’s website.

Description

HTML (Hypertext Markup Language) is the “language of the Web”. In this course students learn how to build Web pages using semantic HTML5 tags for content and structure, and basic CSS for formatting and some page layout. Taught by two experienced instructors who have over three decades of web design and development experience between them, you will learn both principles and real world solutions that will make your websites work beautifully.

Audience

Exploring HTML5 & CSS is for all IS and non-IS professionals who are interested in learning how to code webpages using HTML & CSS.

Prerequisites

There are no prerequisites for this course.

Objectives

• Find out about the essential components of a webpage & website
• Learn to develop web pages the correct way using semantic HTML5 elements for structure and CSS for formatting and page layout
• Understand some of the most important concepts of CSS: inheritance & the Cascade
• Discover Markdown, an HTML preprocessor
• Delve into picking & presenting the perfect fonts using CSS
• Find out the best places to acquire great, legal multimedia resources you can use

Outline

• Web development intro
  • Browsers & rendering engines
  • Elements, attributes, & values
  • DTDs
  • Character encoding
  • Comments
  • Editing
  • Templates
• HTML5 overview
  • Categorization
  • Elements
  • Global attributes
  • Character entities
  • Dealing with Internet Explorer
  • Tools
• Markdown
• CSS overview
  • Basic selectors
  • Formatting CSS
  • SPAN & DIV
  • Integrating CSS
  • Inheritance
  • Cascading
  • Tools
• CSS: fonts & formatting
  • Basics
  • Typography & the Web
  • Font properties
  • Font stacks
  • Text properties
  • Line box properties
  • Multi-column layout
  • Punctuation
  • Embedded fonts
• Forms
• Images & multimedia
  • Formats
  • Finding images & multimedia

Slides

All the slides for this course are available under a Creative Commons license.