Language web

Les pages internet sont constitué de fichiers distants situé sur des serveurs distant. Le navigateur (Chrome, Firefox,…) télécharge ces fichiers pour les afficher.

Les type de fichiers courant :

• Html : page basique et statique
• images : (jpeg, gif, png, svg)
• Css : feuille de style precisant les typo, couleurs, tailles etc…
• Js : des comportements speciaux et/ ou des animations

• Php : l'equivalent du html mais qui fonctionne en dynamique… il peut interroger base de donnée, faire des calculs etc…
• .htaccess : decrit les droit d'ecriture, redirection , affichage des url…

Le but de l'initiation consistera a maitriser les bases du html et css en qqs heures.

1. Créer une page web : html simple / balise body | p | a href | img | br | div |audio …
2. Css : demo css via le navigateur… link stylesheet
3. exercice : créer 3 pages liées par des liens avec 1 image / du texte / audio … comme une histoire interactive
4. Demonstration CMS : Wordpress , Dokuwiki (sans sql) (on parlera aussi des services type Wix payant… qui sont plutôt a éviter)

Wordpress : php/sql + : Puissant, avec beaucoup de plugin et de theme, mise en page facile avec Elementator…. - : un peu lent quand trop de plugins…

Dokuwiki : no sql + : Puissant, avec beaucoup de plugin , rapide - : focus sur wiki, pas evident de faire un truc joli

• https://framalibre.org/annuaires/cms
• Headless Cms : https://www.g2.com/categories/headless-cms/free
• https://www.quora.com/What-cms-do-artists-use

• https://www.w3schools.com/
• https://htmlcheatsheet.com/
• https://htmlcheatsheet.com/css/

• https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web#Installer_les_outils_de_base