MYP5

1. Simple tables

<table>
  <tr>
    <td>
      this is the 1st row, 1st column
    </td>
    <td>
      this is the 1st row, 2nd columm
    </td>
  </tr>
  <tr>
    <td>
      this is the 2nd row, 1st column
    </td>
    <td>
      this is the 2nd row, 2nd column
    </td>
  </tr>
</table>

this is the 1st row, 1st column	this is the 1st row, 2nd columm
this is the 2nd row, 1st column	this is the 2nd row, 2nd column

CSS attributes of <table>:

As with <img> with tables we can also use attributes

border-width, border-style, border-color

margins

width and height

We can also use attributes for text-formatting (font-family, font-style, font-size, font-weight, color...) - this will then change all text inside the table.

These are the new attributes (not that they can also be used for the tag <body> to input an image into the background):

`background-color`	background color for the table
`background-image`	defines the background picture for the table
`background-repeat`	can be repeat, repeat-x, repeat-y and no-repeat
`background-position`	can be top, center, bottom, left, right

CSS attributes of tags <tr> and <td>:

You may use all attributes mentioned above, except for margins; be careful also with border attributes - can be applied only to a cell, not to a whole row, note also that borders of the table are different from those of a cell... The attributes below are used mainly with the <td> tag:

`text-align`	horizontal alignment of the text in a row, can be left, right, center and justify
`vertical-align`	vertical alignment of the text in a row, can be top, middle, bottom, baseline, sub, super, text-top and text-bottom

Important HTML attributes of <td>:

`colspan`	number of columns the cell spans through
`rowspan`	number of rown the cell spans through

2. Half-year project

Your project for this half-year is to create a complex web page. The first page of the web site should be an introduction consisting of:

a welcome
some information about you, your hobbies, favorite links, e-mail contact...

The rest of the site should be concentrated on one of these IT themes:

computer and IT security (here come all the viruses, antiviruses, spam protection, hacking protection etc.)
computer hardware - choose one of
1. Input/Output devices
2. Recording devices
3. CPUs, motherboards and memories
computer networking - types of network, telecommunication etc.
computer ergonomics (the correct way of sitting in front of the computer, where the screen should be, what colors and contrast are not harmful for the eyes etc.)

To get an idea of how complex the site should look like, have a look at this site.

You should write a Project journal documenting your progress, your research and your ideas about the project. You have to bring the journal with you to school with at least one new entry for a week. I'll always let you know what I'd like to see in your journal in the next class. I'll chceck your journals every week.

You will receive 4 marks for this project - three will go into this half-year (on for the web-site itself - coding in HTML, usage of CSS, well-arranged tables for menu and information etc.; one for the contents - how well did you cover and explain the topic; and one for the project journal and the weekly progress during the class and at home), one will go into the second half-year (for presentation of your site and the information - how well do you know your topic and how well can you present and explain it to others).