Realdolmen Education

Details

Working with HTML and CSS

This course is currently not scheduled on the open calendar, but can be organized on request.

Request Course

Duration

2 day(s)

Audience

Web developers and content managers who want to learn about HTML and CSS

Prerequisites

Basic computer skills. No specific technical background is required.

Objectives

After completing this course, participants will know enough about HTML and CSS to be productive on an existing project, or create a simple modern website.

Methods

Classroom training with hands-on exercises

Description

The future is web. If there is one trend in the IT inductry that can be clearly distinguished it must be the movement towards HTML and CSS. Granted, both HTML and CSS have been around for some time, but recent evolutions in the IT market, like HTML5 and the rise of mobile devices, have reinvigorated this trend. One has to start at the beginning to become a master of any arts though, and with HTML and CSS the beginning is a solid understanding of the principles of the technology.

This is exactly what this course offers; a thorough foundation of both HTML and CSS skills, taught by experienced web developers. Using a combination of formal teaching methods, many practical exercises and a lot of advice by established web developers, we assure that participants don?t miss out on any of the important principles behind HTML and CSS. This will provide an ideal stepping stone for growing further in the world of the web, and is an absolute requirement before delving into more advanced topics such as HTML5, CSS and JavaScript.

In the first part, we will take the time to start from scratch in learning the foundation: the semantic model or HTML page. This will include creating a basic page structure, images, anchors, tables, forms, containers and formatting elements. This part of the course has been carefully designed not to require any previous technical knowledge, and is thus suited for both to-be web developers as content editors for CMS products like Drupal.

In the second part, we will deal with the looks of our website. Using the content from the HTML semantic model, we will style our site so that it looks appealing, and invites people to stay on your site. We will focus primarily on the technical aspects of this styling with CSS, but any creative thinking about the design of your site will surely come in handy. We will teach you how to turn the ideas in your head into a real website. Topics involved are formatting styles, positioning and layout.

Contents

  • Working with HTML and CSS
    • Agenda
      • Agenda
    • Introduction
      • The Internet
      • Publishing a Website
    • Basic Page Structure
      • HTML Pages
      • Web Browsers
      • Tags and Elements
      • Attributes
      • Block-Level and Inline Elements
      • Nested Elements
      • Document Structure
      • Doctype
      • Head Elements
      • Link, Style and Script Elements
      • Meta Element
      • Http Header Meta Information
      • Page Meta Information
      • Body Element
      • Testing, Debugging and Validating
      • Comments
      • Exercise #1
    • Semantic Elements
      • Section Headers
      • Paragraphs and Line Breaks
      • Formatting as Semantic or Presentation Elements
      • Basic Formatting
      • HTML 5 Semantic Elements
      • Exercise #2
      • Ordered Lists
      • Unordered Lists
      • Definition Lists
      • Nested Lists
      • Exercise #3
      • Images
      • Horizontal Rules
      • Anchors
      • Exercise #4
      • Tables
      • Irregular Tables
      • Logical Table Groups
      • Exercise #5
      • Forms
      • Form Elements
      • HTML 5 Form Elements
      • Control buttons
      • Exercise #6
      • Embedding Foreign Objects
      • Exercise #7
    • Cascading Style Sheets
      • What are Styles and Style Sheets?
      • Creating Style Sheets
      • Style Cascading
      • Exercise #8
      • Selectors
      • Measurement Units
      • Formatting Properties
      • Exercise #9
      • Layout
      • Box Model
      • Display
      • Exercise #10
      • Positioning
      • Floating
      • Clearing
      • Exercise #11
    • Summary
      • Conclusion