Periode verslag V4 HTML5, CSS3 en JS
Introductie
In dit verslag ga ik alles zeggen wat ik heb geleerd afgelopen periode over websites
bouwen. In dit verslag heb alles genummerd. Elk nummer staat voor een opdracht.
Bij dat nummer ga ik uitleggen wat ik heb gedaan en wat ik heb geleerd. Ook voeg ik
soms wat screenshots toe. Ik hoop dat u ervan gaat genieten.
1. In deze opdracht had ik geleerd dat een website 3 aspecten heeft: structuur,
opmaak en interactiviteit. Ik heb ook geleerd dat HTML5 niet altijd goed wordt
ondersteund. Daarom moest ik google chrome en internet explorer laten
testen door: http://www.html5test.com
, De resultaten waren: Internet explorer: 297, Google chrome: 518. Dit betekent
dat chrome beter ondersteunt dan explorer.
2. Bij deze opdracht moest ik notepad++ openen. In 1 notepad++ bestand moest
ik aangeven dat ik een HTML-bestand ging maken. Daarvoor moest je klikken
op syntaxis dan op H en dan op HTML. Dit zorgde ervoor dat het bestand
altijd .html heette. In dit bestand ging ik een voorbeeldcode overtypen vanuit
het boek. Dit bestand moest ik opslaan als template.html (dit template
bestand zorgde ervoor dat ik later niet alles opnieuw hoefde te typen).
, Toen ik klaar was moest ik het bestand bekijken in een browser door te
klikken op: Uitvoeren -> run -> chrome of ander browser. Toen ik dit opende
zag ik een blanco pagina met alleen “sjabloon” geschreven helemaal boven in
het scherm.
3. In deze opdracht moest ik de tags invullen die ontbraken in het boek. Dit
waren de antwoorden: title, em, /p, /body. Dit waren de antwoorden, omdat
tags moeten openen en sluiten. Dus als p opende, maar het ging niet dicht.
Dan zou dat betekenen dat /p mist. Dit hoe ook op de andere antwoorden
kwam.
4. In html is er een tag: <!DOCTYPE html>. Deze tag laat zien dat de website
gebruikt maakt van HTML5. De tag <html lang=”nl”> laat zien dat de taal van
de site in het nederlands is. Soms kun je ook alleen <html> gebruiken. Het is
soms handig om een taal in erin te doen, want dan kun je een andere taal
gebruiken voor de site.
Er zijn ook andere tags zoals <head> hierin tref je: titel van site, informatie
over het karakter set en een verwijzing naar het gebruikte css bestand.
De tags hiervan zijn:
<title>
<meta charset="...">
<link rel="..." href="...">
Bij <meta charset=”...”> moet je een karakter set kiezen.
5. Karakter sets leggen vast welke afspraken met getallen zijn gemaak.
6. Nesten is het sluiten van tags.
7. In http://validator.w3.org kun je checken of je een geldig html-bestand hebt
gemaakt. Dat had ik dus gedaan, en het bestand was geldig.
Introductie
In dit verslag ga ik alles zeggen wat ik heb geleerd afgelopen periode over websites
bouwen. In dit verslag heb alles genummerd. Elk nummer staat voor een opdracht.
Bij dat nummer ga ik uitleggen wat ik heb gedaan en wat ik heb geleerd. Ook voeg ik
soms wat screenshots toe. Ik hoop dat u ervan gaat genieten.
1. In deze opdracht had ik geleerd dat een website 3 aspecten heeft: structuur,
opmaak en interactiviteit. Ik heb ook geleerd dat HTML5 niet altijd goed wordt
ondersteund. Daarom moest ik google chrome en internet explorer laten
testen door: http://www.html5test.com
, De resultaten waren: Internet explorer: 297, Google chrome: 518. Dit betekent
dat chrome beter ondersteunt dan explorer.
2. Bij deze opdracht moest ik notepad++ openen. In 1 notepad++ bestand moest
ik aangeven dat ik een HTML-bestand ging maken. Daarvoor moest je klikken
op syntaxis dan op H en dan op HTML. Dit zorgde ervoor dat het bestand
altijd .html heette. In dit bestand ging ik een voorbeeldcode overtypen vanuit
het boek. Dit bestand moest ik opslaan als template.html (dit template
bestand zorgde ervoor dat ik later niet alles opnieuw hoefde te typen).
, Toen ik klaar was moest ik het bestand bekijken in een browser door te
klikken op: Uitvoeren -> run -> chrome of ander browser. Toen ik dit opende
zag ik een blanco pagina met alleen “sjabloon” geschreven helemaal boven in
het scherm.
3. In deze opdracht moest ik de tags invullen die ontbraken in het boek. Dit
waren de antwoorden: title, em, /p, /body. Dit waren de antwoorden, omdat
tags moeten openen en sluiten. Dus als p opende, maar het ging niet dicht.
Dan zou dat betekenen dat /p mist. Dit hoe ook op de andere antwoorden
kwam.
4. In html is er een tag: <!DOCTYPE html>. Deze tag laat zien dat de website
gebruikt maakt van HTML5. De tag <html lang=”nl”> laat zien dat de taal van
de site in het nederlands is. Soms kun je ook alleen <html> gebruiken. Het is
soms handig om een taal in erin te doen, want dan kun je een andere taal
gebruiken voor de site.
Er zijn ook andere tags zoals <head> hierin tref je: titel van site, informatie
over het karakter set en een verwijzing naar het gebruikte css bestand.
De tags hiervan zijn:
<title>
<meta charset="...">
<link rel="..." href="...">
Bij <meta charset=”...”> moet je een karakter set kiezen.
5. Karakter sets leggen vast welke afspraken met getallen zijn gemaak.
6. Nesten is het sluiten van tags.
7. In http://validator.w3.org kun je checken of je een geldig html-bestand hebt
gemaakt. Dat had ik dus gedaan, en het bestand was geldig.
