..


Sponsoroidut linkit

Perus ulkoasun sivuston optimoitu älypuhelimiin

Jos Web olemme tottuneet hemmotella itseämme loputon yhdistelmä layout ja avaruuden verkkosivujen suunnittelusta älypuhelimille Arvioimme luovia tavoitteita, tai ainakin muuttaa pienuus näkyy tarkoitettu katseltavaksi työmme.

Huom: videon tarkkuus vaihtelee tietenkin riippuen mallista, suurin osa seuraavan sukupolven älypuhelin on näyttö, jonka leveys vaihtelee vähintään 240 ja enintään 480 pikseliä. Yleisin resoluutio voi laskea, pystyasennossa, yli leveys 320 pikseliä.

Unohda layout sitten kaksi, kolme tai neljä saraketta! Omasta näkökulmasta ainoa mahdollinen ratkaisu, jotta voidaan varmistaa hyvä käytettävyys sisältöön, on yhdessä sarakkeessa suunnittelu, jossa kaikki sisältö on järjestetty pystysuoraan jotta Cascade (eli allekkain). Kun luot Web-sivun, muista aina, tärkeintä on varmistaa hyvä käytettävyys ja enemmän, kun näyttö on rajoitettu älypuhelin, yksinkertaisuus on aina paras tapa edetä.

Kuten huomaatte, meidän rakenne on hyvin yksinkertainen ja koostuu aluksi kolme annosta:

  • Otsikko: on yläosa sivun ja on suunniteltu mukautumaan sivuston logo ja mahdollisesti muutama muukin ensimmäisessä kerroksessa;
  • Sivu ruumiin: se on suunniteltu mukautumaan keskiosa todellinen sivujen sisältöä sivustomme;
  • Footer: Tämä on viimeinen osa, alareunassa, jossa on tavallista laittaa mitään hyvityksiä, lakiviittauksia, tekijänoikeustiedot, yhteystietoja, jne..

Navigointipolkuun

Keskiosa sivun puolestaan ​​käytetään talon muille alueille (jotka vaihtelevat riippuen tarpeisiin).
Olennainen osa, on tietenkin navigointivalikon jonka kautta päästä muille sivuille / alueita sivuston. Jos nämä muutamat (ensimmäinen ratkaisu) voi suoraan luoda työkalurivi linkkejä tarvitaan, muuten - riittävästi tilaa - se on parempi lisätä yhden painikkeen, jonka napsauttaminen, näyttää listan kaikista sivuista / alueet käytettävissä (toinen ratkaisu).

Sisältö

Myös ja ennen kaikkea sisältöä, sinun täytyy pitää mielessä pieni näyttö älypuhelimen. Jälleen siis yksinkertaisuus ja lineaarisuus ovat mielestäni paras valinta.

Vältä turhaa frills grafiikka on hyvä sääntö web design ja se on vieläkin kehittää web-sivuja mobiililaitteita ja kysymyksiä, jotka liittyvät pienen näytön koko ja syistä, jotka liittyvät käytettävissä oleva kaistanleveys (sekä ottaa kustannusten, 3G kaistanleveys ei aina nopeasti, joten on parasta keskittyä olennaiseen).

Jopa sisällön ehdottaa näin ollen cascade jossa eri asetteluja (teksti, kuvat, video) seuraavat toisiaan:

Seuraavalla oppitunnilla näemme miten rakentaa HTML koodi sivuillamme alkaen, tietenkin, jonka <head> (otsikko, meta tagit ja CSS).

Auta kehittämään sivustoja mobiililaitteiden
E-Learning
ASP.NET (kurssi) ASP.NET (kurssi)
Koko kurssin rakentamiseen web-sovellusten alkaen 49 €.
Linux (kurssi) Linux (kurssi)
Täydellinen opas avoimen lähdekoodin järjestelmä. Alkaen 49 €.
Web Marketing (kurssi) Web Marketing (kurssi)
Sivuston edistäminen, hakukoneet ja markkinointi. Alkaen 39 €.
Sponsoroidut linkit