Boxes, Lists, Tables, Forms 

Dr Andres Baravalle

Lab activities

Activity #1

Open the Moodle site for this module and complete the lab activities for "Text", "Boxes" and "Lists tables and forms".

Activity #2

  1. Open the "What is Free Software" paper here: http://www.gnu.org/philosophy/free-sw.html. We are going to make a stand-alone version of the document, and we are going to style it.
  2. Use the English version of the page!
  3. Copy the content of the paper (from "What is Free Software"), leaving out verything else (navigation, site layout etc).
  4. Paste the content inside a new HTML5 page
  5. Clean up any broken HTML if needed
  6. The page has a missing h1; set h1 and tittle appropriately

 

Activity #3

  • Add a border to the first paragraph
  • Set a suitable set of properties for the border, including border radius

Activity #4

  • Set the width of the first paragraph (the one starting with "The free software definition presents [...]") to 75%
  • Add a text indent to the paragraph

 

Activity #5

  • Capitalise all headings
  • Increase the line-height and set a larger word-spacing and letter spacing for the headins only
  • Justify the paragraphs

Activity #6

  • Add a blurred shadow that will show on the south-west corner of the first paragraph

This work

This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License (what does it mean? you can copy/modify/redistribute this content).

Creative Commons License