Kasutajaliidesed lectures lab 1 requirements
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 etc.
The goal of the lab 1 is to:
- Attempt/practice good UI design
- Practice using css and javascript.
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.
Menüüde konkreetne sisu, sisestusväljade konkreetne sisu jms jääb teie enda otsustada. Tuleb välja mõelda midagi mõistlikku eelnevalt kirjeldatud praktikumirakenduse idee jaoks.
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, for example, http://www.websitetips.com/css/ for a large catalogue of articles, tutorials and tips.
Dynamic, floating help must be attached to all forms and non-elementary links. For example: http://web-graphics.com/mtarchive/001717.php
Large forms are not OK: you have to use css/javacript based tabs to split one html into several tab pages (still on the same html page). See, for example, http://www.clagnut.com/sandbox/csstabs/, http://unraveled.com/projects/css_tabs/css_tabs.html, http://www.alistapart.com/articles/slidingdoors
Menus have to be created using lists with css/javascript (see http://css.maxdesign.com.au/listamatic/).
Use this link http://www.vipedio.com/roman/blog/20culture_full.html for suggestions on the preferred visual style.
The site must be navigatable using lynx or some other text-based browser.