Kodutöö

Milleks teha?

Parimad tööd pannakse avalikku veebi (muidugi kui õpilane ise seda soovib). Täpsemalt siis Heroku serveri peale.

Mida ja kuidas teha?

  1. Valite endale meeldiv veebilehe template siit: https://html5up.net
  2. Laadige alla
    • Screenshot_2
  3. Tehke arhiiv lahti
    • Screenshot_4
    • Screenshot_5
  4. Installige endale Brackets või kasutage enda jaoks mugavamat text-editor’i.
  5. Avage kausta “as Brackets project” kui kasutate Brackets’i.
    • Screenshot_6
  6. Muutmiseks on index.html fail ja pildid.
  7. Veebilehe vaatamiseks võite kasutada kaht viisi:
    1. Live Preview (kui teil on Brackets), siis kõiki muudatusi näidatakse veebilehel automaatselt.
      Screenshot_8
    2. Või saate index.html otse brauseris avada, siis on vaja pärast igat koodi muutmist seda esiteks salvestada (CTRL+S) ja siis brauseris veebilehe uuendada (F5, või vastava nupu abil).
      Screenshot_9
  8. Screenshot_10
  9. Piltide jaoks on teil eraldi kaust images. Piltide asendamiseks võite kasutada enda poolt tehtud pilte ja pilte siit: https://unsplash.com/
  10. Laadin alla uue pildi Unsplash’ist ja panen selle images kausta. Pange tähele, et mul sisselülitatud faili tüübi näitamine windowsis.
    • Screenshot_11
  11. Vahetan vastava koodi index.html’is.
    1. Oli:
      Screenshot_12
    2. Nüüd:
      Screenshot_13
  12. Esimene pilt tehtud, sarnaselt saate ka teisi muuta.
    Screenshot_14
  13. Muutke ka veebilehe pealkirja (Antud juhul “Lens”) ona nime vastu. Ja halli tektsti asemele (Antud juhul “Just another fine….”)  kirjutage lühidalt midagi endast.
  14. Kui teil tekivad küsimused, küsige emaili teel: valeri.randalainen@live.com
  15. Edu!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s