UI:SASS

Allikas: Kursused
Redaktsioon seisuga 17. aprill 2018, kell 18:58 kasutajalt Irve (arutelu | kaastöö) (Uus lehekülg: '{{UI}}''See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.'' ''right == Ülesanne == * Ülesande jaoks logi Putty abil...')
(erin) ←Vanem redaktsioon | Viimane redaktsiooni (erin) | Uuem redaktsioon→ (erin)
Mine navigeerimisribale Mine otsikasti

See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.

Ülesanne

  • Ülesande jaoks logi Putty abil dijkstra serveri käsureale ja pane sass sealt käima. Alternatiivina: paigalda oma arvutisse mõni vahend, mida kodulehekülg soovitab
  • Loo või leia võrguavarustest leht, mis sisaldab linke, pealkirju, tabeleid ja menüüd, sea see veebi selliselt üles, et ta loeks mingit CSSi, mida hakkad SASSi abil pakkuma.
  • Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:
    • muutujad:
      • defineeritud fondid -- sisutekst ja pealkirjad eraldi
      • defineeritud 2 põhivärvi ja 1 taustavärv
    • nestimine -- teisisõnu see reeglite teineteise sisse kirjutamise trikk (sobilik testida ul li abil tehtud menüü kujundamisel). vt sassi juhendi "nesting" alt.
    • mixin-id: samas stiilis kujundatud mitu elementi
    • direktiivide laiendamise (extend direktiiv)
    • tehted!
  • Pane valminud lehele ka kergesti leitav viide valminud SASS failile.

Alternatiiv

Veenge õppejõudu, et olete SASSi juba kuskil kasutanud.

Vihjed

  • Dijkstra sass võib automaatselt uuendada .sass või .scss faili muutmisel ka tulemusel tekkivat .css faili. Selleks kirjuta algse faili kataloogis:
   sass --watch .
  • Failide ülekandmisel dijkstrasse võib oma arvutist olla abiks Filezilla ning kooli arvutist "Secure File Transfer Agent".

Viited

Esitamine

  • Laadige töö dijkstrasse kataloogi "public_html/ui/praks8"
  • kirjutage kiri, kus on töö klõpsitav aadress ja töö tegiate nimed ja täispikad tudengikoodid.
  • saatke kiri oma praktikumi õppejõule erik.soekov@ttu.ee või mariliis.haalme@ttu.ee