Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
html:index [2016/10/06 05:55] – [Travaux pratiques] bruno | html:index [2019/02/05 14:28] (Version actuelle) – [Outil de validation] bruno |
---|
| |
{{:html:coursetexemple.tar.gz|Support de cours 2015-2016 AVEC les fichiers d'exemples}}: extraire l'archive, puis ouvrez le fichier pdf du cours avec un lecteur pdf capable de suivre les liens. | {{:html:coursetexemple.tar.gz|Support de cours 2015-2016 AVEC les fichiers d'exemples}}: extraire l'archive, puis ouvrez le fichier pdf du cours avec un lecteur pdf capable de suivre les liens. |
| |
| [[https://johnsamuel.info/fr/enseignement/cours/2017/TLI/|Cours de John Samuel sur CANVAS]]: supports, documentation et exemples |
| |
===== Travaux pratiques ===== | ===== Travaux pratiques ===== |
{{:html:tpstli-complets.tar.gz|Archive des sujets de TPs}} Version du 6/10/2016 | {{:html:tpstli-complets.tar.gz|Archive des sujets de TPs}} Version du 6/10/2016 |
| |
| [[https://johnsamuel.info/fr/enseignement/cours/2017/TLI/tp.html|TP de John Samuel sur CANVAS]] |
| |
| ==== Outil de validation ==== |
| {{ :html:totalvalidatorbasic.tar.gz |Total validator}}: pour fonctionnement en arrière plan avec l'extension Mozilla, lancer le script //total_validator_listen.sh// |
| |
| |
| |
==== Rendu des TPs TLI ==== | ==== Rendu des TPs TLI ==== |
| **Depuis septembre 2017, il n'y a plus de note sur les rendus de TPs.** |
| |
| **Avant 2017:** |
Vous avez la possibilité, SI VOUS LE SOUHAITEZ, de rendre vos TPs pour évaluation (note coeff 1 dans la note de TP finale). | Vous avez la possibilité, SI VOUS LE SOUHAITEZ, de rendre vos TPs pour évaluation (note coeff 1 dans la note de TP finale). |
| |
**Dans ce cas, les consignes sont les suivantes:** | **Dans ce cas, les consignes sont les suivantes:** |
| |
- Vous remettrez 1 (un) seul fichier contenant l'ensemble des travaux demandés. | - Vous remettrez 1 (un) seul fichier archive (zip ou tar.gz uniquement) contenant l'ensemble des travaux demandés. |
- Vous respecterez l'architecture donnée dans l'exemple de rendu. | - Vous respecterez l'architecture donnée dans l'exemple de rendu. |
- Toute page HTML et toute feuille css aura au préalable été testée, par totalvalidator en niveau AAA d'accessibilité et par cssvalidator (https://jigsaw.w3.org/css-validator) pour les css. | - Toute page HTML et toute feuille css aura au préalable été testée, par totalvalidator en niveau AAA d'accessibilité et par cssvalidator (https://jigsaw.w3.org/css-validator) pour les css. |
- Vous enregistrerez la page web de résultat (comme dans l'exemple) dans le répertoire "eval" (voir l' {{:html:mascret-perrin-machin.zip|archive d'exemple}}). Dans ce répertoire, les noms des fichiers seront ceux des pages html et des feuilles de style, hors extension. Vous pouvez soit enregistrer la page web complète (comme dans l'exemple), soit uniquement le code HTML (sans les fichiers associés: images, styles, etc.). Toute page non validée et n'étant pas dans ce dossier NE SERA PAS évaluée. | - Vous enregistrerez la page web de résultat (comme dans l'exemple) dans le répertoire "eval" (voir l' {{:html:mascret-perrin-machin.zip|archive d'exemple}}). Dans ce répertoire, les noms des fichiers seront ceux des pages html et des feuilles de style, hors extension. Vous pouvez soit enregistrer la page web complète (comme dans l'exemple), soit uniquement le code HTML (sans les fichiers associés: images, styles, etc.). Toute page non validée et n'étant pas dans ce dossier NE SERA PAS évaluée. |
- Le nom de votre archive sera nomBinome1-nomBinome2-etc.zip Toute archive ne respectant pas cette syntaxe ne sera pas évaluée. | - Le nom de votre archive sera **nomBinome1-nomBinome2-etc.zip** ou **nomBinome1-nomBinome2-etc.tar.gz**. Toute archive ne respectant pas cette syntaxe ne sera pas évaluée. |
- Enfin, vous ajouterez un fichier noms.txt contenant les noms et prénoms du binôme. | - Enfin, vous ajouterez un fichier noms.txt contenant les noms et prénoms du binôme. |
- Il ne faut rendre qu'un seul fichier par groupe (un des membres du groupe remettra le fichier pour tout le groupe). Vous déposerez ces fichiers dans l'espace prévu à cet effet sur le site e-campus. | - Il ne faut rendre qu'un seul fichier par groupe (un des membres du groupe remettra le fichier pour tout le groupe). Vous déposerez ces fichiers dans l'espace prévu à cet effet sur le site e-campus. |
**Dans ce cas, les consignes sont les suivantes:** | **Dans ce cas, les consignes sont les suivantes:** |
| |
- Vous remettrez 1 (un) seul fichier contenant l'ensemble des travaux demandés. | - Vous remettrez 1 (un) seul fichier archive (zip ou tar.gz uniquement) contenant l'ensemble des travaux demandés. |
- Vous écrirez un petit fichier readme.txt que vous placerez à la racine de l'archive indiquant comment installer votre site web | - Vous écrirez un petit fichier readme.txt que vous placerez à la racine de l'archive indiquant comment installer votre site web |
- Toute page web **que vous souhaitez faire évaluer** et toute feuille css utilisée aura au préalable été testée, par totalvalidator en niveau AAA d'accessibilité et par cssvalidator (https://jigsaw.w3.org/css-validator) pour les css. | - Toute page web **que vous souhaitez faire évaluer** et toute feuille css utilisée aura au préalable été testée, par totalvalidator en niveau AAA d'accessibilité et par cssvalidator (https://jigsaw.w3.org/css-validator) pour les css. |
- Vous enregistrerez la page web de résultat (comme dans l'exemple) dans le répertoire "eval" (voir l'archive). Dans ce répertoire, les noms des fichiers seront ceux des pages html et des feuilles de style, hors extension. Vous pouvez soit enregistrer la page web complète (comme dans l'exemple), soit uniquement le code HTML (sans les fichiers associés: images, styles, etc.). Toute page non validée et n'étant pas dans ce dossier NE SERA PAS évaluée. | - Vous enregistrerez la page web de résultat (comme dans l'exemple) dans le répertoire "eval" (voir l'archive). Dans ce répertoire, les noms des fichiers seront ceux des pages html et des feuilles de style, hors extension. Vous pouvez soit enregistrer la page web complète (comme dans l'exemple), soit uniquement le code HTML (sans les fichiers associés: images, styles, etc.). Toute page non validée et n'étant pas dans ce dossier NE SERA PAS évaluée. |
- A la racine de l'archive, vous réaliserez un fichier "map.txt"; chaque ligne de ce fichier contiendra le nom de la page web résultat du point précédent, une tabulation, puis l'URL à entrer dans le navigateur pour accéder à cette page, suivi éventuellement d'une autre tabulation et ensuite d'explications en cas de contexte particulier (utilisateur devant être connecté par exemple). | - A la racine de l'archive, vous réaliserez un fichier "map.txt"; chaque ligne de ce fichier contiendra le nom de la page web résultat du point précédent, une tabulation, puis l'URL à entrer dans le navigateur pour accéder à cette page, suivi éventuellement d'une autre tabulation et ensuite d'explications en cas de contexte particulier (utilisateur devant être connecté par exemple). |
- Le nom de votre archive sera nomBinome1-nomBinome2-etc.zip ; toute archive ne respectant pas cette syntaxe ne sera pas évaluée. | - Le nom de votre archive sera **nomBinome1-nomBinome2-etc.zip** ou **nomBinome1-nomBinome2-etc.tar.gz** ; toute archive ne respectant pas cette syntaxe ne sera pas évaluée. |
- Enfin, vous ajouterez un fichier noms.txt contenant les noms et prénoms du binôme. | - Enfin, vous ajouterez un fichier noms.txt contenant les noms et prénoms du binôme. |
- Il ne faut rendre qu'un seul fichier par groupe (un des membres du groupe remettra le fichier pour tout le groupe). Vous déposerez ces fichiers dans l'espace prévu à cet effet sur le site e-campus. | - Il ne faut rendre qu'un seul fichier par groupe (un des membres du groupe remettra le fichier pour tout le groupe). Vous déposerez ces fichiers dans l'espace prévu à cet effet sur le site e-campus. |
| |
| === Conseil important === |
| Je vous recommande, une fois votre archive réalisée, de tester vos pages sur une autre machine, et dans l'idéal sur un autre compte, sous linux. |
| Vous corrigerez ainsi d'éventuelles erreurs de lien, de nom de fichier (majuscules, minuscules, espace, accents...). |
| |
===== Pour s'entraîner... ===== | ===== Pour s'entraîner... ===== |
==== Sujets ==== | ==== Sujets ==== |
{{:html:annalestli.tar.gz|Annales et qcm}} | {{:html:annalestli.tar.gz|Annales et qcm}} |
| |
| :!: Mise à jour: 13/11/2016 |
| |
Attention: suivant l'enseignement que vous avez suivi, les tests proposés peuvent traiter de sujets que vous n'avez pas vu ou au contraire ne pas évoquer certains points vus en cours et TP. | Attention: suivant l'enseignement que vous avez suivi, les tests proposés peuvent traiter de sujets que vous n'avez pas vu ou au contraire ne pas évoquer certains points vus en cours et TP. |
| |
| |
{{:html:guidesyntaxetli-1.pdf|Guide rapide HTML, ARIA, SQL et sélecteurs CSS}}. | {{:html:guidesyntaxetli-1.pdf|Guide rapide HTML, ARIA, SQL et sélecteurs CSS}}. |
| |
| {{:html:guidesurvie.pdf|Guide de survie: le guide de syntaxe augmenté de deux planches récapitulatives}}. |
| |
Les élèves passant un test dans le cadre de mon cours AURONT ce guide fourni en version papier. | Les élèves passant un test dans le cadre de mon cours AURONT ce guide fourni en version papier. |
| |
| |