UI:Bootstrap: erinevus redaktsioonide vahel
Resümee puudub |
|||
| 1. rida: | 1. rida: | ||
{{UI}} | {{UI}} | ||
''Selle praktikumi eesmärk on tutvuda veebi ehitamist hõlbustava raamistikuga | ''Selle praktikumi eesmärk on tutvuda mõne veebi ehitamist hõlbustava raamistikuga.'' | ||
== Ülesanne == | == Ülesanne == | ||
| 6. rida: | 6. rida: | ||
Tööd võib teha kahekesi või individuaalselt. | Tööd võib teha kahekesi või individuaalselt. | ||
Ülesanne: ehitage Bootstrapi abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile. Mõelge ka siin enne kujundamist paberprototüübi tegemisele. | Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand. | ||
Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele. | |||
=== Bootstrapi spetsiifika == | |||
Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/]. | Bootstrap on leitav siit: [http://getbootstrap.com/ http://getbootstrap.com/]. | ||
| 12. rida: | 16. rida: | ||
Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab. | Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab. | ||
Hea lähtekoht: võta lahti Get started, ning leia üles HTML Template ja siis vaata ka Examples. | Hea lähtekoht: võta lahti ''Get started'', ning leia üles HTML Template ja siis vaata ka ''Examples''. | ||
'''Kui ülesanne on liiga lihtne''', lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js abiks olla. | |||
=== Alternatiivid === | |||
Kui Bootstrap teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive. Üks nimistu võimalikest alternatiividest on: | |||
* [http://designsparkle.com/bootstrap-alternatives/ 21 most used bootstrap alternatives] - ignoreerige ühtlasi pealkirjas esinevat väidet | |||
==Esitamine== | ==Esitamine== | ||
Redaktsioon: 17. veebruar 2016, kell 09:20
| Leht kuulub aine Kasutajaliidesed juurde. |
Selle praktikumi eesmärk on tutvuda mõne veebi ehitamist hõlbustava raamistikuga.
Ülesanne
Tööd võib teha kahekesi või individuaalselt.
Ülesanne: ehitage Bootstrapi või mõne teise vabalt valitud veebiraamistiku abil esimese labori liidese põhjaks sisselogimise järgse lehekülje kavand.
Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Mõelge ka siin enne kujundamist paberprototüübi tegemisele.
= Bootstrapi spetsiifika
Bootstrap on leitav siit: http://getbootstrap.com/.
Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab.
Hea lähtekoht: võta lahti Get started, ning leia üles HTML Template ja siis vaata ka Examples.
Kui ülesanne on liiga lihtne, lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame. Alternatiivina võib Angular.js abiks olla.
Alternatiivid
Kui Bootstrap teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive. Üks nimistu võimalikest alternatiividest on:
- 21 most used bootstrap alternatives - ignoreerige ühtlasi pealkirjas esinevat väidet
Esitamine
- Salvestage töö arvutiklassi W: kettale või veebi.
- Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Bootstrap" (mis on oluline, sest sortimine!), ning milles on teie töö aadress ja autorid.
NB: Arvutiklasside veebiketastel leiduv on nähtav aadressil: http://www.tud.ttu.ee/web/Teie.Kasutajanimi/ ja vajab index.html faili (ning ärge unustage suuri tähti). Hindamise sissekandmisel on kasu ka ka autorite nimedest!