..


Link-uri sponsorizate

Schema de bază pentru un site optimizat pentru smartphone-uri

În cazul în care Web ne-am obişnuit să ne rasfata cu Amestec nesfârşite de aspect şi a spaţiului, proiectarea paginilor web pentru telefoanele inteligente ne recenzie ambiţiile noastre creative, sau cel puţin a redimensiona dimensiunea limitată de display destinate vizionării a muncii noastre.

Notă: rezoluţia video variază, desigur, în funcţie de model, de cele mai multe smartphone generatie are un display cu o lăţime variind de la un minim de 240 la un maxim de 480 pixeli. Rezoluţia mai frecvente poate conta, în modul portret, pe o lăţime de 320 pixeli.

Uitaţi aspect apoi coloane doi, trei sau patru! Din punctul meu de vedere singura soluţie posibilă, în scopul de a asigura utilitatea bine la conţinut, este proiectarea singură coloană, în cazul în care tot conţinutul este organizat de-a lungul o cascadă de ordine verticală (de exemplu, unul sub altul). Atunci când creaţi o pagină web, amintiţi-vă mereu, cel mai important lucru este să se asigure utilizabilitate bună şi, cu atât mai mult atunci când afişat este limitat la un smartphone, simplitatea este intotdeauna cea mai buna cale de urmat.

După cum puteţi vedea, structura noastra este foarte simpla si consta iniţial din trei porţiuni:

  • Antet: este partea de sus a paginii si este proiectat pentru a se potrivi logo-ul site-ului şi, eventual, alte câteva elemente de la primul etaj;
  • Organismul pagina: este conceput pentru a veni în porţiunea centrală a conţinutul concret al pagini ale site-ului nostru;
  • Subsol: Este porţiunea finala, jos unde se obişnuieşte afişezi orice credite referinţele juridice copyright, contacte etc.

Meniul de navigare

Porţiunea centrală a paginii, la rândul lor, vor fi utilizate pentru a adăposti alte zone (care variază în funcţie de nevoile dvs.).
Un element esenţial, desigur, este meniul de navigare prin care să acceseze alte pagini / zone ale site-ului. Dacă acestea sunt câteva (prima soluţie) poate crea o bară de instrumente în mod direct cu link-uri necesare, în caz contrar - din motive de spaţiu - este mai bine pentru a adăuga un singur buton care, atunci când clic pe el, afişează o listă a tuturor paginilor / zone de disponibile (doua soluţie).

Conţinutul

De asemenea, şi mai presus de toate, pentru conţinutul care aveţi nevoie pentru a păstra în minte ecranul mic al telefonului,. Din nou, prin urmare, simplitatea şi linearitatea sunt, în opinia mea, cea mai buna alegere.

Evitaţi grafice inutile, bibelouri este o regulă bună de web design si este chiar mai mult în dezvoltarea de pagini web pentru dispozitive mobile şi pentru problemele legate de dimensiunea redusă a ecranului şi din motive legate de lăţimea de bandă disponibilă (precum şi având un cost, lăţime de bandă 3G nu este întotdeauna atât de rapid este mai bine să se concentreze pe ceea ce este esenţial).

Chiar şi pentru conţinutul, prin urmare, sugerează o cascadă în cazul în care diferitele elemente aspect (text, imagini, video) într-o urmaţi reciproc:

In lecţia următoare vom vedea cum să construiască codul HTML pe site-ul nostru de plecare, desigur, de <head> (titlu, meta tag-uri si CSS).

Ajutor în curs de dezvoltare site-uri pentru dispozitive mobile
E-Learning
CSS (Curs) CSS (Curs)
Web Design şi accesibilitatea în conformitate cu W3C CSS si XHTML. Incepand de la 29 €.
E-commerce cu ASP (Ebook) E-commerce cu ASP (Ebook)
ECommerce şi Cosul de cumparaturi cu ASP. Numai 35 €.
Java (Curs) Java (Curs)
De programare OOP in Java SUN. De la 49 €.
Link-uri sponsorizate