Turvallisuus-websivu

Tämä projekti sai alkunsa yhteistyöstä turvallisuus- ja riskienhallinnan opiskelijan kanssa. Hän ehdotti informaatiosivuston toteuttamista urheilutapahtuman turvallisuussuunnittelun tueksi. Sivustosta tuli myöhemmin myös osa hänen opinnäytetyötään.

Suunnittelu ja toteutus

Projekti alkoi sisällön hahmottelulla ja yhteisellä palaverilla, jossa esitin ehdotuksia sivuston visuaaliseksi ilmeeksi. Toteutuksessa etenin seuraavasti:

• Rautalankamallit: Hahmottelin rakenteen huolellisesti ennen koodauksen aloittamista.
• Bootstrap: Valitsin frameworkiksi Bootstrapin varmistaakseni sivuston täyden responsiivisuuden.
• Saavutettavuus: Kiinnitin erityistä huomiota saavutettavuuteen ja HTML-elementtien oikeaoppiseen käyttöön.

Oppimiskokemukset

Minulla oli aiempaa kokemusta websivujen kehityksestä ajalta ennen CSS-tyylien yleistymistä, joten tämä projekti tarjosi loistavan mahdollisuuden päivittää osaamiseni nykyaikaan.

• Hyödynsin laajasti CSS-efektejä tuomaan näyttävyyttä.
• Käytin Font Awesome -ikoneita parantamaan visuaalista selkeyttä.
• Opin projektin aikana valtavasti responsiivisuudesta, tyylitiedostojen hallinnasta ja modernista web-suunnittelusta.

Lopputuloksena syntyi miellyttävä, selkeä ja helppokäyttöinen kokonaisuus, joka toimii saumattomasti niin työpöydällä kuin mobiililaitteillakin.

Linkit ja lisätiedot:

• 🌐 Verkkosivu: turvallisuus.github.io
• 💻 Lähdekoodi: GitHub