HTML5- ja CSS3-verkko-opas

Abstract

HTML5 ja CSS3 ovat Internet-sivujen luomisessa käytettyjen web-standardien kehitysvaiheessa olevia uusia versioita. Standardit ovat osa Tampereen ammattikorkeakoulun tietojenkäsittelyn koulutusohjelmaa lähitulevaisuudessa. Opinnäytteen käytännön osion tuloksena on verkko-opas, jonka tarkoituksena on toimia opiskelijoiden itseopiskelumateriaalina. Opinnäytetyö toteutettiin TAMKin toimeksiantona, ja sen tavoitteena oli edistää digimediaan suuntautuneiden opiskelijoiden tuntemusta näistä standardeista. Raportissa kartoitetaan, mitkä ovat tekohetkellä parhaiten toimivat ja tärkeimmät ominaisuudet ja selvitetään näiden uusien standardien tarjoamia hyötyjä web-kehityksessä. Raportissa käsitellään myös web-standardien historiaa sekä nykytilannetta ja siihen johtaneita tekijöitä.

Uusien ominaisuuksien toimivuutta rajoittaa tällä hetkellä eniten selainten tuki. Tiettyjä elementtejä tuetaan jo melko laajasti, mutta yhteensopivuus on varmistettava ja tarjottava vaihtoehtoinen ratkaisu. Sekä HTML5:n että CSS3:n tarjoamat ratkaisut korvaavat osittain JavaScriptin tai erillisten liitännäisten käytön. Näin ollen web-kehittäjän ei välttämättä tarvitse turvautua useisiin eri tekniikoihin. Uusista rajapinnoista ja CSS3:n ominaisuuksista on hyötyä erityisesti mobiilikehityksessä. Internetin selaaminen erilaisilla laitteilla lisääntyy jatkuvasti ja kehitetyt HTML5- sekä CSS3-tekniikat antavat paremmat mahdollisuudet toteuttaa laiteriippumattomia mobiiliratkaisuja.

HTML5 ja CSS3 ovat molemmat hyvin laajoja käsitteitä, eikä ole vielä varmaa, kuinka laajoiksi ne lopulta kasvavat. Osaa HTML5:n ja CSS3:n uusista ominaisuuksista on alettu jo käyttää, ja niiden käyttö lisääntyy lähivuosina standardien kehittyessä ja selaintuen parantuessa. Oppaan päivittäminen on olennaista, sillä kaikki tärkeät piirteet eivät mahtuneet mukaan ja niiden määrä tulee kasvamaan tulevaisuudessa.

HTML5 and CSS3 are the new versions of web standards used in the creation of web-pages. In the near future these standards will be a part of the degree programme in Business Information Systems at Tampere University of Applied Sciences. The practical part of this thesis consists of a web guide that is meant for the students as self-learning material. This thesis was assigned by Tampere University of Applied Sciences for the purpose of improving the students’ knowledge of the aforementioned standards. The theoretical section gathers the best and most important features and explains the profits that these standards offer for web-developers. The history of the web standards and factors that have led into current situation are also covered.

The functionality of new features is restricted by browser support. Some elements are already widely supported, but compatibility must be ensured and an alternative solution offered. Both HTML5 and CSS3 offer features that partly replace the use of JavaScript or different plug-ins. Thus the web-developer does not need to resort to separate web-technologies. The new interfaces are particularly useful in mobile development. Internet browsing with a wide variety of devices is constantly increasing and HTML5 and CSS3 technologies offer better resources to implement device independent mobile solutions.

HTML5 and CSS3 are both extensive concepts and it is not yet sure how pervasive they will become. Some of the new features in HTML5 and CSS3 are already in use and their utilisation will increase in a few years when the standards evolve and browser support improves. Updating the web-guide is important, because all the essential elements could not be included and the number of elements will increase in the future.