Responsiiviset verkkosivut

Abstract

Tämä opinnäytetyö käsittelee verkkosuunnittelun historiaa ja tärkeimpiä huomioitavia asioita verkkosuunnittelussa. Työllä ei ollut toimeksiantajaa, vaan se tehtiin omalta harrastus- ja kiinnostuspohjalta. Tämän työn päätarkoitus on olla yksinkertainen opas responsiiviseen verkkosuunnitteluun ja selittää lukijalle, miksi responsiivinen verkkosuunnittelu on nykyaikana suositelluin tapa toteuttaa verkkosivuja.

Nykyaikana Internet-kykyisten laitteiden kirjo on kasvanut niin erilaiseksi, että se pitää huomioida verkkosivujen kehityksessä. Tämän ja muutamien muiden seikkojen vuoksi perinteiset verkkosivut eivät enää kelpaa. Työssä esitellään myös kilpailevat, mutta käytännössä vanhanaikaiset verkkosivujen toteutustavat, kuten erillinen mobiilisivusto ja adaptiivinen verkkosuunnittelu. Tuon esille eri tekniikoiden hyvät puolet ja heikkoudet, minkä avulla lukija voi ymmärtää, miksi responsiivinen verkkosuunnittelu on yleisesti paras tekniikka.

Responsiivinen verkkosuunnittelu käsittellään tarkemmin ja selitetään sen peruskonsepti ja vaadittavat teknologiat. Työssä käydään läpi joustava asemointi, joustavat kuvat ja mediakyselyt, sekä niiden merkitys responsiivisen verkkosuunnittelun kannalta. Tämän lisäksi esitellään vaadittavat HTML5 ja CSS3 ominaisuudet. Verkkosivun toteutuksessa esitellään responsiivisen konsepti vielä tarkemmin ja sen, miten responsiivinen verkkosuunnittelu vaikuttaa verkkosivuston käyttäytymiseen ja muovautumiseen kuvien avulla.

Tämän työn toteutuksessa tuotetaan responsiivinen verkkosivu, jonka on tarkoitus toimia esimerkkinä, kuinka toteutetaan yksinkertainen responsiivinen verkkosivusto. Aloittelevat web-koodaajat ja opiskelijat voivat käyttää sitä responsiiviseen verkkosuunnitteluun tutustumiseen ja mallipohjana responsiivisesta verkkosivusta. Responsiivinen verkkosuunnittelu kuitenkaan ei rajaa verkkosivun ulkoasua, joten tämä toteutus on vain yksi esimerkki.