Leer de basis van het layouten van webpagina’s

Type product
Niveau

Leer de basis van het layouten van webpagina’s

HOBP
Logo van HOBP
Opleiderscore: starstarstarstarstar 9,6 HOBP heeft een gemiddelde beoordeling van 9,6 (uit 95 ervaringen)

Tip: meer info over het programma, prijs, en inschrijven? Download de brochure!

Beschrijving

Volg nu Leer de basis van het layouten van webpagina’s en heb een jaar lang gratis toegang tot HP/de Tijd en nog 700+ andere cursussen en media op HOBP zakelijk leren.

De box en het layouten van webpagina’s
Dankzij het zogeheten boxmodel ben je staat om tekst, afbeeldingen en overige media exact te positioneren en vorm te geven zoals je dat wilt. Hiermee bepaal je de layout van de webpagina. Je leert de boxeigenschappen op de juiste manier in te zetten en te benutten. Elke webpagina wordt opgebouwd uit speciaal hiervoor in het leven geroepen html5-elementen (header, nav, aside, footer en div). In dit hoofdstuk leer je alle mogelijke vormen van layout te creëren.

Positioneren van elementen
So…

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Nog niet gevonden wat je zocht? Bekijk deze onderwerpen: Sitecore, Content management (CMS), Salesforce, Marketing Automation en Schrijven voor het web.

Volg nu Leer de basis van het layouten van webpagina’s en heb een jaar lang gratis toegang tot HP/de Tijd en nog 700+ andere cursussen en media op HOBP zakelijk leren.

De box en het layouten van webpagina’s
Dankzij het zogeheten boxmodel ben je staat om tekst, afbeeldingen en overige media exact te positioneren en vorm te geven zoals je dat wilt. Hiermee bepaal je de layout van de webpagina. Je leert de boxeigenschappen op de juiste manier in te zetten en te benutten. Elke webpagina wordt opgebouwd uit speciaal hiervoor in het leven geroepen html5-elementen (header, nav, aside, footer en div). In dit hoofdstuk leer je alle mogelijke vormen van layout te creëren.

Positioneren van elementen
Soms moeten elementen zich natuurlijk gedragen in de ‘flow’, maar soms wil je de positie en het gedrag van elementen exact kunnen bepalen. CSS biedt hiervoor specifieke position-stijlopdrachten. Leer hoe je een webpagina-layout maakt in flexibele kolommen maar ook hoe je kaders op vaste posities kunt zetten.

Doel van de cursus

Je leert in deze cursus met behulp van HTML en CSS om pagina’s exact zo vorm te geven zoals je wilt. Hiervoor maak je gebruik van het zogeheten boxmodel. Met CSS kun je de vormgeving en de plaatsing van teksten, afbeeldingen en overige media exact bepalen. Zowel statisch als responsive.

Wat ga je leren

  • Uitleg van de box
  • Vormgeven met padding, border en margin
  • Boxeigenschappen voor inline en inline block elements
  • Layouten in HTML-4 en HTML-5
  • Statische (fixed) layout maken en positioneren met float
  • Kolommen bijeenhouden met behulp van omsluitende <div>
  • Webpagina layout centreren met omsluitende <div> (nested)
  • Zwevende elementen met Float en Clear
  • Het clearen van floatende elementen
  • Statische en/of flexibele layouts maken
  •  Statische layout vormgeven met boxeigenschappen
  • Adaptive (fluid) layout maken met procenten en absolute maten
  • Werken met kolommen en float
  • Positioneren met CSS-eigenschap Position
  • Positioneren met position: relative, absolute en fixed
  • Layouten met inline en block elementen
  • Inline elementen isoleren met class
  • Boxeigenschappen van standaard inline-block elementen
  • Inline element omzetten naar block element
  • Block element omzetten naar inline element

Duur en studiebelasting

