HTML Training & Web Principles: $595
Course Description
HTML is the foundation upon which web pages are constructed. Even if you plan to use a web authoring tool such as Dreamweaver or a CMS (Content Management System) that generates the HTML code automatically, having a solid understanding of HTML makes learning those systems much easier and ensures that you can work with the HTML code directly to fix any problems that may arise. Similarly, to create HTML emails, a solid understanding of HTML is beneficial to work effectively. This course is available in Sydney, Melbourne and Brisbane. Custom training can also be organised at our training rooms or onsite at your place of work.
What you will learn
During the 1-day HTML course, the following topics are covered:
- — HTML Fundamentals
- — HTML Versions
- — HTML vs. XHTML
- — HTML tag syntax
- — Planning Your Web Site
- — Web Design Overview
- — Adding Text Content
- — Preparing and Inserting Images
- — Web Page Layout (CSS)
- — Linking to Other Pages and Sites
- — Anchored Links
- — Defining Lists
- — Creating Tables
- — Basic CSS Formatting
- — Linked and Embedded Style Sheets
- — Fonts & Colour
Who Should Attend and Prerequisites
If you wish to create websites or HTML email marketing newsletters, this course will provide you with a thorough understanding of what HTML is and how it works. And if you are intending to learn Dreamweaver or attend the HTML newsletters course, this is an ideal precursor to our 2-day Essentials Dreamweaver course and our 1-day HTML Email course.
See the outline below for more in-depth detail:
Course Outline
HTML Fundamentals
- Overview
- Reasons to learn HTML
- Troubleshooting
- Create cleaner and leaner sites
- Useful for Search Engine Optimisation
HTML tag syntax:
- Elements
- Attributes
- Values
Measuring units
- Pixels
- Percentages
- Ems
The <html>, <body> and <head> tags
- Tags: closed or empty
- Deprecated Tags
- Inline & block level elements
- Parent / children relationships (nested tags)
- Special characters & whitespace
Web Design Overview
- File and folder naming conventions
- File extensions
- Spaces & special characters
- Lower case characters
- Home page considerations
HTML vs. XHTML
- Doctype
- Case sensitive
- Define structure
- Closed elements
- Why use XHTML instead of HTML
- What are Cascading Style Sheets
- What is JavaScript
- Browsers and source code
- Firefox Web Developer Toolbar
Overview of the planning process
- Number of pages
- Target Audience
- File organisation
Overview of the design process
- XHTML Doctype and encodings
- Strict
- Traditional
- Frameset
Text Content
- Creating mono -spaced text
- Creating pre -formatted text
- Blockquote
- Abbreviations & Acronyms
Layout a Web Page
- Title Tag
- SEO tips
- Heading tags
- Divs for creating layout blocks
- Code comments
Inserting Images / Graphics
- Inserting images
- Optimise and save considerations
- Interlaced GIFs & Progressive JPGs
- Resolution
- GIF, JPG & PNG
- The 'alt' attribute
- The ‘title’ attribute
- Horizontal rules
Linking to Other Pages
- Terminology
- Absolute vs. relative paths
- Targeting links to open in a new window.
- Linking to files in other folders
- Creating and linking to named anchors
- Creating an email link
- Adding a subject attribute
Defining Lists
- Ordered lists
- Unordered lists
Creating Tables
- Table tags
Styling a Web Page with CSS
- CSS syntax
- Selector, Property, Value
- Selector types
- Basic Selectors
- Element, .class
- Advanced Selectors
- #id, Pseudo class, Grouped, Contextual/ Compound
