Video: Hoe Maak Je Een Wordpress Website 2019 2024
Als het idee om een iPhone-portret en landschapswebontwerp en een iPad-portret en landschapsontwerp - slechts voor één webpagina - voelt u zich overweldigd, hier is wat opluchting.
De Safari-webbrowser levert de meeste websites op internet goed weer, zelfs als deze sites niet specifiek voor deze twee apparaten zijn ontworpen. Als u de eenvoudigste optie voor een of al uw websites wilt, kunt u een ontwerp maken dat "goed genoeg" is op de desktop en op de iPhone, iPad en iPod touch.
Als u besluit om slechts één ontwerp te maken, moet u zich aan deze richtlijnen houden:
-
Gebruik Adobe Flash niet. Sorry - dit is een bom voor ontwikkelaars van Flash, maar tenzij Apple van standpunt verandert, werkt alles wat in Flash is ontworpen, niet eens op een iOS-apparaat. Gebruik als gevolg hiervan Flash niet op een van uw sites.
-
Creëer een ontwerp dat niet meer dan 980 pixels breed is. Hoewel de iPad afbeeldingen in de liggende modus van wel 1024 pixels weergeeft en slechts 768 in de staande modus, wijzigt Safari automatisch het ontwerp van uw webpagina als u een pagina maakt en niet te breed maakt.
Het aantal pixels tussen 960 en 980 houden is ideaal als u wilt dat uw site automatisch de juiste grootte krijgt. Houd er echter rekening mee dat het automatisch wijzigen van afbeeldingen kan leiden tot wazige tekst en wijzigingen in uw ontwerpen waardoor ze mogelijk minder dan pixel-perfect zijn.
-
Maak ontwerpen die meer dan 600 pixels op de pagina verlengen. Als uw sites perfect op een monitor passen met een resolutie van 800 x 600 pixels, zijn ze waarschijnlijk te kort om er goed uit te zien op een iPad. In deze afbeelding ziet u een voorbeeld van de ruimte die overblijft in een webpagina die is ontworpen om van minder dan 600 pixels van boven naar beneden te passen.
Als u op zoek bent naar de ontwerpoptie "Goudlokje" (niet te lang en niet te kort), ontwerp dan uw pagina's zodat deze eruitzien als de hier getoonde. Op deze site voor acteur Yuval David zie je hoe de iPad een pagina weergeeft van 970 pixels breed en bijna 2000 pixels van boven naar beneden.
U ziet dat het volledige ontwerp automatisch wordt vergroot in de liggende modus om de breedte van 1024 pixels te vullen en wordt verkleind tot slechts 768 pixels breed om in de portretmodus te passen.
Test voor de beste resultaten de ontwerpen van uw webpagina op een iPad of iPhone om ervoor te zorgen dat uw voorpagina het volledige scherm in staande modus vult. Zorg er ook voor dat tekst en afbeeldingen niet te wazig worden om te lezen of er te vervormd uitzien wanneer ze automatisch worden vergroot of verkleind.