De duur van deze videocursus is 5 uur met een studiebelasting van minimaal 16 uur. Onze video’s zijn met zorg gemonteerd. Hierin leggen we in een zo kort mogelijke tijd exact uit wat je moet weten. Echter om je deze technieken volledig eigen te maken zul je met al het geleerde moeten experimenteren en oefenen. Hiervoor kun je ofwel ons downloadbaar materiaal of eigen materiaal gebruiken. Houd rekening met een minimale studiebelasting van drie keer de videoduur.

Doelgroep van deze cursus

Webdesigners, webdevelopers en webbouwers die het leren layouten van webpagina’s met behulp van het boxmodel en css-eigenschappen als float en position onder de knie willen krijgen.

Lesmaterialen

De cursus bestaat uit video’s met downloadbaar oefenmateriaal. Al onze video’s zijn Nederlands gesproken en ondertiteld. Wij maken zoveel mogelijk gebruik van de Engelse Interface van de software maar we benoemen in onze uitleg ook de Nederlandse (vak)termen. Je dient zelf zorg te dragen voor de installatie van de benodigde software op je computer.

Opbouw van de cursus

Deze cursus is opgebouwd uit instructievideo’s verdeeld over hoofdstukken. Wij adviseren om de volgorde van de hoofdstukken en de video’s aan te houden aangezien latere video’s vaak teruggrijpen op geleerde kennis in eerder video’s.

Vereiste voorkennis en vaardigheden

Voor het volgen van deze cursus heb je kennis en ervaring nodig van het vervaardigen en structureren van html-pagina’s.

Toetsing

Deze cursus bevat geen eindtoets. 

Certificaat / afronding

Na het succesvol afronden van deze cursus ontvang je een gewaarmerkt bewijs van afronding. 

Tip: Bewaar je bewijs van afronding bij je (LinkedIn) profiel, At Monday Talentcard®, portfolio of online CV. Zo raak je het nooit meer kwijt en toon je bovendien aan iedereen jouw ambitie en talent. 

HOBP® | 🗂 700+ online cursussen, audioboeken, media, assessments | 🇳🇱 Taal: Nederlands | 🗓 Abonnement: 12 maanden | 🎯Vakgebieden: Taal, Marketing, Persoonlijke ontwikkeling, Communincatie, IT & projectmanagement, Internet, Business, Juridisch, HR en coaching | 📲 24/7, PC, mobiel, tablet

Onbeperkt leren doe je beter met HOBP®

De zakelijke leeromgeving van HOBP heeft naast een unieke selectie van ruim 700 online trainingen ook een groot aanbod audioboeken, assessments en leerlijnen. Verder heb je direct toegang tot o.a. de Volkskrant, het Parool, het AD en HP/ deTijd. HOBP is daarmee Nederlands grootste aanbieder van online zakelijke leermiddelen. 

Door de unieke samenwerking tussen Springest en HOBP® heb je voor slechts €295,- per jaar direct, 12 maanden toegang tot het hele leeraanbod op HOBP®

Informatie over het HOBP® onbeperkt leren abonnement op Springest

  • Abonnement 1 jaar onbeperkt online leren incl. certificaat bij afronden van cursussen
  • Leermiddelen (700+): Online cursussen, audioboeken, (persoonlijkheids)testen, e-books en meer.
  • Online media zoals HP/de Tijd, het Parool, het AD, de Volkskrant en dagblad Trouw.
  • 15 Nederlandse topopleiders en mediapartners op 1 portal samen met hoogwaardige content.
  • Vakgebieden: Taal, Marketing, Persoonlijke ontwikkeling, Communincatie, IT & projectmanagement, Internet, Business, Juridisch, HR en coaching etc. 
  • Zakelijke toepassingen zoals uitgebreide gebruikers dashboards

Start direct met leren en geef je carrière een boost!

HOBP® is lid van de NRTO en CRKBO

Blijf op de hoogte van nieuwe ervaringen

Er zijn nog geen ervaringen.

Deel je ervaring

Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Download gratis en vrijblijvend de informatiebrochure

Aanhef
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)

Heb je nog vragen?

(optioneel)
We slaan je gegevens op om je via e-mail en evt. telefoon verder te helpen.
Meer info vind je in ons privacybeleid.