HTML/CSS

Advanced

an eWord company

 

 

 

General Course Information

This course expands upon the skills learnt in the Electus HTML Introduction course. By focussing in greater detail on the use of CSS (Cascading Style Sheets) in the construction of a website.

 

The student will learn how to build websites that are:

  • Search engine friendly
  • Easier to maintain
  • Have faster loading times
  • Have increased accessibility across multiple platforms

 

You will learn to

Ø  Understand the importance of separating content (HTML) from presentation (CSS)

Ø  Write clean, accessible HTML that is easier to maintain

Ø  Create external and embedded CSS style sheets

Ø  Use CSS to style:

·         HTML text elements (headings, paragraphs, lists etc)

·         HTML tables

·         HTML links and navigation

·         Images

·         Whole blocks of content

Ø  Create custom CSS styles

Ø  Create basic (table-less) layouts using CSS

 

What skills you need

It is assumed that participants have basic computer and internet skills and some familiarity with a ‘windows’ type environment. A basic knowledge of HTML is assumed, no programming or scripting languages experience is needed.

 

Electus Training

Electus is a South Australian company with 20 years of experience in training.  Trainers and facilitators at Electus are chosen for their expertise, practical and broad experience in their field and a relaxed and friendly manner.

 

Training includes

Each participant receives a training reference manual/workbook and supplementary training materials. 

Refreshments and lunch are provided.

 

Duration

1 day

9:00am-4:15pm

 

Who needs to come

Anyone wanting to create websites for personal or business use. While there are many ways to build a website, this course endeavours to teach the student the correct and most technically up to date method of doing so. The skills introduced in this class are highly sought after in the field of website development, and place the student in a well informed position on the future and importance of web standards.

 

Regular Venue

37 Angas Street

Adelaide SA

(near Victoria Square)

 

How to book

Contact Electus by
phone: (08) 8221 5517
fax: (08) 8221 5518
email: mail@electus.com.au

 

Course dates

Visit www.electus.com.au for the latest course schedule or ring us on (08) 8221 5517.

 

HTML/CSS Advanced

 

 

Course Content

 

HTML – markup with meaning

·         Tools required

·         Using HTML tags correctly

·         Writing clean markup

·         Organising your page structure

·         The correct doctype

CSS Fundamentals

·         Block level elements

·         Inline elements

·         Style inheritance

·         Why ‘Cascading?’

Attaching CSS

·         Inline CSS

·         Embedded CSS

·         External CSS (best practice)

CSS Rules

·         Descendant selectors

·         Class selectors

·         ID selectors

·         Anchor Pseudo selectors

Text Formatting

·         Font families (arial, times etc;)

·         Font sizes

·         Line height

·         Font weight (bold text)

·         Font colour

·         Text Decoration (underline)

Working with Block Level Text

·         Paragraphs

·         Headings

·         Blockquotes

 

Lists

·         Controlling margins and padding

·         List styles

·         Horizontal and vertical lists

·         Decorating your lists

Images

·         Positioning images

·         Adding a border to an image

·         Setting margins on an image

Tables

·         When to use tables

·         Adding borders to tables and table cells

·         Working with margins and padding

·         Setting widths and heights

·         Styling table text

·         Setting background colours

·         Setting an image as a background

Page Layouts – Introduction

·         What’s so bad about tables?

·         Understanding the box model

·         Understanding the normal flow of boxes

·         Static positioning

·         Relative positioning

·         Absolute positioning

·         Floating boxes

Page Layout examples

·         Single column

·         Two column

·         Three column

·         Fixed width and fluid layouts