Lukujärjestys

Mon 02/02

HUOM! LÄHIOPETUS

ORIENTAATIO

• Tutkinnon esittely
• Ryhmään tutustuminen
• Ruokailu
• Ryhmätyö

Etätehtävä:

1. Luo/tarkista ammatilliset Google tunnukset Figmaan kirjautumista varten.

Tue 03/02

HUOM! LÄHIOPETUS

ORIENTAATIO

• Kirjautuminen tietojärjestelmiin (Wilma, Office 365)
• Verkkoviestintä MINDMAP
• Koulutuksen rakenne ja oppimisympäristö

WORDPRESS – Asennus

• Alidomain
• Tietokannat
• Installator
• WP-asennus palvelimelle

Etätehtävä:

1. Oman portfolion WP-asennus

Wed 04/02

WORDPRESS

– Teemat
– Posts vai Pages
– Gutenberg vai builderi
– Kategoriat ja avainsanat
– Sivujen luominen
– Naviogointi / Sitemap

Etätehtävä

1. Portfolion aloittaminen
2. Minusta sivun luominen
3. Mindmap-artikkelin tekeminen

Mon 16/02

FIGMA

• HTML sivun visuaalinen suunnittelu Figmalla

Etätehtävä:

1. Asenna Visual Studio Code

Tue 17/02

HTML/CSS

• WWW-Sivun rakenne
• HTML ja CSS kielien syntaksi
• Kansiorakenne ja tiedostojen nimeäminen
• Visual Studio Code – ohjelman käyttö
• HTML: Yleisimmät elementit

Etätehtävä

1. Suunnittele ja toteuta HTML muusikko-sivu
2. Asenna Illustrator

Wed 18/02

WORDPRESS

• Huoltotila / Maintenance
• TEEMAN säätäminen
• Header / Footer
• Pikalogo (Illustrator)
• Post Grid + Custom Post Type
• (Teeman muokkaaminen omalla CSS:llä)

Etätehtävä:

1. Portfolioon etusivun toteutus post-Grid

Mon 02/03

HTML -SIIRTÄMINEN

• Alidomainin luominen
• Sivun siirtäminen palvelimelle
• FileZillan käyttäminen

HTML/CSS – SELECTORS

• Semanttiset elementit
• Google fontit
• selectors (Luokat ja ID)
• inline / block -elementit
• Palstat (css-grid)
• Responsiivisuus

Etätehtävä:

1. HTML-tehtävä: portfolio.html
2. Muusikko sivun linkitys postfolioon

Tue 03/03

** ALOITETAAN 10:00 **

KUVANKÄSITTELY (Photoshop)

• Johdanto digitaaliseen kuvaan
• Kuvan pikamuokkaus ja retusointi
• Kuvien julkaiseminen eri julkaisualustoille
• Perspektiivin korjaaminen
• Häiritsevän kohteen poistaminen

Etätehtävä:

1. Kuvankäsittelytehtävät 1, 2, 3
2. Portfolioon kuvankäsittely artikkeli ja tehtävän palautukset

Wed 04/03

WEB-TUOTANTO

• Tuotantoprosessi
• Tarjous
• Projektinhallinta: Aikataulut & tuntikirjanpito
• SHORTCUTS-projektin aloitus

WORDPRESS

• Käyttäjien lisääminen WP:lle
• Sähköpostitilien hallinta palvelimella

Etätehtävä:

1. Tarjous perjantaihin 6.3. klo. 16:00 mennessä
2. Portfolioon vierailija tunnuksen luominen

Mon 16/03

WEB-TUOTANTO

• Tarjouksen läpikäynti
• Sopimus /tilausvahvistus

KUVANKÄSITTELY 

• Tasorakenteet
• Syvääminen + maskit
• Tuotekuvan viimeistely

Etätehtävä

1. Sopimus palautus TO 26.3

Tue 17/03

