InstructorAlice Hamilton
TypeOnsite Course
Time9am-5pm (1 day)
PlaceSydney, Melbourne, Brisbane
Seat0/10
Price Call for a quote
Buy NowBook Now

Training Bookings/Enquiries

Located in Sydney, we travel to you Australia wide. No training space? Just let us know and we’ll arrange one for you.

Code next to web page

Course description

Web pages are created with HTML and styled using CSS. HTML allows you to define web page structure and elements such as text content, graphics, tables, lists etc.

Web browsers read this HTML & CSS code and display the specified elements accordingly. Having a solid understanding of HTML & CSS is advantageous when using programs such as WordPress, Drupal or when creating HTML newsletters.

In this HTML course you will learn how to code HTML, explore web site design and planning principles and look at common web design terminology.

Outcomes

At the end of this course, students will have a good understanding of HTML and the web design process and will be able to edit HTML pages.

Prerequisites

There are no prerequisites for this course.

Section 1HTML Fundamentals
Lecture 1HTML – overview & uses
Lecture 2Tag syntax: structure & rules
Lecture 3Elements, attributes & values
Lecture 4Measuring units – px, %, em
Lecture 5Closed & non closing tags
Lecture 6Best practices
Lecture 7Inline & block level elements
Lecture 8Nesting tags
Lecture 9Adding special characters
Section 2Web Design Overview
Lecture 10File & folder naming conventions
Lecture 11Cascading Style Sheets overview
Lecture 12JavaScript overview
Lecture 13Browsers & page rendering
Lecture 14Firefox Web Developer Toolbar
Lecture 15Planning a website
Lecture 16Website design process
Section 3Text Content
Lecture 17Creating paragraphs
Lecture 18Blockquote text
Lecture 19Abbreviations & acronyms
Section 4Setting Head Tags
Lecture 20Creating a Title tag
Lecture 21Creating a Meta Description tag
Lecture 22SEO (Search engine optimisation) tips
Section 5Layout a Web Page
Lecture 23Defining heading tags
Lecture 24Using Divs for creating page layout
Lecture 25Code comments
Section 6Inserting Images
Lecture 26Inserting images
Lecture 27Optimise & save considerations
Lecture 28Image resolution recommendations
Lecture 29GIF, JPG & PNG file types
Lecture 30The ‘alt’ attribute
Lecture 31The ‘title’ attribute
Section 7Linking to Other Pages
Lecture 32Absolute vs. relative link paths
Lecture 33Opening linked pages in new tabs
Lecture 34Linking to files in your site
Lecture 35Linking to external sites
Lecture 36Creating & linking to named anchors
Lecture 37Creating email links
Section 8Defining Lists
Lecture 38Working with lists
Lecture 39Ordered / numbered lists
Lecture 40Unordered / bulleted lists
Lecture 41Using lists to defined grouped elements
Section 9Creating Tables
Lecture 42Create tables & table tags
Lecture 43Making tables accessible
Section 10Styling with CSS
Lecture 44CSS syntax / structure and terminology
Lecture 45About selector types
Lecture 46Creating and using selectors: element, class, id, contextual
Lecture 47Colour & the hexadecimal system

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.