Responsiivisen verkkosivun toteutus Drupal -sisällönhallintajärjestelmällä
Kalliomäki, Jani (2016)
Kalliomäki, Jani
Turun ammattikorkeakoulu
2016
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201605198653
https://urn.fi/URN:NBN:fi:amk-201605198653
Tiivistelmä
Verkkosivuja selataan nykypäivänä yhä enenevässä määrin mobiililaitteilla. Tämän on faktan on myös huomannut hakukone Google, joka alkoi vuoden 2015 huhtikuussa suosimaan mobiiliystävällisiä sivustoja hakutuloksissaan. Siksi sivustoja täytyy muokata sopimaan paremmin pienemmille näytöille. Aikaisemmin tämä on tarkoittanut käytännössä sitä, että sivustolle luodaan erillinen mobiiliversio johon käyttäjä ohjataan mikäli hän saapuu sivustolle mobiililaitteella. Tämä on kuitenkin useimmiten kallis vaihtoehto, joka tuottaa toteuttajalle ylimääräistä työtä ja tekee sivustoista hitaita. Vaihtoehto mobiiliystävällisten sivustojen toteuttamiseen on luoda responsiivinen sivusto, joka skaalautuu käyttäjän laitteen näytön mukaan.
Tässä opinnäytetyössä esitellään yksi tapa, joilla responsiivisuuden voi toteuttaa. Työssä käsitellään responsiivisuuden toteuttamista CSS- tai JavaScript-tekniikoita käyttäen. Lisäksi työssä perehdytään siihen, mitä kannattaa ottaa huomioon responsiivista verkkosivua suunnitellessa. Sivuston luomisessa käytän työvälineenä Drupal –sisällönhallintajärjestelmää, johon rakennan responsiivisen teeman.
Opinnäytetyön tuloksena syntyy nosto- ja kuljetusalan yritykselle sivusto, joka toteutetaan responsiivisesti. Sivusto saatiin lähes valmiiksi, ja se julkistetaan kun sisältö saadaan syötettyä paikalleen. Asiakkaan toiveena oli muuttaa sivuston ulkoasu nykyaikaisemmaksi, mutta silti säilyttää hallinnan käyttöliittymä mahdollisimman muuttumattomana. Näissä tavoitteissa onnistuttiin pysymään, minkä takia opinnäytetyö onnistui tavoitteiden mukaisesti.
Tässä opinnäytetyössä esitellään yksi tapa, joilla responsiivisuuden voi toteuttaa. Työssä käsitellään responsiivisuuden toteuttamista CSS- tai JavaScript-tekniikoita käyttäen. Lisäksi työssä perehdytään siihen, mitä kannattaa ottaa huomioon responsiivista verkkosivua suunnitellessa. Sivuston luomisessa käytän työvälineenä Drupal –sisällönhallintajärjestelmää, johon rakennan responsiivisen teeman.
Opinnäytetyön tuloksena syntyy nosto- ja kuljetusalan yritykselle sivusto, joka toteutetaan responsiivisesti. Sivusto saatiin lähes valmiiksi, ja se julkistetaan kun sisältö saadaan syötettyä paikalleen. Asiakkaan toiveena oli muuttaa sivuston ulkoasu nykyaikaisemmaksi, mutta silti säilyttää hallinnan käyttöliittymä mahdollisimman muuttumattomana. Näissä tavoitteissa onnistuttiin pysymään, minkä takia opinnäytetyö onnistui tavoitteiden mukaisesti.