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>:
JavaScript les 1 — Variabelen en bewerkingen daarop
Ik zal niet te veel tijd besteden aan het beschrijven van alle soorten variabelen en bewerkingen — dat is nu nog niet nodig. Ons hoofddoel is om de basisÂsynÂtaxis van JavaScript onder de knie te krijgen, zodat we daarna kunnen overstappen op jQuery. Later kun je je kennis van JavaScript verder verdiepen. Als je JavaScript grondig wilt leren en het gebruik van een framework je niet aanspreekt, dan kun je beter een uitgebreider leerboek over JavaScript zoeken. Maar als je websites wilt bouwen in Drupal en daarna jQuery wilt leren, dan zijn we op de juiste weg. Laten we beginnen.
JavaScript les 2 — De if-constructie
In deze les bekijken we hoe je de if-constructie in JavaScript kunt gebruiken. De syntaxis van JavaScript is vrijwel hetzelfde als die van PHP (beide zijn ontworpen met programmeurs in C++ in gedachten), dus je kunt ook de les over if in PHP lezen:
JavaScript les 3 — Lussen while, for
In deze les behandelen we lussen in JavaScript. Zoals ik eerder zei, lijkt de syntaxis van PHP sterk op die van JavaScript, dus je kunt ook de les over lussen in PHP bekijken:
PHP-lessen - les 12 - Lussen while, foreach, for
Met Ă©Ă©n uitzondering: in JavaScript bestaat de foreach()-lus niet. In plaats daarvan zullen we later de methode each() in jQuery gebruiken om elementen te doorlopen.