CCC-Web Worksheet

Uni of Portsmouth Logo

Disco

In this worksheet you'll apply the skills you've acquired so far. It will act as both a revision opportunity for everything you've discovered as well as a chance to learn more and gain a deeper understanding of core web technologies.

Task 0: Preparation

  1. Create a folder for this week’s work: call it disco. Place any files you create in it.
  2. Create a file called disco.html that contains the following content: <!DOCTYPE html> <meta charset=UTF-8> <title>Disco</title> <article> <section> <h1>Disco:</h1> </section>

Task 1: An HTML Discovery Log

You should (by now) have plenty of notes about your discoveries of basic HTML, CSS and Images (either electronically or on paper).

  1. Copy the content from wherever you've been recording it into the disco.html page (it will look very unstructured at first).
  2. Experiment with HTML elements and styles to present the contents clearly, effectively and accurately.
  3. As you build your page…
    1. You will be discovering new things, so remember add these to the log too.
    2. Remember check the validity of the page using the W3C Markup Validation Service (and be sure to understand why).