Nettisivut koiraharrastajalle

Abstract

Tämän opinnäytetyön toimeksiantajana toimii kajaanilainen koiraharrastaja Maarit Tarkiainen. Aikaisemmin asiakas on ylläpitänyt harrastustaan Facebook-sovelluksen avulla, mutta nyt kuvien, videoiden ja päivitysten lisääntyessä on huomannut, että tarvitsee harrastuksensa tueksi myös nettisivut. Toimeksiantona oli suunnitella helppokäyttöiset, selkeät ja aiheeseen sopivat nettisivut. Sivujen on tarkoitus olla responsiiviset, jotta niitä olisi helppo selailla myös älylaitteilla. Asiakas haluaa myös, että nettisivuilla julkaistua sisältöä on mahdollista jakaa sosiaalisessa mediassa ja että keskustelu on mahdollista lukijoiden ja asiakkaan välillä.

Opinnäyteyön tekemisessä käytetään Wordpress-julkaisujärjestelmän lisäksi myös Adobe Photoshop –ohjelmaa kuvien ja värien muokkaamiseen, CSS-tyylitiedostoja sekä HTML5-kieltä. Asiakkaalla oli valmiiksi tietokannassa paljon kuvia, videoita ja materiaaleja nettisivujen sisällöksi, joten uutta materiaalia ei tarvinnut kerätä lisää.

Tässä opinnäytetyössä kerrotaan Wordpress-julkaisujärjestelmällä toteutettujen nettisivujen teoriasta ja käytännön vaiheista. Teoriaosuudessa kerrotaan Wordpress-julkaisujärjestelmästä ja mitä se pitää sisällään. Teoriapuolella käydään läpi myös nettisivujen yleistä teoriaa ulkoasuun liittyvistä seikoista. Toteutuksen puolella käydään läpi opinnäytetyön taustoja, Wordpress-julkaisujärjestelmän asennusta ja miten sivuston rakenne ja ulkoasu saatiin aikaan.

Opinnäytetyön tuloksena olivat nettisivut, joihin asiakas ja tekijä olivat tyytyväisiä. Nettisivut asiakas aikoo itse siirtää maksulliselle palvelimelle ja julkiseen verkkoon. Asiakas aikoo myös itse tulevaisuudessa päivittää sivuja, mutta tarvittaessa tekijäkin on valmis päivittämään niitä.

This thesis was commissioned by a dog enthusiast Maarit Tarkiainen from Kajaani. Thus far this client has been maintaining her hobby with Facebook-application but now when the amount of photos, videos and updates has been increasing, she realized that she needs a website to sup-port her hobby too. The commission was to plan user friendly, clean and suitable for the topic homepage. Website is also supposed to be responsive so that it can be easily visited from differ-ent devices. Client also wants that the information on the website can be shared in social media and that the conversation between the client and readers is also possible.

When doing this thesis the programs used besides Wordpress were Adobe Photoshop-program to edit colors and pictures, CSS-stylesheets and HTML-language. For the content of the website, client had a big database of pictures, videos and material. Therefore, collecting new material was not necessary.

This thesis discusses the theoretical and practical phases of making a website with Wordpress. The theoretical part of this introduces Wordpress and its contents Common theories about layout are also discussed in theoretical background. The practical part of the thesis focused on explain-ing how Wordpress was installed, and how the structure and layout is built. Result of this thesis is a website that both client and designer are content within. The client intends to move website on her own to the public server and also update the website by herself but if necessary maker can help.