CSS-Editori

Abstract

Opinnäytetyössä käsitellään CSS 3-tyylimäärittelyn uusia ominaisuuksia, CSS-editorien toimivuutta ja käyttöliittymäsuunnittelua. Työn jälkimmäisessä vaihees-sa suunnitellaan ja toteutetaan CSS-editori.

Teoriaosuudessa käsitellään yleisesti CSS-tyylimäärittelyjä ja tarkemmin CSS 3:n moduuleja ja niiden mukana tulleita uusia ominaisuuksia. Samalla tarkastellaan, mitä niillä voi tehdä ja millainen vaikutus niillä on nettisivujen koodaukseen. Työssä testataan myös tarjolla olevia CSS-editoreja ja sitä, mitä niillä pystyy te-kemään. Lisäksi perehdytään tarkemmin käyttöliittymäsuunnitteluun käytettävyy-den, suunnittelun ja testaamisen näkökulmista.

Opinnäytetyön case-osuudessa perehdytään oman CSS-editorin toteuttamiseen. Ohjelmalle asetetaan tavoitteet ja tehdään rakenne ja ulkoasusuunnitelma, joiden pohjalta tehdään käyttäjätestaus prototyypin avulla. Saadun informaation pohjalta ohjelmoitiin lopullinen työpöytäsovellus.

The thesis evaluates the new features of the CSS 3 styling specifications, the func-tionality of the CSS-editors and its user interface designing. The later part of the the-sis includes designing and manufacturing an operational CSS-editor.

The theoretical part of the thesis comprises of the general CSS styling specifications, and the specific modules of CSS 3 and its features regarding their utililization for coding websites. It also studies the functionality of the available CSS-editors and takes a closer examination of the user interface designing from the viewpoint of accessability, designing and testing.

The case part of the thesis manufactures an operational CSS editor. The program is given specific goals, a structure and a layout. Based on these specifications a proto-type was built for user testing. The final desktop application was programmed with the feedback from the test users.