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
- / 3
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).
- / 3
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: . Deze tag laat zien dat de website gebruikt maakt van HTML5. De tag laat zien dat de taal van de site in het nederlands is. Soms kun je ook alleen 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
hierin tref je: titel van site, informatie over het karakter set en een verwijzing naar het gebruikte css bestand.De tags hiervan zijn:
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.
- / 3