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" à TECFA
• 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/css-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

Configuration de Firefox:

• Webdeveloper:
  • http://chrispederick.com/work/web-developer/
• Googlebar:
  • géné

Editeurs - A votre choix:

• On vous conseille d'utiliser XML Exchanger Lite pour éditer XHTML car vous allez le réutiliser pour les exercices XML.
• Pour CSS, prenez un simple éditeur (même Exchanger peut faire l'affaire).

Articles edutechwiki sur Internet:

• http://edutechwiki.unige.ch/en/Internet
• http://edutechwiki.unige.ch/en/Hypertext_Transfer_Protocol
• http://edutechwiki.unige.ch/en/World_Wide_Web
• http://edutechwiki.unige.ch/en/XHTML