HTML Class – Week 05

Link to all Classes     Week 1     Week 2     Week 3     Week 4      Week 5     week 6

Today’s Class

  • CSS
  • Feedback

CSS

We will continue working through the CSS section on W3Schools: http://www.w3schools.com/css/default.asp.

By now you should understand the purpose or function of CSS. It is mostly responsible for the styling of online documents. CSS is also responsible to view documents for different platforms and outputs.

Examples of Output and Display for web-content. Image: live.surveyshack.com

Examples of Output and Display for web-content. Image courtesy of: live.surveyshack.com

Having CSS allows you to change the font, image sizes, layouts to suit different requirements. The ideal size for a font will be different if viewed on a widescreen monitor or on a mobile phone.

After last week you should be aware of the differences between inline, internal and external CSS: http://www.w3schools.com/css/css_howto.asp

We will go through the Styling related tabs as well as the box model. I will ask you to trial the different options as we work through to the Box Model together.

NOTE: In class we worked through the Styling Backgrounds and Styling Text Tabs. We wook time to look at a number of CSS related aspects and we spend a good time exploring the Styling Backgrounds examples.

Screenshot W3Schools: CSS Background Style

Screenshot W3Schools: CSS Background Style

Make sure to explore these ones in some depth:

Trial the links above and change the code from background-position:right top to left top and change the margin to margin-left:240px. Play around with the settings and observe the changes by submitting them in the TryIt Editor.

<!DOCTYPE html>

<html>

<head>

<style> body

{

background-image:url(‘img_tree.png’); background-repeat:no-repeat; background-position:left top; margin-left:230px;

}

</style>

</head>

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Online Cluster – Week 3

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Content:

  1. Assessment
  2. Feedback

 

Text from MyKangan:

Open the attached document with a set of tasks for you to explore.

Your task: Download the attached word document and:Look up the Occupational Health and Safety Act 2004 (OHS Act). Find out who is responsible for workplace safety and who has duty of care at a workplace.

Define the term ‘hazard’ in a OHS context. Define the SAM principle and what the Think Safe steps are! State six methods to respond to a hazard

Upload your completed document

The Forum and the task are available on MyKangan. Please participate in the forum. A humorous response is more than welcome as long as it is in context and not vulgar.

All the tasks from previous weeks can be uploaded as well.

Assessment

Please complete the Assessment OHS 1

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

C2 – SEO – Week 05

Link to all Weeks     Week 2     Week 3     Week 4      Week 5     Week 6     Week 7

Today’s Class

Due to me being sick I would like you to work individually through Google’s SEO Starter Guide.

Google Search Engine Optimisation Starter Guide

Please work through pages 14 – 19 on your own. This will include information on how to write better anchor text and how to write descriptive alt attributes for images.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!