HTML eerste stappen – Conclusie
Ik denk dat ik de HTML-handleiding hier afrond, maar ik zal doorgaan met het publiceren van HTML-lessen als er nieuwe ideeën bij me opkomen. Het kan lijken alsof de handleiding erg kort is, maar de titel luidt tenslotte “Eerste stappen”. Ik vind het niet nodig om hier alle HTML-tags te beschrijven — dat zal ik later doen in een aparte HTML-referentiegids.
Als je verder wilt leren, raad ik je aan om met CSS door te gaan. Dat is het onderdeel van HTML waarmee je de opmaak van HTML-elementen kunt regelen, zodat alles er mooi uitziet.
HTML-handleiding – aanvullende materialen
Met HTML kun je je eigen website maken. Deze HTML-handleiding leert je veel over het schrijven van een HTML-website. De HTML-lessen zijn eenvoudig te begrijpen — je zult plezier beleven aan het leren van HTML.
CSS-handleiding
Dus, je hebt het boek over HTML gelezen en nu zet je de volgende stap naar het maken van je eigen mooie website — je begint CSS te leren. Waarom is CSS nodig? Als je mijn boek Eerste stappen in HTML hebt gelezen, heb je waarschijnlijk gemerkt dat het een vrij beknopte gids is. Ik heb bewust veel tags en attributen overgeslagen die te maken hebben met opmaak: cursief, vet, kleur, vorm, markering. Dat deed ik met opzet, omdat je ze niet nodig zult hebben.
CSS-handleiding – Les 1 – CSS-stijlen koppelen
Ik ga niet uitleggen waarom CSS nodig is. Als je deze handleiding hebt geopend, betekent dat dat je het graag wilt leren. Ik zal alleen zeggen dat de mogelijkheden van CSS enorm zijn en het mogelijk maken om lay-outs van elke complexiteit te bouwen. Het gebruik van CSS betekent echter ook dat je zult moeten stoppen met het gebruiken van HTML-attributen zoals size, color, bgcolor, align en andere die CSS in de weg zitten.
CSS-handleiding – Les 2 – Aan de slag met CSS. CSS-eigenschappen background, color
Hallo allemaal. In de vorige les heb ik twee bestanden gemaakt: een HTML- en een CSS-bestand. Hier is hun code:
index.html:
<html> <head> <title>CSS-handleiding</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>Leer CSS samen met drupalbook.org</p> <p>Regel 2 – leer CSS samen met drupalbook.org</p> </body> </html>
style.css:
CSS-handleiding - Les 3 - Eigenschappen background-color, font-style, font-weight, text-align, text-decoration, text-transform.
In de loop van de tijd zijn er veel HTML-tags bedacht, maar met de komst van CSS moesten we van sommige afscheid nemen, zoals de tags <font>, <b>, <i> en <center>. Later bekijken we nog andere “verboden” tags. De eigenschappen die we in deze les behandelen helpen je om overbodige code uit de HTML te halen en deze in CSS-bestanden onder te brengen.
CSS-handleiding - Les 4 - De eigenschap display. Het verschil tussen div en span.
In de vorige lessen hebben we CSS gekoppeld via een bestand en wat CSS-code geschreven om te zien hoe het werkt. In deze les gaan we in op een belangrijk eigenschap: display.
De eigenschap display bepaalt hoe een HTML-element wordt weergegeven — of het zich als inline tekst gedraagt of als een blok met eigen hoogte en breedte.
Laten we beginnen met het eenvoudigste: hoe elementen standaard worden weergegeven. <div> wordt standaard weergegeven als een blok, terwijl <span> inline (in de tekstlijn) verschijnt.
CSS-handleiding - Les 5 - Eigenschappen float en clear. Omlopen en het beëindigen van omlopen.
Stel je een wilde bergrivier voor die snel en luidruchtig stroomt. En dan staat er plotseling een steen in de weg — de rivier stroomt eromheen. Als de steen zich aan de linkerkant bevindt ten opzichte van de stroomrichting, dan stroomt de rivier er rechts omheen; als de steen rechts ligt, stroomt de rivier er links omheen. Op dezelfde manier werkt de CSS-eigenschap float.
CSS-handleiding - Slotles - Van HTML/CSS naar Drupal
Hiermee eindigt de CSS-handleiding, maar het leren van CSS stopt hier niet. Ik stel voor om verder te gaan met de praktijk en CSS te blijven leren op basis van het maken van een Drupal-thema. Ik zal op internet een PSD-ontwerp vinden en we zullen het omzetten naar een Drupal-thema op basis van het Zen-thema.
Je kunt ook doorgaan met het leren van PHP:
JavaScript-lessen (cursus, zelfstudie)
JavaScript is een van de populairste programmeertalen ter wereld. Hoewel het in de loop der tijd enigszins aan populariteit heeft ingeboet, blijft het een taal die veel programmeurs leren.
Je hebt JavaScript nodig om later jQuery te kunnen bestuderen. Aangezien jQuery zelf een JavaScript-framework is, moet je eerst de basis van JavaScript begrijpen voordat je met jQuery aan de slag gaat.
JavaScript-code wordt rechtstreeks in de HTML-pagina ingevoegd met behulp van de tags <script></script>: