• Technical IT

    Solutions delivered throughout the UK
  • Business Applications

    Solutions delivered throughout the UK
  • Professional Best Practice

    Solutions delivered throughout the UK
  • Professional Development

    Solutions delivered throughout the UK

HTML 101 Rookie

HTML 101 Rookie
  • Price £697.00
  • Level Introduction
  • Duration 3 day(s)
All major credit cards accepted

Description

HTML (includes HTML5 Elements)

This class provides you with the concepts and skills to use HTML effectively. You get
hands-on practice working with basic through advanced techniques to get the most out of your experience.
You will learn the basics of coding for web design, beginning with HTML and advancing to more complex HTML5 fundamentals.

Prerequisites

People new to Web design that desire a deeper understanding of HTML, and the new standards of web design.

Assumed Knowledge

We will assume little or no prior knowledge of HTML and CSS in this course but you should have a basic working knowledge of either the Windows or Mac.

Skills

  • Basics of HTML,
  • Planning your Web Site
  • Semantics on the web
  • Images and Hyperlinks
  • Understanding Properties
  • Working with page structure
  • HTML5 Canvas
  • Building Forms with HTML5 validation

Course Content

The World Wide Web

  • Client Side vs. Server Side
  • The web technologies
  • Evolution of the World Wide Web
  • What is Web 2.0
  • Workings of HTTP
  • The fundamentals of the web
  • What is AJAX?
  • The W3C
  • Web Standards
  • Web Accessibility

Browsers

  • What is a Browser?
  • Browser Wars
  • Netscape to Chrome
  • Browser Statistics
  • A Modern Browser
  • Cross-Browser compatibility issues
  • Internet Explorer 6 issues
  • Mobile Browsers

The Syntax

  • A self-closing tag.
  • block vs. inline
  • Site Architecture
  • File & Folder Management
  • Site definition
  • Naming conventions
  • Defining assets

The DOCTYPE

  • The Different DOCTYPE’s
  • What is a DOCTYPE
  • HTML5 DOCTYPE
  • The DTD
  • XML declaration issue
  • XHTMLising your code
  • Document Object Model
  • HTML5 Default options

The HEAD

  • Adding Meta tags
  • Keywords, Descriptions and Refresh
  • The Character Set
  • HTML Comments
  • Script Tag

CSS in HTML

  • Deprecated Style tags
  • Linking to CSS
  • Defining Media type
  • div & span tags

The BODY

  • HTML tags & elements
  • Deprecated tags
  • Semantics in the language
  • Page Structure
  • Headings & Paragraphs

Semantic Tags

  • Ordered & Un-Ordered Lists
  • Nested Lists
  • Data Types and Definitions
  • Special Characters
  • adding title attribute
  • using the address tag
  • cite, dfn, var, abbr
  • the small tag and it’s semantics
  • code, kbd, samp and pre
  • Quoting in HTML
  • bold, strong, italic and emphasis

Tables

  • Table headers
  • Accessibility in Tables
  • Nesting Tables
  • Adding Captions
  • Merging columns and rows

Web Images

  • GIF, JPEG and PNG
  • What the future holds
  • SVG and Canvas
  • When to use what image format
  • Image attributes
  • Alternate text for Accessibility
  • Figure Captioning

Hyperlinks

  • The anchor tag
  • Jump links to an ID
  • relative & absolute links
  • server side relative linking.
  • open new tabs
  • Linking to an email address

Forms

  • The form tag
  • GET vs. POST
  • action method
  • Text fields
  • Setting Accessibility labels
  • Text Area
  • Check boxes
  • Drop-down lists
  • Radio buttons
  • Radio Groups
  • Upload a file
  • Fieldset & accessibility
  • Submit & Reset buttons
  • Javascript form onclear

HTML5 in Forms

  • email, url, date, week input types
  • time, datetime, month input types
  • number, range and search input types
  • tel & color input type
  • list, autofocus and required attributes
  • multiple, pattern and autocomplete
  • min, max and step

Publishing

  • Buying a Domain
  • Buying hosting space
  • File transfer Protocol
  • Uploading files to a server
  • Testing online

Make Enquiry

Course Enquiry
  •  
  •  

Book Now

Course Enquiry
  •  
  •  

Find your local training centre