HTML & CSS Combo Essentials Introduction 2 Days - Glasgow

HTML Introduction 2 Days Overview

This 2-day Essentials course will cover everything you need to get started with producing HTML and styling your content with CSS. You will learn how web pages are structured under the hood and how you can put together your own files for the web. We will also show you how to use CSS to control every aspect of a site's visuals: its fonts, colours, leading, margins, and more.

Upon successful completion of this course, you will be able to:

• Understand the syntax and structure of HTML pages
• Insert tags, attributes, and values into a page
• Define titles, headings, and page regions
• Add links, alternate text content, and background images
• Position and resize images and other page elements
• Work with colours
• Use correct styles instead of deprecated HTML tags
• Design without relying on tables
• Include padding, margins, borders, and backgrounds
• Write selectors to target only specific parts of a page
• Produce horizontal and vertical navigation bars
• Style hyperlinks
• Differentiate between external, embedded, and inline styles

Our goals are for you to understand how to create and adjust your own HTML documents, and for you to understand how to enhance the visual appearance of your web pages.

Course Target Audience and delegate prerequisites

This course is intended for anyone interested in producing or editing content for the web.

You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media.

HTML Introduction 2 Days Course Outline

The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.

• 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

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

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

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

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

• Depreciated Style tags
• Linking to CSS
• Defining Media type

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

• Ordered & Un-Ordered Lists
• Nested Lists
• Data Types and Definitions
• Special Characters
• Adding title attribute
• Using the
• Cite, dfn, var, abbr
• Related 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

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

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

• The 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

• 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

• Browser Codecs
• Encoding in H264
• Encoding in Ogg Theora
• Encoding in VP8

What's Included

The following are provided for your best experience on this course:

• All computers for your use with choice of Windows or Mac systems
• Small class size (limited to a maximum of 4-6 attendees on all sessions)
• Quality reference manual for post course reference to take away with you
• 6 months post course support to assist you where needed
• Official Authorised Certificate for your successful completion of the course
• Lunch To give you the most flexible options for lunch we provide lunch vouchers which can be redeemed locally at a number of popular eateries including Pret A Manger, EAT, Starbucks, Tesco, Sainsburys, Boots and Greggs
• Refreshments to keep you on top form are available for you throughout the course with a full range of teas, coffees and biscuits
• Pads and pens

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.

Further details on benefits included with this HTML course:

Training Location

This course is provided at our Scotland training centre located in central Glasgow at:

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.

Scheduled Course Enquiry

If you are considering this HTML Introduction 2 Days Course but would like further information simply send us your query quickly & easily with the form below. Whether you would like to check date availability, pricing, course suitability or just need further information about a course send us your query and we will get you a swift reply, usually within 2 business hours!

If you would prefer to check course details by phone please call us on 0345 363 1130.

Related Courses

Bespoke HTML Training

Our bespoke course options for HTML training are shown below:

Bespoke HTML Training Courses

HTML - 1 Day Introduction Training Course

HTML and CSS - 2 Day Introduction Training Course

HTML5 and CSS3 - 2 Day Introduction Training Course

HTML Email Marketing - 1 Day Introduction Training Course

Testimonials

I found this course very much helped me to reach that next level and totally filled in all the gaps of my HTML and CSS knowledge. The trainer was fantastic and I am now starting to look for more courses to do with XChange.

Garrit Glasby, Australian High Commission, HTML & CSS - 2 Day Introduction

Very good course, covered all the basics very thoroughly and took time to answer any questions I had.

Rachel Varnam, Airwave, HTML & CSS Introduction - 2 Days

Very well structured and clearly explained. Good facilities, resources and class size. Met all expectations and realised objectives. Would definitely consider XChange Training for future requirements.

Aoife Breen, UCLU, HTML & CSS - 2 Day Introduction

Very happy with the training and will be taking away a lot of HTML knowledge

Linda Diep, Optimus Education, HTML & CSS for Emails - 2 Day Intermediate Training

Thoroughly enjoyable course. I have learned a great deal over the two days, putting a lot of things into perspective.

Jill Williamson, East of England Development Agency, HTML & CSS - 2 Day Introduction

Very enjoyable and informative. The fact that full and unrestricted access to learning materials and assets (i.e. presentations and demonstration files) was given throughout the course was a welcome change from other providers.

David Swingler, Fingo, HTML & CSS - 2 Day Introduction

Excellent course content and structured in such a way that it is easy to understand for the beginner. Thank you for the excellent course.

Tami Penswick, Yahoo, HTML & CSS - 2 Day Introduction

Really enjoyed the course, it was very helpful - thank you!

Linda Smith, BSKYB, HTML - 1 Day Introduction

Brilliant day - fun and informative. Covered exactly what I needed.

Lisa Simmonds, Penguin Books, HTML - 1 Day Introduction

The instructor was very knowledgeable and patient and went at just the right learning speed for my level. One to one tutorial has been very beneficial for my learning of HTML and CSS and a great introduction.

Dawn Irons, Imago Group plc, HTML and CSS - 2 Day Introduction