Utveckling av en responsiv nätsida för HPTY Recodings

Abstract

I dag surfar man på webben ofta med en pekplatta och smarttelefon. För att webbplat-sen också skall fungera på surfplattor och smarttelefoner måste den vara responsiv. D.v.s. webbplatsen skall ha samma funktionalitet och se bra ut oberoende med vilken apparat man besöker webbsidan. I detta examensarbete kommer jag att berätta om webbsidans utvecklings- och designprocessen, samt redogöra vad responsivitet innebär och hur det i parktiken går till att göra en webbsida responsiv. På grund av att det finns så många olika sätt att göra en webbsida responsiv har jag valt några allmänna metoder för noggrannare granskning och skall försöka lista ut vilken metod passar bäst just för denna webbsida.

Nykyään käytetään yhä useammin netin selaamiseen joko taulutietokonetta tai älypuhe-linta. Jotta nettisivut toimivat ja näyttävät hyvältä myös älypuhelimissa ja taulutietoko-neissa on sivujen oltava responsiiviset. Toisin sanoen nettisivujen on toimittava kaikilla laitteilla. Tässä opinnäytetyössä käsittelen nettisivujen ulkoasun suunnittelu- ja ohjelmoin-ti prosessia, sekä selvennän mitä responsiivisuus tarkoittaa ja miten responsiivisuus käy-tännössä saavutetaan. Koska menetelmiä on niin monia valitsin muutaman menetelmän lähempää tarkastelua varten ja yritän selvittää mikä menetelmä on paras juuri tälle nettisi-vuille.

Now days it is very common to browse the web with a smartphone or a tablet. In order to work properly on smaller displays the website needs to be responsive. In other words, the website should have the same functionality and look good regardless of what kind of a device you are using. In this thesis, I will tell you about the web page development and design process, and describe what responsivity is and how a website is made responsive. Because there are so many different ways to make a website responsive, I have chosen a couple methods for closer examination and will try to figure out which method is most suitable for this website.