http://courses.cs.taltech.ee/w/index.php?action=history&feed=atom&title=UI%3AVeebilehtede_p%C3%B5hjad 2026-04-30T12:21:22Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.35.9 http://courses.cs.taltech.ee/w/index.php?title=UI:Veebilehtede_p%C3%B5hjad&diff=6360&oldid=prev 2018-02-07T14:21:04Z

<p><span dir="auto"><span class="autocomment">Ülesanne</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 7. veebruar 2018, kell 14:21</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11" >11. rida:</td> <td colspan="2" class="diff-lineno">11. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Märgake, et kasutaja võiks pärast sisselogimist näha kas midagi kasulikku või valikuid võimalikest edasistest tegevustest. Mõelge ka siin enne kujundamist paberprototüübi sodimisele.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Märgake, et kasutaja võiks pärast sisselogimist näha kas midagi kasulikku või valikuid võimalikest edasistest tegevustest. Mõelge ka siin enne kujundamist paberprototüübi sodimisele.</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">On oluline märkida, et kuna kasutaja on juba sisse logitud, siis ta kindlasti tahab näha, kes on sisse logitud, muuta seadeid ja võib olla isegi näha midagi ajalooga seotud nt arhiive.</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Skeletoni spetsiifika ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Skeletoni spetsiifika ===</div></td></tr> </table>

ErikSoekov http://courses.cs.taltech.ee/w/index.php?title=UI:Veebilehtede_p%C3%B5hjad&diff=6328&oldid=prev 2018-02-06T20:09:15Z

<p><span dir="auto"><span class="autocomment">Ülesanne</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 6. veebruar 2018, kell 20:09</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >14. rida:</td> <td colspan="2" class="diff-lineno">14. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Skeletoni spetsiifika ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Skeletoni spetsiifika ===</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Skeleton on leitav siit: [http://<del class="diffchange diffchange-inline">getskeletoncom</del>/ http://getskeleton.com/].</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Skeleton on leitav siit: [http://<ins class="diffchange diffchange-inline">getskeleton.com</ins>/ http://getskeleton.com/].</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Tutvu elementide valiku ja näitega — et teaksid, mida sellega lihtsal moel ehitada saab.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Tutvu elementide valiku ja näitega — et teaksid, mida sellega lihtsal moel ehitada saab.</div></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:Veebilehtede_p%C3%B5hjad&diff=6327&oldid=prev 2018-02-06T18:30:12Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 6. veebruar 2018, kell 18:30</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l29" >29. rida:</td> <td colspan="2" class="diff-lineno">29. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Kui Skeleton teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive Bootstrapiga sarnanevate asjade näol.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Kui Skeleton teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive Bootstrapiga sarnanevate asjade näol.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://lmgtfy.com/?q=like%3A+Bootstrap+web+<del class="diffchange diffchange-inline">framwork </del>Las ma aitan Googeldada].</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [http://lmgtfy.com/?q=like%3A+Bootstrap+web+<ins class="diffchange diffchange-inline">framework </ins>Las ma aitan Googeldada].</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{UI-boilerplate}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{UI-boilerplate}}</div></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:Veebilehtede_p%C3%B5hjad&diff=6326&oldid=prev 2018-02-06T18:29:14Z

<p><span dir="auto"><span class="autocomment">Küsimused</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 6. veebruar 2018, kell 18:29</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23" >23. rida:</td> <td colspan="2" class="diff-lineno">23. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib kasutada teisi põhjasid (template) või valmis ehitatud kujundusi: oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib kasutada teisi põhjasid (template) või <ins class="diffchange diffchange-inline">mallide jaoks </ins>valmis ehitatud <ins class="diffchange diffchange-inline">vabakasutuses olevaid </ins>kujundusi: oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Ei, ei ole okei kui te esitate kellegi teise valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Ei, ei ole okei kui te esitate kellegi teise valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:Veebilehtede_p%C3%B5hjad&diff=6325&oldid=prev 2018-02-06T18:28:42Z

<p><span dir="auto"><span class="autocomment">Küsimused</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 6. veebruar 2018, kell 18:28</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23" >23. rida:</td> <td colspan="2" class="diff-lineno">23. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib kasutada teisi põhjasid (template) või <del class="diffchange diffchange-inline">noppeid (nt: [[http://bootsnipp.com/ Bootsnipp.com]])</del>: oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Jah, sobib kasutada teisi põhjasid (template) või <ins class="diffchange diffchange-inline">valmis ehitatud kujundusi</ins>: oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Ei, ei ole okei kui te esitate kellegi valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Ei, ei ole okei kui te esitate kellegi <ins class="diffchange diffchange-inline">teise </ins>valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternatiivid ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternatiivid ===</div></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:Veebilehtede_p%C3%B5hjad&diff=6323&oldid=prev 2018-02-06T18:24:50Z

<p>Uus lehekülg: &#039;{{UI}} &#039;&#039;Selle praktikumi eesmärk on tutvuda ühe veebi ehitamist hõlbustava raamistikuga.&#039;&#039; == Ülesanne == Tööd võib teha kahekesi või individuaalselt. Ülesanne: laa...&#039;</p> <p><b>Uus lehekülg</b></p><div>{{UI}}<br /> &#039;&#039;Selle praktikumi eesmärk on tutvuda ühe veebi ehitamist hõlbustava raamistikuga.&#039;&#039; <br /> <br /> == Ülesanne ==<br /> <br /> Tööd võib teha kahekesi või individuaalselt.<br /> <br /> Ülesanne: laadige Skeleton või mõni teine vabalt valitud veebiraamistik (Bootstrap, HTML5 Boilerplate jne) ja looge mõne vabalt valitud otstarbega veebilehe sisselogimise järgne vaade kavandina.<br /> <br /> Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida kasutaja võiks soovida näha. <br /> <br /> Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Märgake, et kasutaja võiks pärast sisselogimist näha kas midagi kasulikku või valikuid võimalikest edasistest tegevustest. Mõelge ka siin enne kujundamist paberprototüübi sodimisele.<br /> <br /> === Skeletoni spetsiifika ===<br /> <br /> Skeleton on leitav siit: [http://getskeletoncom/ http://getskeleton.com/].<br /> <br /> Tutvu elementide valiku ja näitega — et teaksid, mida sellega lihtsal moel ehitada saab.<br /> <br /> &#039;&#039;&#039;Kui ülesanne on liiga lihtne&#039;&#039;&#039;, lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus. Soovituslikult võite vaadata Vue.js suunas, sest seda kasutame edaspidi javascripti mugavamaks kirjutamiseks.<br /> <br /> == Küsimused ==<br /> <br /> * Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.<br /> * Jah, sobib kasutada teisi põhjasid (template) või noppeid (nt: [[http://bootsnipp.com/ Bootsnipp.com]]): oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.<br /> * Ei, ei ole okei kui te esitate kellegi valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.<br /> <br /> === Alternatiivid ===<br /> <br /> Kui Skeleton teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive Bootstrapiga sarnanevate asjade näol.<br /> * [http://lmgtfy.com/?q=like%3A+Bootstrap+web+framwork Las ma aitan Googeldada].<br /> <br /> {{UI-boilerplate}}</div>

Irve