« STIC:STIC I - exercice 1 (Nestor-Pixel) » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (→Ressources) |
mAucun résumé des modifications |
||
| Ligne 2 : | Ligne 2 : | ||
== Exercice 1 == | == Exercice 1 == | ||
Cet exercice du course [[STIC I]] vous permet: | 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 [[XHTML]] (si vous ne connaissez pas déjà) | ||
* d'apprendre un peu de CSS et de "web design" | * d'apprendre un peu de [[CSS]] et de "web design" | ||
* de réfléchir comment organiser un petit site | * de réfléchir comment organiser un petit site | ||
| Ligne 17 : | Ligne 17 : | ||
Pour savoir oũ mettre votre home page, consultez notre serveur LDAP (votre home page y est indiquée): | Pour savoir oũ mettre votre home page, consultez notre serveur LDAP (votre home page y est indiquée): | ||
* [http://tecfa.unige.ch/tecfa/ldap/dir/ldap-form.php?givenname=&sn=&namematch=first&personcategory=&title=&&studentstatus=active1&ou=all&name_p=on&uid_p=on&std_url_p=on&studentinfo_p=on&disp_style=table&form_input=Submit&h_title=Etudiants+1ere+annee Etudiants 1ère année] | |||
Par FTP: | Par FTP: | ||
| Ligne 29 : | Ligne 29 : | ||
/etu-maltt/nestor/dupond/stic/ex1/ | /etu-maltt/nestor/dupond/stic/ex1/ | ||
Exemple de nom correct du fichier d'entrée: welcome.html welcome.htm index.html welcome.php ... N'oubliez pas que le répertoire s'appelle "ex" et non pas EX1 ou exercice1 etc. | Exemple de nom correct du fichier d'entrée: welcome.html welcome.htm index.html welcome.php ... N'oubliez pas que le répertoire s'appelle "ex" et non pas EX1 ou exercice1 etc. | ||
Note: Prochainement on risque de déménager les pages web étudiants. Ils seront sur la machine tecfatrain.unige.ch | |||
=== Contraintes === | === Contraintes === | ||
| Ligne 50 : | Ligne 52 : | ||
=== Evaluation === | === Evaluation === | ||
; Facteurs les plus importants: | |||
# Résultat selon vos objectifs explicités dans le rapport (!!) | |||
# Ergonomie générale, a compris la navigation entre pages | |||
# Qualité du rapport | |||
; Malus: | |||
# Emplacement incorrect des fichiers (donc le bon répetoire est "ex1", et un bon nom de fichier est un fichier "index" comme "welcome.html" ....) | |||
# Présence d’erreurs XHTML et CSS (validité de XHTML/CSS) | |||
; Bonus: | |||
# Utilisation créative de CSS | |||
# Comme pour chaque exercice: participation dans les 2 edutech wikis (améliorations, modifications et ajouts de pages en dehors des "pages exercices et forums". Indiquez très brièvement ce que vous avez fait dans votre home page wiki et dans le rapport, sinon on risque de ne pas le voir ...) | |||
Il sera impossible d'avoir un 6 sans points bonus. | |||
== Ressources == | == Ressources == | ||
Version du 22 septembre 2008 à 11:03
Exercice 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 plus un rapport
La "home page" sera accessible par l’URL
http://tecfa.unige.ch/perso/maltt/votre login/
Par exemple:
http://tecfa.unige.ch/perso/maltt/ott/
Exemple de nom correct du fichier d'entrée: welcome.html welcome.htm index.html welcome.php ...
Pour savoir oũ mettre votre home page, consultez notre serveur LDAP (votre home page y est indiquée):
Par FTP:
tecfa.unige.ch /web/perso/maltt/votre login/
Le rapport est à placer ici (vue FTP):
tecfa.unige.ch /web/etu-maltt/nestor/login/stic/ex1/
Exemple:
/etu-maltt/nestor/dupond/stic/ex1/
Exemple de nom correct du fichier d'entrée: welcome.html welcome.htm index.html welcome.php ... N'oubliez pas que le répertoire s'appelle "ex" et non pas EX1 ou exercice1 etc.
Note: Prochainement on risque de déménager les pages web étudiants. Ils seront sur la machine tecfatrain.unige.ch
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
Structure du rapport
Voici les éléments les plus importants qui doivent figurer dans la page d'accueil / rapport
- Titre, auteur et date
- Le résulat: Lien vers la homepage, lien vers le fichier CSS utilisé
- Objectifs: A quoi/qui sert le dispositif, quel est le "message" ?
- La production: bref résumé de la démarche
- Difficultés, auto-évaluation, remarques
- Ressources utilisées, bibliographie.
Evaluation
- Facteurs les plus importants
- Résultat selon vos objectifs explicités dans le rapport (!!)
# Ergonomie générale, a compris la navigation entre pages
- Qualité du rapport
- Malus
- Emplacement incorrect des fichiers (donc le bon répetoire est "ex1", et un bon nom de fichier est un fichier "index" comme "welcome.html" ....)
- Présence d’erreurs XHTML et CSS (validité de XHTML/CSS)
- Bonus
- Utilisation créative de CSS
- Comme pour chaque exercice: participation dans les 2 edutech wikis (améliorations, modifications et ajouts de pages en dehors des "pages exercices et forums". Indiquez très brièvement ce que vous avez fait dans votre home page wiki et dans le rapport, sinon on risque de ne pas le voir ...)
Il sera impossible d'avoir un 6 sans points bonus.
Ressources
Transparents et tutoriels
- Transparents
- Design d'un petit dispositif: http://tecfa.unige.ch/guides/tie/html/www-design-intro/www-design-intro.html
- HTML de base: http://tecfa.unige.ch/guides/tie/html/xhtml-intro/xhtml-intro.html
- CSS de base: http://tecfa.unige.ch/guides/tie/html/css-intro/css-intro.html
- Pages wiki
Pages ressources
Les pages suivantes contiennet des liens que vous pouvez explorer.
- HTML links (edutechwiki anglais)
- HTML (pour le moment sans bcp de liens !)
- CSS links (edutechwiki anglais)
- Web design links (edutechwiki anglais)
Configuration de Firefox
Configuration de Firefox. Il faut absolument installer ces extensions (ou des équivalents)
- Webdeveloper:
- Googlebar:
- CSS Validator:
- HTML Validator:
- https://addons.mozilla.org/en-US/firefox/addon/249
- http://users.skynet.be/mgueury/mozilla/ (page du développeur, infos en plus, traductions)
Exemples, outils et autres infos
Exemples:
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.
- http://www.freexmleditor.com/
- http://java.com/ (télécharger Java si c'est pas installé sur votre machine)
- Pour CSS, prenez un simple éditeur (même Exchanger peut faire l'affaire).
Articles edutechwiki anglais sur Internet et HTML: