Responsiivinen verkkosuunnittelu Drupal- julkaisujärjestelmän avulla

Abstract

Tämän opinnäytetyön tavoitteena oli luoda katsaus responsiiviseen verkkosuunnitteluun käsitteenä sekä suunnitella ja toteuttaa responsiivinen verkkosivusto Drupal- sisällönhallintajärjestelmän avulla. Opinnäytetyössä käydään läpi responsiivisen verkkosuunnittelun keskeisimmät tekniikat ja ominaisuudet vaihe vaiheelta. Opinnäyteyö käy läpi responsiivisen verkkosivuston kehittämisen sisällönhallintajärjestelmän avulla vaihe vaiheelta.

Internet-sivusto toteutettiin W3 Group Oy:lle, koska yrityksen vanha sivusto ei vastannut sen tarjoamia palveluita ja sivusto oli vaikeasti päivitettävissä. Yrityksen palveluihin kuuluu Drupal-sivustojen toteutus ja verkkosivusto kokonaisuuksien rakentaminen responsiivisesti.

Sivusto toteutettiin ammattigraafikon suunnitelemaa ulkoasua mukaillen. Toteutuksen alussa asennettiin Drupal, lisättiin sivuston lisäosat ja teemat ja viimeisenä vaiheena sivuston ulkoasu toteutettiin ulkoasun mukaiseksi. Sivustoa ja sen ominaisuuksia testattiin lopuksi yrityksen työntekijöiden kanssa.

Responsive web design with Drupal content management system

The purpose of this thesis was to provide an overview of responsive web design as a concept. Project was to plan and produce responsive website with a help from Drupal content man- agement system. The Thesis goes through the main techniques and properties of responsive web design step by step. It also goes through responsive web design implemented to content management system.

The web page was implemented for W3 Group Oy, because the company’s old site did not respond to the services they are offering and the site was hard to maintain. Company’s ser- vices include building Drupal-sites and following responsive web design.

The web page implementation was based on a layout produced by Graphic designer. In the beginning of implementation Drupal was installed with add-ons and themes and the final step was implementing the web design to follow layout. The web page and it’s properties was tested in the end by the company's employees.