Ik ga jullie hier een overzicht geven van verschillende praktische tips die jullie kunnen gebruiken bij het uitwerken van jullie opdrachten.
Op deze pagina kan je een website ingeven om het te laten controleren en te zien of de HTML valid is. Dit is een goeie manier om te zorgen dat je webpagina / HTML volledig in orde is.
Hier kan je de website ingeven en controleren op fouten:
Hier kan je de html file uploaden en controleren op fouten:
https://validator.w3.org/#validate_by_upload
Hier kan je de html code / tekst plakken en controleren op fouten:
https://validator.w3.org/#validate_by_input
Als je bij bepaalde fouten niet goed begrijpt wat je moet doen, aarzel niet om mij te contacteren.
je kan gebruik maken van deze VS Code extensie om binnen Visual Code hulp te krijgen over mogelijke fouten.
Hier leg ik uit hoe je een pagina of een blok kan centreren met behulp van Flexbox
Hier leg ik uit hoe je verschillende elementen kan mooi rangschikken / in layout zetten
Hier leg ik uit hoe je met GitHub desktop je project kan binnen halen en uploaden
Hier leg ik uit hoe de bolletjes van een unordened list (<ul>-element) kan weghalen. En hoe je een onderlijning kan zetten op een list item (<li>-element)
Hier leg ik uit hoe van een lijst een horizontale navigatie lijst kan maken door flexbox te gebruiken en het style attribuut justify-content.
Deze video leg ik uit hoe je zelf stijlen kan opzoeken. Leer Googelen!!!
Deze video leg ik uit hoe video & audio elementen kan gebruiken in je profiel.
Deze video leg ik uit hoe je een lokale afbeelding kan tonen.
Onderstaande video leg ik uit hoe je je profiel foto kan toevoegen van bijvoorbeeld facebook.
Om de link naar een bestand of afbeelding te zien, en aan te passen is het handig dat je je bestands extensies ziet. In de video leg ik uit hoe je die extensies kan zien.
Om meer gestructureerd te werken en vlugger fouten in je HTML te zien, is het goed om regelmatisch je code te formatteren. Dit wil zeggen om die te structureren op een meer orderlijke manier.
Het is ook mogelijk om bijvoorbeeld te linken naar verschillende plaatsen in hetzelfde HTML bestand.
In plaats van telkens handmatig je basis HTML structuur te typen kan je in Visual Studio code ook gebruiken van volgende snelkoppeling om een snippet (klein stukje code) te genereren.
Dat doe je op volgende manier
Dan zou je de standaard structuur moeten zien verschijnen;
Voor sommige opdrachten is het belangrijk dat je al je bestanden kan indienen als 1 bestand. Dit doe je het best door die archiveren naar 1 bestand. Dit noemen we ook wel “zippen”. In onderstaande video zie je hoe je dit doet.