Erinevus lehekülje "UI:SASS" redaktsioonide vahel

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
(Uus lehekülg: '{{UI}}''See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.'' ''right == Ülesanne == * Ülesande jaoks logi Putty abil...')
 
 
4. rida: 4. rida:
 
== Ülesanne ==
 
== Ülesanne ==
  
* Ülesande jaoks logi Putty abil dijkstra serveri käsureale ja pane sass sealt käima. Alternatiivina: paigalda oma arvutisse mõni vahend, mida [http://sass-lang.com|SASSi kodulehekülg] soovitab  
+
* Ülesande jaoks logi Putty abil dijkstra serveri käsureale ja pane sass sealt käima. Alternatiivina: paigalda oma arvutisse mõni vahend, mida [http://sass-lang.com SASSi 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.
 
* 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:
 
* Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:

Viimane redaktsioon: 17. aprill 2018, kell 19:56

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 SASSi 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