scroll

HTML en CSS

1 Welkom!

Welkom bij de proefles van de opleiding HTML en CSS . Door het doen van deze proefles krijg je meer inzicht in wat je kunt verwachten van het studeren bij NTI. Wij vinden het belangrijk dat jij een weloverwogen studiekeuze maakt. In deze proefles duik je in de lesstof en zie je hoe het lesmateriaal eruitziet. Natuurlijk kunnen we in deze proefles maar een heel klein gedeelte van de lesstof behandelen, we hopen dan ook dat dit onderwerp je aanspreekt ;-). Tijdens het doornemen van de lesstof kun je jouw kennis gelijk testen met de meerkeuzevragen! 

Succes met de proefles!

2 Proefles: HTML en CSS

Korte samenvatting van de cursus

De NTI-cursus HTML en CSS leert je de basis van webontwikkeling. Je ontdekt hoe je websites kunt bouwen en vormgeven met HTML en CSS. Deze opleiding is ideaal voor iedereen die interesse heeft in het maken van websites, van beginners tot mensen die hun vaardigheden willen opfrissen. Of je nu een carrière in de ICT ambieert of gewoon een hobby wilt ontwikkelen, deze cursus biedt de juiste kennis en vaardigheden.

Wat ga je leren?

In deze opleiding komen verschillende belangrijke onderwerpen aan bod, zoals:

  • De basisstructuur van HTML-documenten
  • CSS voor het stylen van webpagina's
  • Responsive design voor verschillende apparaten
  • Gebruik van afbeeldingen en multimedia
  • Introductie tot webaccessibility

Deze kennis stelt je in staat om aantrekkelijke en functionele websites te creëren die goed functioneren op verschillende apparaten.

Theorie over de cursus

HTML, of HyperText Markup Language, is de standaard opmaaktaal voor het creëren van webpagina's. Het is de ruggengraat van elke website. HTML gebruikt 'tags' om de structuur van een pagina te definiëren. Denk aan een boek: de tags zijn als hoofdstukken en paragrafen die de inhoud organiseren. CSS, of Cascading Style Sheets, daarentegen, is verantwoordelijk voor de opmaak en het uiterlijk van de webpagina. Het zorgt ervoor dat de pagina er aantrekkelijk uitziet en dat de elementen goed gepositioneerd zijn.

Een belangrijk concept in HTML is de hiërarchie van elementen. Dit betekent dat sommige elementen binnen andere elementen kunnen worden genest. Bijvoorbeeld, een kan verschillende (paragraaf) elementen bevatten. Dit helpt bij het structureren van de inhoud op een logische manier.

CSS werkt met selectors om specifieke HTML-elementen te targeten en hun stijl aan te passen. Een eenvoudige selector kan bijvoorbeeld alle koppen op een pagina selecteren en hun kleur veranderen. Dit maakt het mogelijk om consistentie in de opmaak te waarborgen.

Responsive design is een essentieel onderdeel van moderne webontwikkeling. Dit houdt in dat websites zich aanpassen aan verschillende schermformaten, zoals smartphones, tablets en desktops. Dit wordt vaak bereikt door gebruik te maken van flexibele grids en media queries in CSS.

Door deze basisprincipes van HTML en CSS te begrijpen, ben je goed op weg om je eigen websites te bouwen. Het is een uitdagend maar lonend proces dat veel creativiteit en technische vaardigheden vereist. Met de juiste kennis kun je niet alleen websites maken, maar ook bijdragen aan de groei van de digitale wereld.

Omdat onze opleidingen regelmatig herzien worden kan het voorkomen dat deze theorie niet exact voorkomt in de opleiding. Wil je zeker weten welke theorie in de opleiding voorkomt? Vraag het onze studieadviseurs.

Multiplechoicevraag over de theorie

Wat is de functie van CSS in webontwikkeling?

  • A) Het structureren van de inhoud van een webpagina
  • B) Het toevoegen van multimedia-inhoud
  • C) Het stylen en opmaken van een webpagina
  • D) Het coderen van server-side scripts

Bekijk hier het juiste antwoord op de vraag

C) Het stylen en opmaken van een webpagina. CSS is verantwoordelijk voor het uiterlijk van de webpagina, zoals kleuren, lettertypen en lay-out.

Extra interactieve opdracht

Denk na over een website die je vaak bezoekt. Wat vind je aantrekkelijk aan het ontwerp? Schrijf een korte paragraaf over de elementen die je aanspreken en hoe je deze zou toepassen in je eigen website.

Multiplechoicevragen over het onderwerp van de cursus

1. Wat betekent HTML?

  • A) HyperText Markup Language
  • B) HighText Markup Language
  • C) Hyperlink and Text Markup Language
  • D) HyperText Multi Language

Bekijk hier het juiste antwoord op de vraag

A) HyperText Markup Language. Dit is de correcte betekenis van de afkorting HTML.

2. Wat is een van de belangrijkste voordelen van responsive design?

  • A) Het maakt websites sneller
  • B) Het zorgt ervoor dat websites er goed uitzien op verschillende apparaten
  • C) Het vermindert de hoeveelheid code
  • D) Het maakt het makkelijker om afbeeldingen toe te voegen

