Www-sivut arkkitehti Kaarina Niskalalle

Abstract

Opinnäytetyönä suunnittelin ja toteutin web-sivuston arkkitehti Kaarina Niskalan toiminimen käyttöön. Tilaajalla ei ollut web-sivuja entuudestaan, joten sivut suunniteltiin alusta alkaen yhteistyössä tilaajan kanssa hänen toiveidensa mukaisesti. Web-sivut toteutettiin HTML:llä, CSS:llä, Flashilla, JavaScriptilla sekä PHP-lomakkeella pääosin Adobe Dreamweaver CS5 –ohjelmaa käyttäen. Sivut julkaistiin www.kaarinaniskala.fi –osoitteessa työn loppuvaiheessa.

Tavoitteena oli luoda selkeät ja yksinkertaiset sivut, joiden kautta potentiaaliset asiakkaat pääsevät tutustumaan toimeksiantajaan ja hänen töihinsä sekä ottamaan yhteyttä sähköpostilla sivuilta löytyvän lomakkeen kautta. Tässä raportissa kerrotaan sivujen toteuttamisprosessista sekä toteuttamisen periaatteista HTML:n, CSS:n, JavaScriptin ja Flashin käyttämisen sekä käytettävyyden kannalta sivujen navigoinnin ja visuaalisuuden osalta. Lisäksi raportissa käsitellään sivujen näkyvyyttä verkossa hakukoneoptimointia painottaen.

The aim of my thesis was to design and implement a web page for a sole proprietorship. The client, Kaarina Niskala, is an architect. The client did not have an earlier web page so it was designed from scratch. This was carried out in co-operation with the client, according to her wishes.

The web page was implemented using HTML, CSS, Flash, JavaScript and a PHP-form. The main software that was used in the process of creating the web page was Adobe Dreamweaver CS5. The web page was published at www.kaarinaniskala.fi at the end of the process. This report explains the implementation process and the theory behind it in terms of HTML, CSS, Flash and JavaScript. It also examines usability in respect to navigation and visualization. Furthermore, visibility in the internet is examined emphasizing search engine optimization.

As a result, a simple and user friendly web page was created. This enables the customers to get acquainted with the client and her earlier works. Moreover, a potential customer can contact the architect via e-mail using a contact form.