====== 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... ===== Présentation ===== ===== Pratique ===== Le but de l'initiation consistera a maitriser les bases du html et css en qqs heures. - Créer une page web : html simple / balise body | p | a href | img | br | div |audio ... - Css : demo css via le navigateur... link stylesheet - exercice : créer 3 pages liées par des liens avec 1 image / du texte / audio ... comme une histoire interactive - Demonstration CMS : Wordpress , Dokuwiki (sans sql) (on parlera aussi des services type Wix payant... qui sont plutôt a éviter) ===== CMS ===== 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 ===== Aides ===== * 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