HTML5/CSS3: Beginner

From £497.00

Course Duration: 2 Days
This course covers:

  1. Introduction to HTML
  2. Basic Page Structure
  3. Formatting Page Content
  4. Structuring Content
  5. Creating Links, Lists
  6. Working with images
  7. Tables in HTML5
  8. Controlling Styling
  9. Basic Scripting
Clear

Get 10% off when you book a course using our supported cryptocurrencies!

Benefit from the Wisdom

Delivering Quality Training since 2006.

Training Budget Maximised!

Lower Price Match Guarantee & Flexible Training Vouchers

Cutting-Edge Training

From industry experienced professionals.

Work Faster, Earn More

Reduce your production time by improving all your workflow processes.

Gain a Competitive Edge

Boost your career by improving your skills and getting Accreditation.

This course teaches you essential Web page development skills. You will learn to develop Web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS). You will learn to write code manually, as well as use graphical user interface (GUI) authoring tools. You will also learn to insert images, create hyperlinks, and add tables, forms, video, and audio to your Web pages.

Who is this course for?

Students and professionals who are interested in Web site development can benefit from :

  • IT professionals
  • Marketing professionals
  • Graphic artists
  • Web site designers

Assumed Knowledge

No prior experience using the Internet, developing Web pages or configuring networks is necessary. However, students should be familiar with an operating system such as Microsoft Windows 7 before taking this course.

What you will learn

In addition to learning about HTML5 and CSS coding, you will learn how to use HTML5 Application Programming Interfaces (APIs) to extend the functionality of Web pages, such as geolocation, drag-and-drop, canvas, and offline Web applications.

Throughout the course, you will learn how Web sites are developed as managed projects. You will also identify e-commerce solutions and relate Web site development to business goals.

Outline

Introduction to HTML

  • Basic HTML syntax
  • The current state of HTML
  • HTML resources
  • Choosing a code editor

Basic Page Structure

  • Exploring HTML document
  • The Doctype Declaration
  • The document head
  • The Lang Attribute
  • Meta Tag: The Unicode Character Set
  • The document body
  • Understanding content models

Formatting Page Content

  • Formatting content with HTML
  • Using heading
  • Controlling line breaks
  • Emphasizing text
  • Displaying special characters
  • Displaying images

Structuring Content

  • Common web page elements
  • The nav element
  • The article element
  • The section element
  • The div element
  • Other semantic-elements
  • Using WAI-ARIA roles
  • Using ID Selectors
  • The Background-Image Property
  • The Box Model
  • Padding and Margin Spacing
  • Setting Div Width

Creating Links

  • Relative links vs absolute links
  • Working with URLs
  • Anchors within documents

Creating List

  • Numbered (ordered) lists
  • Unnumbered (unordered) lists
  • Definition lists
  • Using list items for navigation

Working with images

  • Adding image links
  • The GIF, JPEG and PNG formats
  • Compression issues
  • Alternative text

Tables in HTML5

  • Tables vs CSS
  • When to use tables and when not to
  • Creating a table
  • Creating rows
  • Creating columns

Styling a table

  • Styling row and column settings
  • Creating borders
  • Adding colours

Controlling Styling

  • HTML and CSS
  • Creating inline styles
  • The style element
  • Controlling typography
  • Adding color
  • Externalizing styles

Basic Scripting

  • Difference between server-side and Client-side scripting
  • The script element
  • Writing a function
  • Using the DOM
  • Listening for an event
  • Responding to events

Reviews from our Awesome Students

Lifetime Access to our Virtual Campus

That’s us. That’s you. Enquire Now!

Contact Information

Book a Meeting

Book a meeting with Sharjil, our expert Learning Paths Advisor.

Give Us A Call (United Kingdom)

Give Us A Call (United States)

Send Us an Email

General Enquiries: office@academyclass.com

Training Enquires: training@academyclass.com

Support Enquiries: support@academyclass.com