http://www.lambda.ee/w/index.php?action=history&feed=atom&title=Itv0030_2009_esimese_praksi_tehnilised_n%C3%B5uded 2026-11-01T01:16:43Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.43.11 http://www.lambda.ee/w/index.php?title=Itv0030_2009_esimese_praksi_tehnilised_n%C3%B5uded&diff=8261&oldid=prev 2009-02-05T16:27:25Z

<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 /> It is strongly recommended to use either the prototype or jquery javascript library.<br /> <br /> == Style ==<br /> <br /> Use stylistic hints (your page must look clean and modern, with some touches of style!) from:<br /> <br /> * [http://www.webdesignfromscratch.com/current-style.cfm#centered current web style]<br /> * [http://mittermayr.wordpress.com/2006/02/03/20-culture/ 2.0 web style from 2006]</div>

Tammet