bases:fabnum:language_web:start [WIKIBAM | Wiki des Beaux-Arts de Marseille]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== 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 =====
 
<html>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR8YULdE6zI5_3kWmlFWBuhheYAOTiT9VepwWThyGn3UMXkioi1Rujw1oHl3S-I6hNfiBaO86ABzSEl/embed?start=false&loop=false&delayms=5000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></html>


===== 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