Mukautuva verkkosuunnitelu
Tolppanen, Antti (2011)
Tolppanen, Antti
Tampereen ammattikorkeakoulu
2011
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201104285196
https://urn.fi/URN:NBN:fi:amk-201104285196
Tiivistelmä
Joustavarakenteiset verkkosivut, eli päätelaitteen näytön tai selainikkunan koon mukaan asettuvat CSS-rakenteet voivat olla tyylimäärityksiltään taloudellisia vähentäessään monien eri päätelaitekohtaisten CSS-tyylimääritysten tarvetta. Ohjeet eri elementtien CSS-tyylimäärityksille löytyvät eri lähteistä. Näiden ohjeiden kokoaminen yhteen antaa keinot toteuttaa verkkosivuilla tehokkaamman päätelaitteille ja selainikkunaan mukautuvan CSS-määrittelyn.
Huomioimalla suunnittelussa verkkosivujen sisällössä käytetyimpien elementtien asettelun ja niiden suhteet ympäröiviin rakenteisiin pystytään vaikuttamaan siihen miten eri päätelaitteet piirtävät sisältöä näytöille. Lisäksi suunnittelussa on hyvä huomioida kosketusnäyttöjen vaatimuksia.
Todennäköisintä on että CSS-määrittelyssä joudutaan käyttämään pikseli-, em- ja prosenttiperustaista määrittelyä toimivimman rakenteen saavuttamiseksi. Rakenteellisesti toimivimmat verkkosivut, joita on miellyttävä käyttää sekä kosketusnäytöillä, että hiiriohjauksella, ovat pystysuuntaisia ja ne hyödyntävät JavaScript- ja jQuery-liitännäisiä.
Huomioimalla suunnittelussa verkkosivujen sisällössä käytetyimpien elementtien asettelun ja niiden suhteet ympäröiviin rakenteisiin pystytään vaikuttamaan siihen miten eri päätelaitteet piirtävät sisältöä näytöille. Lisäksi suunnittelussa on hyvä huomioida kosketusnäyttöjen vaatimuksia.
Todennäköisintä on että CSS-määrittelyssä joudutaan käyttämään pikseli-, em- ja prosenttiperustaista määrittelyä toimivimman rakenteen saavuttamiseksi. Rakenteellisesti toimivimmat verkkosivut, joita on miellyttävä käyttää sekä kosketusnäytöillä, että hiiriohjauksella, ovat pystysuuntaisia ja ne hyödyntävät JavaScript- ja jQuery-liitännäisiä.