KUVANKÄSITTELY 

• Tasorakenteet
• Syvääminen + maskit
• Tuotekuvan viimeistely

Etätehtävä

1. Kuvankäsittely tehtävät 4, 5, 6

Wed 18/03

WORDPRESS

• Kuvankäsittely verkkosivulle

Etätehtävä

1. Luo omaan portfolioon jokin räätälöity kuva.

Mon 30/03

HTML/CSS – ASETTELU

• HTML-tehtävän läpikäyminen
• Sivuston asettelun historia ja keinot
• CSS-GRID asettelu

Etätehtävä

1. HTML-tehtävä: LemonChili ja sivun siirtäminen palvelimelle ja portfolioon

Tue 31/03

WEB-TUOTANTO

• Sopimuksen läpikäynti
• Määrittely (Idea, Tavoitteet, Kohderyhmä)
• SEO(avainsanat ja kysymykset)
• (Työkaluna Figma)

Wed 01/04

WEB-SUUNNITTELU

• Sivuston rakenteen suunnittelu
• Sitemap (figma)
• Määrittely (Sisältölista)

WORDPRESS

• Sisältömallien käyttö
• Spectra WP-Lomake

Etätehtävä

1. Suunnittele itsellesi projektikansiorakenne
2. Sitemap ShortCuts sivustolle
3. Luo aikataulu Shorcutsin totuttamiseen

Mon 06/04

PÄÄSIÄINEN

Tue 07/04

SITEMAP-palaute

Wed 08/04

SITEMAP-palaute

Mon 13/04

LOGOT

• Logosuunnittelu
• Illustrator

Etätehtävä

1. Luo ShortCuts sivustolle logo

Tue 14/04

WORDPRESS

• WP-Lomakkeet
• SMTP-lisäosa
• GDPR
• Tietosuojaseloste
• Kertaus: WP-sivuston asennus

Wed 15/04

WEB-SUUNNITTELU

• Sivuston visuaalisuus
• Inspiraatio kuvat (figma)
• Karkea layout (figma)

Etätehtävä

1. Projektisivuston suunnittelu, referenssikuvat ja karkea layout
2. Referenssikuvien ja layoutkuvan Palautus Jannalle sähköpostiin

Mon 27/04

WORDPRESS

• Päivitys ja varmuuskopioint
• WP-sivuston siirtäminen

SEO JA ANALYTICS

• Google analytics (asennus)
• Cookies & GDPR
• SEO-Yoast-lisäosa (asennus)

Tue 28/04

SEO JA ANALYTICS

(Mari Hokkanen)

Wed 29/04

HTML/CSS

• CSS-Reset tiedostot
• Asettelu: Positions (relative, absolute, fixed)

Etätehtävä

• HTML-tehtävä ja siirtäminen palvelimemme ja portfolioon

Mon 11/05

TESTAUS

• Sivuston siivous
• Kuvien optimointi / kansiot
• Saavutettavuus ja testaus
• Julkaisuvaiheen Checklist

Vierailijaluento

• Palvelin ratkaisut
• Jiri

Etätehtävä

1. ShortCuts sivuston testaus ja viimeistely

Tue 12/05

HUOM! LÄHIOPETUS

PALAUTESEMINAARI

• ShortCuts-Projekti päättyy

Etätehtävä

1. Asiakastyön toteutus voi alkaa

Wed 13/05

JAVASCRIPT

• Perusteet

Vierailijaluento

• Asiakastöiden toteutus yrittäjänä
• Web-kehittäjä Nora

Etätehtävä

1. Pieni JS-tehtävä

Mon 25/05

VALOKUVA ja KEVYT YRITTÄJYYS

Esko Varesvuo

Tue 26/05

VALOKUVA ja KEVYT YRITTÄJYYS

Esko Varesvuo

Wed 27/05

VALOKUVA ja KEVYT YRITTÄJYYS

Esko Varesvuo