Samenvatting
Samenvatting H4 Webapplicaties I
- Vak
- Webapplicaties I
- Instelling
- Hogeschool Gent (HoGent)
Samenvatting Webapplicaties I HS 4, ook te verkrijgen in bundel (zeer voordelig).
[Meer zien]Voorbeeld 2 van de 8 pagina's
Voorbeeld 2 van de 8 pagina's
In winkelwagen1 beoordeling
Door: arthurcoucke • 6 jaar geleden
Voorbeeld van de inhoud
Jakob Lierman Webapplicaties IHoofdstuk 4
Logische indeling: div – span
<div> en <span> zijn elementen zonder voorgedefinieerde (sematische) betekenis.
Worden gebruikt voor het toevoegen van stijl of het positioneren van een webpagina.
<div> block element
<span> inline element
Boxmodel
HTML-element bekijken als onzichtbare box.
Nemen de maximale ruimte in die ze krijgen van hun parent element.
Inline elementen nemen enkel ruimte in die ze nodig hebben om hun content weer te geven.
Een box kan zichtbaar worden gemaakt door de border stijl toe te kennen.
Display
De display eigenschap kan de eigenschappen van elementen veranderen.
Mogelijke waarden:
- inline: element krijgt de eigenschappen van een inline element
- block: element krijgt de eigenschappen van een block element
- inline-block: behoudt de eigenschappen van een block element, maar wordt in de pagina (in
de flow) weergegeven als een inline element
- none: element wordt niet weergegeven (neemt ook geen ruimte in)
Niet de gewoonte om inline elementen te switchen naar block elementen.
Visibility
Kan slechts twee waarden hebben:
- visible: zichtbaar, is default
- hidden: verbergt het element maar bewaart de nodige ruimte voor het element
Dimensies
Lengte en breedte kunnen worden aangepast met height en width. Dit slaat op de hoogte en
breedte van de content, niet op de padding en border.
1
, Jakob Lierman Webapplicaties I
Value kan uitgedrukt worden in:
- px: pixels (absolute waarde)
- %: relatieve waarde tegenover de parent container
- em: relatieve waarde tegenover de grootte van het gebruikte lettertype van de parent box
- rem: relatieve waarde tegenover de grootte van het gebruikte lettertype van het root
element
Ook mogelijk om een minimale en maximale breedte en hoogte te bepalen. Bij wijziging van het
browservenster is er steeds een minimale en/of maximale breedte en/of lengte gegarandeerd.
Attributen: min-width, max-width, min-height, max-height.
Schuifbalk bij overflow.
Opbouw box
- content: bevat tekst en afbeeldingen
- padding: ruimte rond de content, zorgt ervoor dat rand niet direct aan de content vasthangt
- border: een rand rond de padding (met: border-width, border-style, border-color)
- margin: ruimte rond de border, wordt niet beïnvloed door een achtergrondkleur (volledig
transparant) (overlappende margins: zie https://css-tricks.com/what-you-should-know-
about-collapsing-margins/) (centreren: waarde “auto”)
Layout
= het positioneren van de elementen van een pagina.
De normalen flow (position: static) van een pagina stapel alle block elementen op elkaar. Elk block
element begint op een nieuwe lijn. Zelfs als de breedte van een element wordt aangepast
(verminderd) zal een onderliggend element niet deze ruimte innemen, tenzij men ingrijpt in de
normale flow.
Normal flow doorbreken:
- float layout
- relatieve positionering
- absolute positionering
- fixed positionering
- flex layout
2
Voordelen van het kopen van samenvattingen bij Stuvia op een rij:
√ Verzekerd van kwaliteit door reviews
Stuvia-klanten hebben meer dan 700.000 samenvattingen beoordeeld. Zo weet je zeker dat je de beste documenten koopt!
Snel en makkelijk kopen
Je betaalt supersnel en eenmalig met iDeal, Bancontact of creditcard voor de samenvatting. Zonder lidmaatschap.
Focus op de essentie
Samenvattingen worden geschreven voor en door anderen. Daarom zijn de samenvattingen altijd betrouwbaar en actueel. Zo kom je snel tot de kern!
Veelgestelde vragen
Wat krijg ik als ik dit document koop?
Je krijgt een PDF, die direct beschikbaar is na je aankoop. Het gekochte document is altijd, overal en oneindig toegankelijk via je profiel.
Tevredenheidsgarantie: hoe werkt dat?
Onze tevredenheidsgarantie zorgt ervoor dat je altijd een studiedocument vindt dat goed bij je past. Je vult een formulier in en onze klantenservice regelt de rest.
Van wie koop ik deze samenvatting?
Stuvia is een marktplaats, je koop dit document dus niet van ons, maar van verkoper jakoblierman. Stuvia faciliteert de betaling aan de verkoper.
Zit ik meteen vast aan een abonnement?
Nee, je koopt alleen deze samenvatting voor €2,99. Je zit daarna nergens aan vast.
Is Stuvia te vertrouwen?
4,6 sterren op Google & Trustpilot (+1000 reviews)
Afgelopen 30 dagen zijn er 56326 samenvattingen verkocht
Opgericht in 2010, al 14 jaar dé plek om samenvattingen te kopen