> Promo 20-21

#

> Récap. CSS : placer, centrer, positionner, etc

Un pdf de 10 pages qui reprend tous les points importants vu en cours.

(MAJ le 17/12/2020)

# ,

> Un template de site web vierge

Un dossier de base pour démarrer vos projets web :

  • arborescence des dossiers (js, css, img)
  • index.html pré-rempli (balises pour le référencement, appels des scripts, etc)
  • une feuille de style basique avec un « reset » css simple + quelques aides

#

> Positions CSS

position: static; par défaut, l’élément fait partie du flux normal de la page position: relative; le mode « triche », permet de déplacer un élmt par rappoort à sa place de départ... Voir l'article

#

> Structure recommandée d’un site HTML5

Ces balises sont comme des <div>, avec des infos en plus à destination des moteurs de recherche.
Si les robots comprennent mieux votre site, il sera mieux référencé !

#

> Couleur aléatoire en Javascript

Voici une petite fonction à utiliser où vous le souhaitez, pour remplacer une couleur du genre ‘#FFFFFF’ :

function randColor(){
	return '#'+(function(h){return new Array(7-h.length).join("0")+h})((Math.random()*(0xFFFFFF+1)<<0).toString(16));
}

Il faut coller la fonction dans votre code, ensuite à vous les couleurs aléatoires !

[ Source ]

#

> Nombres aléatoires en Javascript

Pour vous simplifier la génération de nombres aléatoires :

function rand(min, max){
   return min+Math.round(Math.random()*(max-min));
};

Et ça s’utilise ensuite comme dans Processing :

var truc = rand(-5, 5); 
// renvoie un nombre entier entre -5 et 5