0. Plan de leçon

MarkDown, HTML, XML, règles d'écriture pour la conformité, doctypes et validation. Validateur HTML du W3C. Développement collaboratif avec GitHub.

Plan de leçon

Présentation Laboratoire
MarkDown, HTML, XML, règles d'écriture pour la conformité, doctypes et validation. Validateur HTML du W3C. Contrôle qualité du TP-long, bilan MarkDown, tutoriel GitHub

Description

Dans ce cours, nous allons examiner quelques langages de description pour en arriver à distinguer les règles d'écriture (la conformité des documents), des règles de grammaire (Doctypes ou schémas). De manière à mieux comprendre comment fonctionne les validateurs et apprendre à interpréter ces erreurs pour les corriger.

Déroulement & tâches à réaliser

1. Retour sur le c01_TP-zero et exemples de code d'erreur http

  • Mise en ligne du TP-long (public_html, travail, index.html, respect des URL requis)
  • Erreurs 404 : chemins vers les medias et liens entre les pages
    • Ne pas débuter les chemins de fichier par une barre oblique /
    • Chemin absolu : commence par / et part de la racine du serveur
      • Exemple : /~USER/integration1/media/image.jpg
      • Pointe vers timunix3.csfoy.ca/~USER/integration1/media/image.jpg
    • Chemin relatif : ne commence pas par / et part du fichier actuel
      • Exemple : media/image.jpg ou ../media/image.jpg
      • Recommandé pour les projets locaux et portables
  • Codes d'erreurs http et gestion avec un fichier .htaccess

2. Réchauffement

3. Suivre la feuille de route du c02_TP-0

Vous aurez à prendre connaissance de la théorie sur les langages de description (notes de cours et vidéos) puis vous aurez comme tâche d'effectuer le contrôle qualité de votre site et produire un bilan au format MarkDown.

Ensuite si ce n'est pas déjà fait, compléter le tutoriel sur GitHub pour créer votre premier dépôt : guide-developpement-web.

Contenu de la leçon

1. MarkDown 2. HTML5 3. XML 4. Validation HTML 5. GitHub 6. TP-0

Références

Documentation HTML

  • Référence des éléments et attributs HTML : https://developer.mozilla.org/fr/docs/Web/HTML/Element
  • Guide HTML : consulter le fichier guide-html.md (dans le dossier MarkDown)
  • Liste de contrôle : consulter le fichier liste-de-contrôle-101.md (dans le dossier MarkDown)

Outils

Remises

Avant ou au début du cours

Pour le prochain cours en classe (lundi prochain)