Kasutajaliidesed lectures lab 1 requirements

Allikas: Lambda

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.

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.

Pärit leheküljelt "http://lambda.ee/w/index.php?title=Kasutajaliidesed_lectures_lab_1_requirements&oldid=7855"