STIC:STIC I - exercice 1 (Nestor-Pixel)

Ex 1 - STIC 1

Cet exercice du course STIC I vous permet:

• d'apprendre un peu de XHTML (si vous ne connaissez pas déjà)
• d'apprendre un peu de CSS et de "web design"
• de réfléchir comment organiser un petit site

Tâche

• Faites votre “home page” (si c’est pas déjà fait).
• Elle sera accessible par l’URL

http://tecfa.unige.ch/perso/maltt/votre login/, par exemple: 
http://tecfa.unige.ch/perso/maltt/ott/

• Un rapport est à placer ici:

/etu-maltt/nestor/login/stic/ex1/

• Exemple:

/etu-maltt/nestor/dupond/stic/ex1/welcome.html

Contraintes

• Vous devez vous fixer des objectifs en ce qui concerne sa fonction, son design etc. et les réaliser (en parler dans le rapport).
• La page doit être faite en XHTML (Pas HTML !)
• Liens vers le les valideurs HTML/CSS du W3C:

http://validator.w3.org/check/referer
http://jigsaw.w3.org/css-validator/check/referer

Evaluation

• Qualité du rapport
• selon vos objectifs explicités dans le rapport (!!)
• absence d’erreurs XHTML et CSS (validité de XHTML/CSS)
• utilisation créative de CSS
• ergonomie générale
• navigation entre pages
• emplacement correct des fichiers

Ressources

Transparents:

1. Design d'un petit dispositif: http://tecfa.unige.ch/guides/tie/html/www-design-intro/www-design-intro.html
2. HTML de base: http://tecfa.unige.ch/guides/tie/html/xhtml-intro/xhtml-intro.html
3. CSS de base: http://tecfa.unige.ch/guides/tie/html/cssl-intro/css-intro.html

Liens:

1. HTML: http://tecfa.unige.ch/guides/html/pointers.html
2. CSS: http://tecfa.unige.ch/guides/css/pointers.html
3. Design: http://tecfa.unige.ch/guides/design/pointers.html

Outils: A votre choix

• On vous conseille d'utiliser XML Exchanger Lite pour éditer XHTML