Teoriaa ja muuta tähdellistä

- opettajanamme toimii edelleen huippukoodaaja Radu Mariescu-Instodor
- avaa valmiiksi Radun toinen ohjevideo ja tee alla olevat tehtävät sen avulla.
-lisää tiedostojen nimiin 3. Näin vältymme samannimiset tiedostot -virheeltä. Voit esimerkiksi luoda index3.html, script3.js ja styles3.css -tiedostot. Ole tarkkana, että käytät samoja tiedostonimiä kaikkialla koodeissa. Voit myös luoda jakamasi kansion sisälle oman kansion jokaiselle koodauskeissille.

Helppo

- tarkoituksenasi on tutustua videon oheiden erilaisiinn väriarvoihin. Kannattaa tutustua www:stä löytyvää colorpicker -sivustoon. Kuvan koko (canvas) on 400px x 400px. Käytä väreinä komplementtivärejä (selvitä itse). Voit tehdä samanlaisen kuvion kuin ohjevideossa. Voit tallentaa tiedoston esim. index3_helppo.html jne. nimellä.



Haastava

- tarkoituksenasi on piirtää videon oheiden avulla kuva, jossa eri komplementtivärit vuorottelet suorakulmion muotoisina kehinä. Kehien leveyden ja värit saat itse päättää. Kuvasta pitäisi tulla neliöspiraali Kuvan koko (canvas) on 500px x 500px. Voit tallentaa tiedoston index3_haastava.html nimellä. Alla on mallikuva, tekemäsi kuvan ei tarvitse välttämättä olla "spiraali", vaan voit koostaa kuvan neliön muotoisista, yhtenäisistä, kehistä.



Tehtävän palautus

• ennen tallennus tarkasta tiedostojen nimet.
• Tallenna index3_helppo.html  ja index3_haastava.html tiedostot KooDaa -kansioosi. Voit luoda Koodaa -kansion sisälle oman kansion tehtäville esim. keissi3
• palauta tehtävät viimeistään 27.3.2023, niin saat täydet pisteet ahkeruuspottiin