Erilaisia verkkojulkaisuja
WordPress, HTML/CSS, JavaScript, CSS-GRID, Boostrap
Asiakastyönä verkkosivut
Asiakastyönä toteutetut sivustot WordPressillä
Käsityöntekijälle kotisivut käsitöiden esittelyyn verkossa
Suunnittelin serkulleni Helenalle pienet verkkosivut. Hän on tehnyt käsitöitä erityisesti villasukkia, lapasia ja patalappuja pienestä pitäen. Tarkoituksena oli saada hänelle näkyvyyttä, että hän voisi jatkossa esitellä omia käsitöitään verkkosivun avulla.
Linkki sivustolle kuvassa.
Toteutuksessa käytetty WordPressin Astra teemaa.
Metsuriyrittäjälle yksinkertaiset kotisivut
Suunnittelin verkkosivut pikkuserkulleni Juholle. Hän on metsuriyrittäjä, joka tekee ahkerasti omia videoita Youtubeen. Videoiden aiheena erilaiset metsätyöt.
Sivulta löydät tietoa Juhon matkasta metsurin ammattiin, tietoa metsurin työtehtävistä ja kuvagallerian menneiltä vuosilta.
Sivuston tyyli on asiakkaan toiveesta hyvin yksinkertainen ja selkeä.
Linkki sivustolle kuvassa.
Toteutuksessa käytetty WordPress Astra teemaa.
Verkkojulkaisuja
Koulussa toteutettuja verkkojulkaisuja eri ohjelmia käyttäen
HTML/5 SIVUSTO LEMPIBÄNDISTÄ
Ensimmäisessä tehtävässä piti osata luoda järkevä kansiorakenne sekä yksinkertainen HTML sivusto aiheena bändi/laulaja. (Ei toimi mobiiliversiossa.)
HTML/5 – MEGACITY 1
Saimme ohjeeksi tehdä samanlainen sivusto mallia käyttäen.
(Tämä sivusto ei toimi mobiiliversiossa.)
HTML/5 – MEGACITY 2
Tehtävässä tutustuttiin responsiiviseen rakenteeseen. Eli miltä sivusto näyttää eri laitteilla katsottuna esim. tabletti tai puhelin.
JAVASCRIPT HARJOITUS
Tehtävänä oli luoda mallinmukainen animaatio. Menemällä pienen kuvan kohdalle sama kuva toistuu myös isossa kuvassa.(Ei toimi mobiilissa)
PHOTOSHOP LAYOUT KUVAN TOTEUTTAMINEN CSS -GRID TAI BOOSTRAP TEKNIIKALLA
Toteutetaan HTML sivustoksi Photoshopissa tehty kuvitteellisen sivuston layout. Käytin toteutuksessa CSS Grid tekniikkaa. Linkki sivulle kuvassa. (Sivusto ei toimi mobiilissa)
SHORTCUTS, WORDPRESS Suunnittelin ensimmäisen verkkosivuston kuvitteelliselle parturi-kampaamo ShortCutsille. Toteutuksessa käytetty Astra teemaa.
Html/CSS, JavaScript, CSS-Grid ja WordPress
Oma WP-Teema
Tehtävässä käytetty opettajan valmista wordpress teemaa, johon olen itse lisännyt tekstit, kuvan ja taustan.
