Informatique et documents

Web et langage HTML

  1. Vous avez dit document ? ▼
    1. Document pour le web
    2. Document Informatique
    3. Document Informatique 4D
    4. Documents et outils d'éditions usuels
    5. Documents et outils d'éditions usuels
  2. World Wide Web ▼
    1. Web
    2. Les URL
    3. L'hypertexte
  3. xHTML 1.0 ▼
    1. Langage xHTML 1.0
    2. Éléments de blocs et éléments intégrés
    3. Éléments vides et entités html
    4. Structure d'un document HTML
    5. Documents bien formés / documents valides
    6. Le corps d'un document
  4. Les blocs élémentaires ▼
    1. Les blocs élémentaires
    2. Les paragraphes
    3. Les titres
    4. Autres éléments de blocs élémentaires
  5. Les éléments intégrés ▼
    1. Les éléments intégrés
    2. Les mises en forme logique
    3. Les mises en évidence visuelle
    4. Les liens hypertextes
    5. Césures forcées
  6. Les blocs structurés ▼
    1. Les blocs structurés
    2. Le blockquote
    3. Les listes
    4. Les listes ordonnées
    5. Les listes non ordonnées
    6. Les listes de définitions
    7. Listes imbriquées
    8. Les tableaux (1)
    9. Les tableaux (2)
    10. Fusions de cellules
    11. Attributs des éléments de tableau
  7. L'entête du document ▼
    1. L'en-tête et les méta-données
    2. L'élément meta
    3. Exemple d'utilisation de meta
    4. L'élément link
    5. Les éléments base, style et script
  8. Les formulaires ▼
    1. Les formulaires
    2. L'élément input (1)
    3. L'élément input (2)
    4. L'élément select
    5. L'élément textarea
    6. Autres éléments de formulaires
    7. Les cartes cliquables
  9. HTML 5 ▼
    1. HTML 5 logo html5
    2. Nouveau squelette logo html5
    3. Blocs sémantiques logo html5
    4. Intégration du multimédia logo html5
    5. Améliorations des formulaires logo html5
    6. Enrichissements des API javascript logo html5
    7. Quelques éléments supprimés logo html5
    8. Plein de choses (in)utiles logo html5

Le Langage CSS

  1. Le langage CSS ▼
    1. Le language CSS
    2. Intérêt des feuilles de style
    3. Un document / deux feuilles de style
    4. Comment ajouter des feuilles de styles ?
    5. CSS en ligne
    6. CSS en entête
    7. CSS externe
    8. Propriétés
    9. Sélecteurs
    10. Exemple de css en entête
  2. Propriétés dédiées au texte et aux caractères ▼
    1. Propriétés de couleurs
    2. Propriétés de texte
    3. Propriétés de police de caractères (1)
    4. Propriétés de police de caractères (2)
  3. La notion de boite ▼
    1. Propriétés de boite
    2. Propriétés de margin
    3. Propriétés de border
    4. Propriétés de padding
    5. Exemples d'usage des propriétés de boite
  4. Arrière plan, listes et cie ▼
    1. Propriétés d'arrière-plan
    2. Propriétés de liste
    3. Propriétés de tableau
    4. Propriétés de pagination
    5. Propriétés de positionnement de boite
  5. Les sélecteurs ▼
    1. Sélecteurs
    2. Les différents types de sélecteurs
    3. Sélecteurs de classe et d'identifiants
    4. Sélecteurs contextuels
    5. Imbrication d'éléments et descendance d'élément
    6. Arborescence HTML
    7. Retour sur les sélecteurs contextuels
    8. Pseudo-éléments / Pseudo-classes
  6. CSS avancé ▼
    1. CSS avancé
    2. Propriétés et héritage
    3. Vous avez-dit cascade ?
    4. Média
    5. Gestion avancée de l'affichage en CSS
    6. Propriétés de positionnement de boite
    7. Les boites
    8. Le flux normal d'affichage
    9. Affichage en dehors du flux
    10. Positionnement flottant
    11. CSS dynamique : les pseudo-classes
    12. Les pseudo-éléments :before et :after
  7. CSS 3 ▼
    1. CSS 3 logo css 3
    2. Nouveaux selecteurs logo css 3
    3. À suivre... logo css 3
    4. Bordures arrondies logo css 3
    5. Ombres logo css 3
    6. La propriété display
    7. Affichage en grille (display:grid) logo css 3
    8. Flexible Box Layout (display:flex) logo css 3

MarkDown, Pandoc et conversions de formats

  1. MarkDown ▼
    1. MarkDown logo MD
    2. MarkDown vs MarkUp logo MD
    3. Production de blocs élémentaires logo MD
    4. Les mises en forme visuelles logo MD
    5. les citations longues logo MD
    6. Les listes logo MD
    7. Les liens et les images logo MD
    8. Les tableaux logo MD
    9. Du code HTML dans MarkDown logo MD
    10. Comment transformer du MD en HTML ?
    11. Sources et ressources
  2. Pandoc ▼
    1. Pandoc: a universal document converter
    2. B.a.-ba Pandoc
    3. Convertir MD en HTML avec Pandoc
    4. Insertion du squelette HTML
    5. Template HTML par défaut
    6. Syntaxe des templates Pandoc
    7. Renseignements des variables du template
    8. Réalisation d'un template élémentaire HTML5
    9. Template xHTML1.0 strict
    10. Intégration d'un sous-template
    11. Regroupement des déclarations de variable
    12. Formats MarkDown et extensions
    13. Production d'autres formats

Autres langages balisés (ou pas)

  1. Documents et données : CSV/YAML/JSON/ ▼
    1. Documents et données
    2. CSV, TSV, DSV
    3. Exemple de fichiers CSV avec en-tête
    4. YAML
    5. Syntaxe (de base) YAML
    6. Exemple YAML
    7. JSON
    8. Structure d'un document JSON
    9. Syntaxe JSON
    10. Valeurs acceptées
  2. XML : un métalangage de balisage ▼
    1. Aux origines des langages balisés
    2. XML : Présentation
    3. Origines de XML
    4. Exemples de documents xml
    5. Format XML
    6. Standards XML et affiliés
    7. Xml en détails
    8. La DTD
    9. Exemple de DTD
    10. Déclaration d'un élément
    11. Contenu d'un élément
    12. Contenu d'un élément
    13. Déclaration d'une liste d'attributs
    14. Types d'attributs
    15. Déclaration de valeurs par défaut
    16. Les entités paramètres
    17. DTD xHTML 1.0 Strict
    18. DocBook