Web Publishing : Intro to HTML & CSS

Introduction

This module is a brief introduction to HTML and CSS; the primary coding languages used to make web pages.

They're not the only coding languages however.

Do I need to understand code?

Applications such as Adobe Muse, Wordpress, Wix, Weebly, Squarespace, Adobe Dreamweaver and Mobirise write the code for you so why bother writing the code?

Because despite their extensive capability, they can't do everything.

That's where writing the code yourself can make up for any shortcomings. All it takes is an understanding of how to write html and css and a code editor. There's a lot of options for that such as Notepad++, TextEdit, Dreamweaver, Brackets, HotDog or Atom.

All you need to get started in this module are these basic tools and a desire to learn.

The Assessment Tasks

There are three assessment tasks in this module used to address the Elements and Performance Criteria for the unit:

  1. Write the code for a basic web page.
    You need to demonstrate a basic understanding of how to code with HTML by producing a simple webpage with images, text, links to another site and an email link.

  2. L'ton Flood Control Site | Transform your website using CSS.
    Make your website easier to read, more interesting and add visual "appeal" by using CSS to control layout, link appearance, custom typefaces, and background artwork.

  3. Validate your code.
    Test your website's code for coding errors, broken links and level of accessiblity.

 

The Unit
This module is based on one unit of competence. You are encouraged to read the unit description to get an idea of what's expected of you. Specifically read the "Performance and Knowledge Evidence" (near the bottom of the assessment requirements document).

CUADIG302 Author interactive sequences

The Learning Tasks

This module features a sequence of learning tasks that build your skills starting with the following research assignment which looks at definitions & terminology that provide a foundation for subsequent lessons.

 

Learning Task 1 : Research Assignment

Answer these short questions to help you develop some underpinning knowledge. Show sources (URLs or texts).

  1. In your own words write a brief overview of the Internet; specifically how it started, what it was initially used for, who started it and what was the first thing communicated on it. Cite sources.
  2. What's the percentage of users using a mobile to access the web? (cite most recent source including date of source)
  3. Who maintains coding standards for making web pages and why are these standards important? Cite sources.
  4. In your own words define HTML and CSS.
  5. Describe three things about the Internet that have had the biggest impact on you.
  6. What's Search Engine Optimisation (SEO)? Why is it important?
  7. What is Semantic HTML and why is writing Semantic HTML code important?
  8. What's website accessibility? Suggest three tips to make your web site accessible. Suggest three popular screen-reader solutions (software). Suggest three free solutions (cite URLs) that can test your website's accessibility.
  9. Find an example where a lawsuit was brought against a website for being inaccessible. Write a brief description of the lawsuit. Extra credit for referencing an Australian case.
  10. In your own words, describe what "Responsive Web Design" is and why it's important.

Submission Guide

  • Submit your responses in MS Word format, include any useful artwork, references, links etc.
  • 2-3 pages A4 @ 11pt.
  • Zip the file and submit via email for feedback.

 

Chris Adams 2017

Next lesson | HTML

In the next lesson we look at the structure of an HTML page.