Den grundlæggende layout af et websted er optimeret til smartphones
Hvis internettet er vi vant til at forkæle os selv med uendelige kombination af layout og rum, designe websider for smarte telefoner vi gennemgå vores kreative ambitioner, eller i det mindste ændre størrelsen på den begrænsede størrelse af displays beregnet til visning af vores arbejde.
Bemærk: videoopløsningen varierer naturligvis afhængig af model, de fleste af den næste generation smartphone har et display med en bredde der spænder fra et minimum på 240 til et maksimum på 480 pixels. De mest almindelige opløsning kan tælle, i stående tilstand, i en bredde på 320 pixels.
Så glemmer layouts med to, tre eller fire søjler! Fra mit synspunkt er den eneste mulige løsning for at sikre en god usability til indhold, er det enkelt kolonne design, hvor alt indhold er organiseret langs en lodret orden kaskade (dvs., den ene under den anden). Når du opretter en webside, så husk altid, det vigtigste er at sikre en god brugervenlighed og, mere så når skærmen er begrænset til en smartphone, enkelhed er altid den bedste vej frem.
Som du kan se, vores struktur er meget enkel og består i første omgang af tre dele:
- Overskrift: er den øverste del af siden og er designet til at rumme sidens logo og muligvis et par andre elementer i den første sal;
- Side kroppen: det er designet til at rumme den centrale del af det faktiske indhold af siderne på vores hjemmeside;
- Footer: Dette er den sidste del, i bunden, hvor det er normalt at lægge nogen kreditter, juridiske referencer, ophavsret, kontakter osv..
Navigationsmenuen
Den centrale del af siden, til gengæld vil blive brugt til at huse andre områder (som varierer afhængigt af dine behov).Et væsentligt element, er selvfølgelig navigationsmenuen hvorigennem at få adgang til andre sider / områder af webstedet. Hvis disse er få (første løsning) kan direkte oprette en værktøjslinje med behov for links, ellers - af pladshensyn - er det bedre at tilføje en enkelt knap, der, når der klikkes, viser en liste over alle sider / områder rådighed (anden løsning).
Indholdet
Også, og frem for alt, for det indhold, du har brug for at huske den lille skærmen på din smartphone. Igen, derfor enkelhed og linearitet er efter min mening det bedste valg.
Undgå unødvendige dikkedarer grafik er en god regel for webdesign og det er endnu mere i udviklingen af web-sider til mobile enheder og for spørgsmål vedrørende den beskedne størrelse af displayet og grunde, der vedrører den tilgængelige båndbredde (samt at have en omkostning, 3G-båndbredde er ikke altid hurtigt så det er bedst at fokusere på, hvad der er vigtigt).
Selv for indholdet, derfor foreslår en kaskade, hvor de forskellige layout elementer (tekst, billeder, video) i en følge hinanden:
I næste lektion vil vi se, hvordan man opbygger HTML-kode på vores hjemmeside starter, selvfølgelig, ved <head> (titel, meta tags og CSS).
- <<Forrige lektion
- Indeks til Hjælp
- Næste lektion>>
 |
CSS (Kursus)
Web Design og tilgængelighed i henhold til W3C CSS og XHTML. Fra 29 €. |
 |
OpenOffice (Ebook)
Den open source-software til styring af kontorarbejde. Bare 25 €. |
 |
Web Marketing (kursus)
Site fremme, søgemaskiner og markedsføring. Fra 39 €. |