HTML

Achtergronden

Een achtergrond op je website maken doe je binnen de body tag.

Je kunt kiezen voor een kleur, een plaatje of allebei.

een kleur

<body bgcolor = "#666">

Hiervoor moet de html kleurcodes gebruiken. Deze beginnen met een hashtag# en daarna een getal. Een overzicht van de diverse kleuren en codes vind je hier.

een plaatje

<body bgcolor = "#666" background = "bc.jpg" >

Let op! Het plaatje wordt over de hele pagina herhaald. In HTML is dit niet op te lossen tenzij je kiest voor een plaatje dat precies de omvang van je beeldscherm heeft in pixels. Op een ander, groter beeldscherm krijg je weer hetzelfde effect.

Een 19 inch beeldscherm heeft standaard een resolutie van 1280 x 1024 pixels. Je kunt bij google zoeken naar afbeeldingen van precies deze maat.

De verwijzing naar je plaatje kan ook een url zijn.

<body bgcolor = "#666" background = "https://wallpaperscraft.com/image/windows_

minecraft_game_glass_desktop_93995_1280x1024.jpg" >

De letterkleur

Als je een donkere achtergrond kiest, is de tekstkleur vaak niet te lezen. Je kunt de kleur van je tekst wijzigen met de tag <font>

<font color = "white"></font>

meer voorbeelden hier

Opdracht 1.

a. Open in kladblok het bestand summer

Het nummer "summertime blues" is door diverse artiesten opgenomen. Een van de hardste versies was van Blue Cheer. Zoek een foto op van deze groep en voeg deze toe aan summer.html

b. Zet de foto in het midden van de website

c. Zet de tekst in het midden van de website

d. Zoek een stukje informatie over Blue Cheer en zet dat in je pagina

e. Geef de website een achtergrond kleur

f. Blue Cheer's geluidsversterking bestond uit een muur van Marshall torens (full stack). Zoek hier een foto van en gebruik die als achtergrond passend in een 22 inch scherm.

De resolutie van je beeldscherm kun je o.a. vinden met deze site

g. pas eventueel je letterkleur aan

 

Sla het bestand op onder je naam.html en stuur het als bijlage naar leerbeer@gmail.com met als onderwerp html3.

 

 

 

 

 

©jw webdesignsin