http://www.lambda.ee/w/index.php?action=history&feed=atom&title=Itv0030_2008_esimese_praksi_tehnilised_n%C3%B5uded 2026-10-28T11:53:46Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.43.11 http://www.lambda.ee/w/index.php?title=Itv0030_2008_esimese_praksi_tehnilised_n%C3%B5uded&diff=8019&oldid=prev 2008-02-11T12:12:17Z

<p><span class="autocomment">Style</span></p> <table style="background-color: #fff; color: #202122;" 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: 11. veebruar 2008, kell 14:12</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l28">28. rida:</td> <td colspan="2" class="diff-lineno">28. 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>Use stylistic hints (your page must look clean and modern, with some touches of style!) from:</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>Use stylistic hints (your page must look clean and modern, with some touches of style!) from:</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;"><br></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;"><br></td></tr> <tr><td class="diff-marker" data-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>* <del style="font-weight: bold; text-decoration: none;">http://mittermayr.wordpress.com/tag/design/ (see the second half of this rather long page).</del></div></td><td class="diff-marker" data-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>http://www.webdesignfromscratch.com/current-style.cfm<ins style="font-weight: bold; text-decoration: none;">#centered current web style]</ins></div></td></tr> <tr><td class="diff-marker" data-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><del style="font-weight: bold; text-decoration: none;">* </del>http://www.webdesignfromscratch.com/current-style.cfm</div></td><td class="diff-marker" data-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>http://<ins style="font-weight: bold; text-decoration: none;">mittermayr</ins>.<ins style="font-weight: bold; text-decoration: none;">wordpress</ins>.com/<ins style="font-weight: bold; text-decoration: none;">2006/02/03/20</ins>-<ins style="font-weight: bold; text-decoration: none;">culture/ </ins>2.0 <ins style="font-weight: bold; text-decoration: none;">web </ins>style <ins style="font-weight: bold; text-decoration: none;">from 2006]</ins></div></td></tr> <tr><td class="diff-marker" data-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://<del style="font-weight: bold; text-decoration: none;">www</del>.<del style="font-weight: bold; text-decoration: none;">webdesignfromscratch</del>.com/<del style="font-weight: bold; text-decoration: none;">web</del>-2.0<del style="font-weight: bold; text-decoration: none;">-design-</del>style<del style="font-weight: bold; text-decoration: none;">-guide.cfm</del></div></td><td colspan="2" class="diff-side-added"></td></tr> </table>

Tammet http://www.lambda.ee/w/index.php?title=Itv0030_2008_esimese_praksi_tehnilised_n%C3%B5uded&diff=2252&oldid=prev 2008-02-11T12:09:40Z

<p></p> <p><b>Uus lehekülg</b></p><div>The goal of the lab 1 is to:<br /> * Attempt/practice good UI design<br /> * Practice using css and javascript.<br /> <br /> == Main requirements ==<br /> <br /> You will have to create mock-up pages of the full application described in the general course page. No server apps, databases etc will be used or created in the first lab. However, the mock-up pages must be a proper UI, with forms, fields, functioning javascript checks, buttons<br /> etc.<br /> <br /> Your page must work ok and look clean and nice on both Firefox and IE7 (or IE6). <br /> <br /> The exact order, contents, etc etc of the application/web page is not specified. You will have to apply a good deal of creativity to come up with a good solution. Copying solutions by other students is prohibited.<br /> <br /> == Use basic html plus css and javascript ==<br /> <br /> All the design must be done using very basic html. Titles, paragraphs, lists, anchors, images are allowed. Non-nested tables are allowed, if really helpful. Nested tables are strictly prohibited. All bold, italic, color, dimension, etc specifications in html are prohibited: you must use css instead. See the course page for a large catalogue of articles, tutorials and tips.<br /> <br /> Search/enter forms must be fully dynamic in the sense that no submits are done until all the necessary information on search/enter forms are filled/selected. This includes dynamic selections, opening/closing tree branches, obligatory field checks etc.<br /> <br /> Dynamic, floating help must be attached to all forms and non-elementary links. For example: http://web-graphics.com/mtarchive/001717.php<br /> Note that this help should not disturb the user experience: it should not annoy.<br /> <br /> Menus have to be created using lists with css/javascript (see http://css.maxdesign.com.au/listamatic/).<br /> <br /> <br /> == Style ==<br /> <br /> Use stylistic hints (your page must look clean and modern, with some touches of style!) from:<br /> <br /> * http://mittermayr.wordpress.com/tag/design/ (see the second half of this rather long page).<br /> * http://www.webdesignfromscratch.com/current-style.cfm<br /> * http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm</div>

Tammet