Skip to main content

Adaptive Webdesign

>>>>>>>>>>>>>>>>>>>>>>>>>>Webpagina’s zien er verschillend uit op verschillende uitvoerapparaten. Afhankelijk van de breedte van het scherm wordt de inhoud anders gerangschikt. Sommige inhoud is verborgen voor kleine apparaten zoals smartphones.

Definitie Adaptive Webdesign

Adaptive WebdesignEen websiteontwerp, afgekort AWD, is een manier om websites weer te geven waarbij het ontwerp zich in vooraf bepaalde stappen aanpast aan de displaybreedte van mobiele apparaten. Zogenaamde onderbrekingspunten worden gedefinieerd waarbij de weergave verandert. Voor de iPhone staand formaat, bijvoorbeeld, is het breekpunt ingesteld op 320 pixels, voor de iPad staand formaat op 768 pixels. Bij deze beeldschermbreedten springt het beeldscherm rond en toont het veel inhouden onder elkaar die op de desktop PC naast elkaar staan.

Wat zijn “adaptieve webdesignafbeeldingen”?

Query’s op de server zorgen ervoor dat toestellen met kleine beeldschermen kleinere beeldbestanden ontvangen en dat eindtoestellen met beeldschermen met hoge resolutie grafische afbeeldingen met een hoge resolutie ontvangen.

Wat is het verschil met Responsive Web Design?

Adaptive Webdesign wordt vaak gebruikt als synoniem voor Responsive Design, maar het betekent iets anders. Met Responsive Web Design past de presentatie van de webpagina’s zich volledig flexibel aan de breedte van het browservenster aan. Met Adaptive Webdesign daarentegen wordt een vaste lay-out (“adaptive web design layout”) gespecificeerd voor bepaalde afmetingen van het browservenster.


Heeft u nog vragen?

Neem contact met ons op


Verdere inhoud