Erinevus lehekülje "UI:SASS" redaktsioonide vahel
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 | + | * Ü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!
- muutujad:
- 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