Waar HTML zorgt voor een algemene layout, is CSS gemaakt om te details te voorzien. Denk daarbij aan onderandere de exacte positie van een element, kleuren, lettertype, letter groote en veel meer.
CSS staat voor Cascading Style Sheets, maar dat is waarschijnlijk nog steeds abracadabra voor je. Iets simpeler gezegd is CSS een programmeertaal waarmee je een website kunt opmaken. WordPress thema's bevatten allerlei codes. Met HTML en CSS kan er aangegeven worden hoe bepaalde elementen eruit komen te zien.
Nog een goede website om HTML, CSS en andere programmeertalen te leren is Codecademy. Je kunt je registreren op de website en een cursus volgen, maar je kunt ook direct beginnen met een cursus. Je krijgt een stuk uitleg en vervolgens moet je het uitvoeren en wordt er gecontroleerd of je alles goed hebt gedaan.
HTML staat voor HyperText Markup Language en vormt samen met CSS en JavaScript de basis voor elke webpagina.
JavaScript is een scripttaal waarmee je webpagina's interactief kan maken. Een stukje van een scripttaal bestaat uit een aantal opdrachten die de browser uitvoert. De browser ontvangt deze opdrachten als een HTML-pagina wordt ingeladen. De scripttaal staat namelijk in de HTML-code.
HTML en CSS worden namelijk gebruikt om websites te bouwen en vorm te geven. Waar je met HTML de inhoud en de indeling van een webpagina kan bepalen, wordt CSS gebruikt om de webpagina van vormgeving te voorzien.
Maar naar mate de ontwikkeling verder ging, kwam er behoefte aan het bekijken van de content op verschillende browsers en platforms en dit kon niet zo maar met de opmaak in de HTML elementen. CSS werd hiervoor in het leven geroepen.
CCS staat voor Cascading Style Sheets, hiermee kan de indeling en de grafische vormgeving van een complete website worden bepaald. Een CSS wordt apart geladen van de HTML code waarmee het maken van aanpassingen eenvoudiger is. Daarnaast kan het ook helpen om de SEO waarde van een website te verbeteren.
Een Basis HTML Bestand Maken
Een standaard HTML bestand is vrij simpel te maken. Het enige wat je nodig hebt is een tekst editor zoals bijvoorbeeld "kladblok" dat standaard bij Windows zit. Het is echter aan te raden om een HTML editor te gebruiken. Dit werkt makkelijker en sneller.
De meerwaarde van CSS.
De grote meerwaarde in het gebruik van Cascading Style Sheet is dat je niet voor elk HTML bestand een nieuw CSS bestand hoeft aan te maken, je kan namelijk binnen één Cascading Style Sheet bestand de vormgeving en opmaak voor de hele website bepalen.
Met CSS kan je bepaalde onderdelen van de pagina selecteren en van uitzicht veranderen. Belangrijke eigenschappen die je kan aanpassen zijn: Typografie: lettertype, lettergrootte, regelafstand, hoofdletters, initialen, kleur van de letters, tekstschaduw... Vorm: breedte, hoogte, randen, schaduwen, afrondingen...
PHP staat voor Hypertext Preprocessor en is een server-side scripttaal. Dat betekent dat de PHP code niet op de computer wordt uitgevoerd, maar op de server. De PHP script is dus onzichtbaar voor de gebruiker en de site ziet er uit als een gewone HTML-pagina.
Wat is het verschil tussen PHP en HTML? PHP (Hypertext Preprocessor) en HTML (Hypertext Markup Language) gaan hand in hand met elkaar. In tegenstelling tot PHP is HTML echter statisch. Dit wilt zeggen dat HTML vooral gebruikt wordt voor de content op een website aangezien het de platte teksten kan opmaken en stylen.
HTML staat voor HyperText Markup Language. Dit is een belangrijke programmeertaal die je laat zien hoe een website georganiseerd is.
Maak een nieuw CSS bestand
Klik in het dialoogvenster op CSS stylesheet. Voer vervolgens een naam in voor uw CSS stylesheet en klik op Create.
Anders dan HTML en CSS is JavaScript een echte programmeertaal én scripttaal. Dit betekent dat je er nog veel meer mee kan, maar het is dan ook wat lastiger om te leren. Maar wil je iets meer ontwikkelen dan een platte pagina, dan zul je JavaScript moeten gebruiken.
Nadeel van JavaScript
JavaScript maakt het mogelijk om pagina's dynamisch te maken, ze te laten veranderen zonder dat de hele pagina opnieuw geladen hoeft te worden. Dit maakt het lastig voor Google om de inhoud van de pagina goed te scannen met de zogenaamde crawlers.
Java is een OOP-programmeertaal terwijl JavaScript een OOP-scripttaal is. Met Java worden applicaties gemaakt die in een virtuele machine kunnen worden uitgevoerd. JavaScript-code kan alleen in een browser worden uitgevoerd. Java-code moet worden gecompileerd, terwijl JavaScript-code enkel uit tekst bestaat.
Afzonderlijke bestanden is een goed idee, want het maakt het makkelijk hetzelfde stylesheet voor verscheidene HTML-pagina's te gebruiken: je hoeft het stylesheet maar één keer te schrijven. Maar voor deze stap houden we alles in één bestand. We zullen een <style> element aan de HTML moeten toevoegen.
Het eerste wat je nodig hebt als je zelf een webpagina maken wilt, is een html-editor. Een goede, gratis editor die geschikt is voor zowel Windows, Mac en Linux is Brackets. Dit is de editor die ik tegenwoordig zelf het meest gebruik.
De tekstkleur wordt door de color property bepaald.
Het <nav> -element omsluit een blok met koppelingen die voor de navigatie instaan. Dit kan bijvoorbeeld een navigatiemenu van een website zijn. Spraaksynthesizers kunnen bijvoorbeeld dit element overslaan bij het voorlezen, zodat de gebruiker sneller de daadwerkelijke inhoud van het document te horen krijgt.
De laatste code die je kunt gebruiken is de code: text-transform: capitalize; Deze code zorgt ervoor dat alle eerste letters van de woorden in de tekst hoofdletters worden. Als deze letters al hoofdletters zijn in je HTML tekst (links) dan blijven deze ook groot op je website.