HTML 2 and Colours

1 Assessment

  1. Making a webpage
  2. Putting a webpage online: 10 marks
  3. Assignment new codes: 10 marks
  4. Assignment colours: 20 marks

TOTAAL: 50 punten wordt omgerekend naar 10 punten

 

2 Revision of last lesson

2.1 Webpage

Prove what you can by making the next webpage.

- save your webpage as index.html (a browser will always look first for the file named index.html to open as the first page);

- write one paragraph of five lines about yourself;

- give your webpage the title 'Welcome to my site";

- I want to see the word "Homepage" in the blue horizontal bar of the webpage;

- indicate your name in bold in the text;

- underline the village or town where you live;

- put the word 'hobby' in italics in your text;

- show an image from the internet on your webpage which tells something about you and use it as a background image on your webpage;

- make your motto or a quote which you love a lot move under the first paragraph (use the marquee code);

- put three hyperlinks to your favourite sites on your webpage and make sure that if you click the links, they'll open in a new screen.

Show me your webpage online by following the instructions in 2.2 FTP.

 

2.2 FTP

You get some webspace on http://www.projectx2002.org. To upload files on this webspace, follow the next instructions:

Step 1: Go to http://www.net2ftp.com/ and use the data from the little paper which you have received during this lesson.

Step 2: After logging in you'll see a liste with all the first names of you class mates. Double click on your first name to enter your directory.

Step 3: Click on the yellow button UPLOAD and select the file which you want to put online.

Step 4: Click on the green tick and the upload will start.

Step 5: To  check whether your file is online, go to http://www.projectx2002.org/seminarie/yourfirstname/nameoffile.html.

A browser will always look for index.html to start up automatically if you haven't added any specific name of a html file.

OPDRACHT: Plaats je eindopdracht van vorige week op deze webruimte en laat dat aan mij zien.

 

2.3 Adding colours

Work further with the webpage which you have just made.

- Give your webpage a colour as a background. You can find the codes for colours at http://members.chello.nl/a.kaljee/tagpages/kleurcodes.html or you can use English colour names.

- Add three images of logos of well-known sites.

- Make three hyperlinks to these sites.

- Turn these images into hyperlinks by cutting and copying the source of the image (<img src="nameimage.jpg">) between <a href="http://www.namesite.ext"> and </a>.

Put this new file online as described in 2.2 FTP and show me.

 

3 New codes

Make a new webpage and call it "index.html".

- Put a hyperlink to the other webpage on your webspace.

- Make sure that your first name and family name appears in the browser TAB (by putting it between <title> and </title> in the HEAD section of the HTML pagina.

- Make a list of ingredients to make spaghetti. See http://www.w3schools.com/html/html_lists.asp for the codes. I want a numbered list.

- Make a list of five songs which you like a lot. I want a list with no numbers.

- Copy and paste the next texts on your webpage.

<p>ALINEA 1: Pardoes heeft een groot, dik boek. Het Boek der Zeven Waarheden. In dit boek kan iedereen zich laten inschrijven. Dat kost niets en levert heel veel Efteling-plezier op! Als je in het Boek der Zeven Waarheden staat dan ontvang je gratis de digitale nieuwsbrief 'Magische Mail'. Pardoes heeft een groot, dik boek. Het Boek der Zeven Waarheden. In dit boek kan iedereen zich laten inschrijven. Dat kost niets en levert heel veel Efteling-plezier op! Als je in het Boek der Zeven Waarheden staat dan ontvang je gratis de digitale nieuwsbrief 'Magische Mail'. Pardoes heeft een groot, dik boek. Het Boek der Zeven Waarheden. In dit boek kan iedereen zich laten inschrijven. Dat kost niets en levert heel veel Efteling-plezier op! Als je in het Boek der Zeven Waarheden staat dan ontvang je gratis de digitale nieuwsbrief 'Magische Mail'.</p>

<p>ALINEA 2: Het is heel gemakkelijk om je naam op te laten nemen in het Boek der Zeven Waarheden. Want je hoeft alleen maar bijgaand formuliertje in te vullen en te mailen naar de Efteling en het Efteling-plezier en voordeel valt vanzelf in de bus! Het is heel gemakkelijk om je naam op te laten nemen in het Boek der Zeven Waarheden. Want je hoeft alleen maar bijgaand formuliertje in te vullen en te mailen naar de Efteling en het Efteling-plezier en voordeel valt vanzelf in de bus! Het is heel gemakkelijk om je naam op te laten nemen in het Boek der Zeven Waarheden. Want je hoeft alleen maar bijgaand formuliertje in te vullen en te mailen naar de Efteling en het Efteling-plezier en voordeel valt vanzelf in de bus!</p>

<p>ALINEA 3: Via de Magische Mail blijf je op de hoogte van alle Efteling nieuwtjes. Een aantal keer per jaar ontvang je deze digitale mail. Hierin staan o.a. nieuwtjes, wetenswaardigheden, kortingsacties, spelletjes en laatste informatie over de Wereld vol Wonderen. Via de Magische Mail blijf je op de hoogte van alle Efteling nieuwtjes. Een aantal keer per jaar ontvang je deze digitale mail. Hierin staan o.a. nieuwtjes, wetenswaardigheden, kortingsacties, spelletjes en laatste informatie over de Wereld vol Wonderen. Via de Magische Mail blijf je op de hoogte van alle Efteling nieuwtjes. Een aantal keer per jaar ontvang je deze digitale mail. Hierin staan o.a. nieuwtjes, wetenswaardigheden, kortingsacties, spelletjes en laatste informatie over de Wereld vol Wonderen.</p>

- Download the next image: http://www.projectx2002.org/html/efteling.jpg
and save it in the same map as index.html. Learn at http://www.echoecho.com/htmlimages03.htm how you can resize the online display of the image.

- Put the image in the left corner of the first paragraph. See http://www.echoecho.com/htmlimages08.htm to learn how.

- Put the image in the right corner of the second paragraph. See http://www.echoecho.com/htmlimages08.htm to learn how.

- Put the image in the middle of the third paragraph. See http://www.echoecho.com/htmlimages08.htm to learn how.


 

 

 

Last update 16.01.2014