Video: Cât de mare este Alphabet ??? 2024
Voordat u een raamwerk voor een website maakt dat wordt weergegeven op de iPhone en iPad, is het handig om vooruit te denken over hoe u wil dat uw pagina's eruitzien wanneer u de stijlen toevoegt. Dit is waar wireframes echt kunnen helpen.
In de volgende afbeeldingen ziet u drie verschillende draadmodelontwerpen voor de voorpagina van een eenvoudige blogwebsite - de eerste is voor de iPhone en de volgende twee voor de iPad (een voor de landschapsmodus en de andere voor portretten) mode).
Laten we drie relatief eenvoudige draadmodelontwerpen verkennen die ideaal zouden zijn voor een basisblog. Wireframe-ontwerpen, zoals de ontwerpen, kunnen u helpen bij het maken van een kader voor uw site in HTML.
Als u beslist hoe u uw site wilt ontwikkelen, moet u er rekening mee houden dat u drie volledig verschillende HTML-pagina's kunt maken, elk met een eigen stylesheet om deze drie verschillende weergaven te bereiken.
Als u die route hebt gekozen, moet u een apparaatdetectiescript gebruiken, een ingewikkeld programma dat het type apparaat kan detecteren dat door bezoekers op uw site wordt gebruikt en vervolgens naar de beste versie van elke pagina voor dat apparaat leiden. Als u een mobiele website ontwerpt die het breedste publiek moet bereiken, is dat de beste manier om te gaan.
Het voordeel van scherpstellen op de iPhone en iPad is dat u niet de moeite hoeft te doen om een apparaatdetectiescript te maken. Dat komt omdat de Safari-webbrowser op de iPhone en iPad meerdere CSS-bestanden kan lezen, iets waar veel andere mobiel-browsers niet toe in staat zijn.
U kunt dus CSS gebruiken om ontwerpen te maken die goed werken in de nieuwste browsers op desktop- en laptopcomputers, evenals de iPhone en iPad.
Hoewel u volledig verschillende pagina's kunt maken voor weergave op elk apparaat, is de meest efficiënte optie om één pagina in HTML te maken en vervolgens drie verschillende sets stijlpagina's te gebruiken om het ontwerp aan te passen. Met dat doel in gedachten maakt u eerst een kader voor een pagina en gebruikt u vervolgens CSS om verschillende ontwerpen van die ene HTML-pagina te maken.
Nu is hier het deel dat een beetje gek kan lijken als je nog niet bekend bent met alle dingen die je met CSS kunt doen. Dezelfde HTML-code kan worden gebruikt om alle drie ontwerpen te maken die in de afbeeldingen worden getoond. De positionering van de elementen, zoals de zijkant, gebeurt met CSS.