Bekijk hier het juiste antwoord op de vraag

B) Het zorgt ervoor dat websites er goed uitzien op verschillende apparaten. Responsive design past de lay-out aan op basis van het schermformaat.

3. Welke tag wordt gebruikt om een paragraaf in HTML aan te geven?

  • A)<h1>
  • B) <p>
  • C)<br>
  • D)<div>

Bekijk hier het juiste antwoord op de vraag

B) <p>. Deze tag wordt gebruikt om een paragraaf aan te geven in HTML.

Waarom kiezen voor NTI?

Bij NTI studeer je flexibel, perfect afgestemd op jouw leven. Je kunt je eigen tempo bepalen en studeren waar en wanneer het jou uitkomt. Onze cursussen zijn praktijkgericht en sluiten aan bij de actuele ontwikkelingen in de ICT. Klaar voor jouw slimme start? Schrijf je nu in!

3 Studeren bij NTI

FlexibelStuderen® doe je bij NTI

Ben jij een vroege vogel, of duik jij liever ‘s avonds laat de boeken in? Met de flexibele opleidingen van NTI kan iedereen, overal studeren. Je kiest zelf je startmoment en bepaalt je eigen tempo. Je krijgt les van topdocenten en wordt tijdens je opleiding begeleid door een mentor. Met jouw online leeromgeving en échte studieboeken studeer je op jouw manier. FlexibelStuderen® doe je bij NTI.

Studietools

Bij NTI gebruik je, afhankelijk van je opleiding, verschillende studietools. Zo ga je aan de slag in de online leeromgeving, gebruik je jouw Mijn NTI en werk je met studieboeken.

Demo online leeromgeving

De online leeromgeving is beschikbaar waar en wanneer je wilt en geeft jou alle benodigde tools tijdens jouw studie. Om een indruk te krijgen van de online leeromgeving kun je een gratis demo volgen. Hier leggen we overzichtelijk uit welke handige hulpmiddelen er tijdens het studeren voor jou klaar staan.

Ben je benieuwd hoe onze online leeromgeving eruit ziet?

Neem een kijkje in de gratis demo

Daarom FlexibelStuderen®:

  1. Erkende opleidingen, bekende naam
  2. Studeren met veel persoonlijk contact
  3. Voordelig studeren, transparant over kosten
  4. Studeren op jouw moment en jouw manier
  5. Overal studeren met onze online leeromgeving
  6. Persoonlijke begeleiding door mentoren en ervaren docenten
  7. Werkgevers zijn snel overtuigd

Direct inschrijven

Wij zijn trots op onze studenten

Studenten van NTI zijn geen doorsnee studenten. Ze volgen een studie naast hun volle leven; hun baan, gezin, hobby’s en vrienden. Ze bepalen hun eigen weg, gaan ook buiten de gebaande paden en studeren op de raarste momenten en vreemdste plekken. Het zijn doorzetters, vol motivatie. Omdat ze hun droom volgen, stappen zetten, de regie in eigen hand nemen. Ze mogen trots op zichzelf zijn. Wij zijn het in ieder geval.

Lees hier de verhalen van onze studenten

Wat is jouw volgende stap?

We denken graag verder met je mee! Het starten van een studie is spannend en roept misschien nog wel meer vragen op. Maar wist je dat iets nieuws leren ook bijdraagt aan je levensgeluk? Je verder ontwikkelen is bovendien goed voor je zelfvertrouwen en je hebt natuurlijk aan de eettafel weer iets te vertellen ;-)

Klaar om te beginnen?

Schrijf je nu in

Heb je na het doen van deze proefles nog vragen? Of zijn er dingen waar je over twijfelt? Onze studieadviseurs geven je geheel vrijblijvend een persoonlijk studieadvies en beantwoorden al je vragen.

5 Ervaringen

Wat vinden onze eigen studenten van hun opleiding?

Bij NTI streven we naar kwalitatief goed onderwijs dat voor iedereen bereikbaar is. En wie kan dit beter beoordelen dan onze eigen studenten?

Chantal, 47 jaar

5star reviews

"Dit is mijn 2de studie bij de NTI en ik ben nog steeds enthousiast! Er is veel verbeterd vergeleken met mijn eerste studie en het is heel duidelijk wat je wanneer moet doen. Verder heb je veel vrijheid om zelf je tempo te bepalen en is de leerstof duidelijk aangegeven in de meeste boeken. Ik kan studeren bij de NTI van harte aanbevelen!" 

Rick

5star reviews

"Prima opleiding! Het niveau is niet te moeilijk, je kunt er lekker snel doorheen werken. Ik vind de stages die erbij horen erg leuk.. zo leer je direct in de praktijk. Over het NTI zelf, ik zou ze zeker aanraden. Contact verloopt netjes en snel, bij vragen regelen ze vrijwel direct alles voor je. Top!" 

Irene

4star.png

"Een goede ervaring over het algemeen. Het thuis studeren bevalt me erg goed en ik vind het prettig dat ik de vrijheid heb om mijn studie zo in te delen zoals het voor mij goed uitkomt."

Sabine

Foodblogster Sabine volgt de HBO Bachelor Toegepaste Psychologie naast haar blog OhMyFoodness