Bij het doorwerken van deze cursus tik je teksten en codes in in een editor. Tegelijkertijd moet je de cursus lezen. Hoe combineer je dat? Enkele mogelijkheden:
Soms is het handig om een venster te verkleinen, bijvoorbeeld om te bekijken hoe je website eruit ziet in een klein venster; of om twee vensters naast elkaar te zetten.
Dat gaat als volgt:
Vergeet niet om je html-document of je stijlblad op te slaan als je daarin veranderingen hebt aangebracht.
De meeste editors (incl. Notepad++ en Komodo Edit) laten de opgeslagen versie van je website zien in de browser.
De browser slaat een webpagina meestal op in de zogenaamde cache op de lokale computer.
De volgende keer dat de pagina wordt opgevraagd laadt de browser de pagina niet van internet of van de plek waar je zelf de webpagina hebt opgeslagen, maar haalt hem uit de cache.
Daardoor wordt de pagina sneller getoond en is er minder internetverkeer nodig. Maar daardoor wordt de ongewijzigde pagina getoond.
Door de pagina te verversen laadt de browser de pagina, zodat de wijzigingen in beeld komen.
Bij de behandeling van het stijlblad gebruik ik nog wel eens het regelnummer (dan zeg ik iets als: verander op regel 226 van je stijlblad....). Daarom is het van belang om in het stijlblad geen regels te verwijderen of toe te voegen.
Als er in de cursus wordt gevraagd om (tijdelijk) een stijlregel te verwijderen, kan je dat het beste op een van de volgende manieren doen:
Bij het tijdelijk weghalen van verschllende opeenvolgende regels zet je de /* vooraan de eerste regel die moet gewist (of achteraan de regel ervoor). De */ zet je achter de laatste regel die moet worden gewist.
Gebruik je één computer en wil je goed zien wat het effect is van een verandering in je stijlblad dan kan je het best als volgt handelen:
Let op: bekijk de webpagina NIET door in de notepad++ of Komodo op Uitvoeren (resp ) te klikken, want dan wordt de pagina automatisch ververst en dat willen we niet.
Deze tip werkt voor zover ik weet alleen in de browser Firefox. Firefox heeft een aantal hulpmiddelen voor webontwikkelaars. Een van die hulpmiddelen is de responsive design modus. In deze modus kan je een aantal vaste schermafmetingen instellen en je kan de randen van het venster verslepen, waarbij steeds de schermhoogte- en breedte wordt aangegeven. Ideaal!
Je start de Responsive design modus als volgt:
Je kan het venster vergroten of verkleinen dor de randen te verslepen. Zo zie je hoe je website daarop reageert. Steeds staan de afmetingen boven het venster.
Je sluit de Responsive design modus weer door op het kruisje x rechtsboven te klikken of door wederom op Ctrl+Shift+M te drukken.
In deze cursus worden verschilende kleuren en lettertypen gebruikt.
Voor de betekenis, zie Afspraken over kleur en lettertype.