Tutoriel CSS/JavaScript : Tableaux responsive

4 septembre 2018

https://www.grafikart.fr/tutoriels/table-responsive-1015

Les tableaux ont souvent une structure adaptée aux écrans assez large et il n’est pas forcément facile de les faire rentrer sur des écrans de petite taille. La solution qui est souvent choisie est d’entourer les tableaux avec un élément `overflow-x: auto`, ce qui permet d’afficher une scrollbar pour naviguer horizontalement au sein du tableau. Le problème de cette solution est qu’elle ne permet pas de voir simplement toutes les données du tableau, aussi dans je vous propose de découvrir une petite astuce pour rendre vos tableaux “*responsive*”.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (16/16) : TP : Créer ses premières pages

Ajoutée le 2 oct. 2018

Maintenant que l’on a fait un petit tour des éléments HTML et du fonctionnement général de ce langage, je vous propose d’essayer de créer vos premières pages de manière autonome.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (15/16) : Les formulaires

Ajoutée le 2 oct. 2018

Même si on ne sera pas en mesure de totalement les exploiter aujourd’hui je vous propose de faire un tour d’horizon des éléments qui ont attrait à la création de formulaire. Il faudra en revanche attendre l’apprentissage d’un langage côté serveur pour parler de leur traitement, on ne s’occupera ici que de la composition d’un formulaire.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (14/16) : Qu’est ce que le W3C ?

Ajoutée le 2 oct. 2018

Le **W3C**, pour World Wide Web Consortium, est un organisme chargé de la standardisation de nombreuses technologies liées au web (HTML5, CSS, PNG, SVG…).

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (13/16) : L’inspecteur

Ajoutée le 2 oct. 2018

Dans cette vidéo nous allons découvrir l’inspecteur d’éléments, Cet outil, disponible par défaut dans les navigateurs modernes, permet d’inspecter le document HTML tel qu’il est interprété par votre navigateur et de détecter plus facilement d’éventuelles erreurs.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (12/16) : div & span

Ajoutée le 2 oct. 2018

Dans ce chapitre nous allons parler d’éléments particuliers comme les [div] ou les [span]. Même si au premier abord ces élément n’impacte pas votre page web il permettent de mieux structure le document et de donner un rôle à vos différents blocs de texte.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (11/16) : Les iframe

Ajoutée le 2 oct. 2018

Les [iframe]. permettent d’insérer une page web dans une autre page. Elles étaient très utilisées au début de l’HTML mais ont aujourd’hui un rôle plus secondaire et ne servent très souvent qu’à insérer des éléments provenant de sites tiers comme des modules de partage sociaux ou des cartes google maps.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (10/16) : Les table

Ajoutée le 2 oct. 2018

Parfois on sera amené à représenter des données complexes au niveau de notre page web et on aura besoin pour cela d’utiliser des [tableau]. Cette balise `table` nécessite une structure précise pour fonctionner correctement et il est important de bien comprendre comment elle fonctionne avant de l’utiliser.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (9/16) : Les images

Ajoutée le 2 oct. 2018

En plus du contenu textuel il est possible d’insérer des éléments multimédia au niveau de notre page web. Aussi, nous allons découvrir comment insérer des images au sein de notre page à l’aide de la balise [img]. On en profitera aussi pour parler des différents formats d’images qui existe aujourd’hui.

Grafikart
Grafikart.fr

/0 Commentaires/par
,

Apprendre l’HTML (8/16) : Les liens hypertextes

Ajoutée le 2 oct. 2018

Un site internet est composé de plusieurs pages que l’on peut lier ensemble à travers des [liens] et les [types de liens]. Même si la balise semble simple à utiliser au premier abord, il est important de comprendre les différents types de lien que l’on peut utiliser.

Grafikart
Grafikart.fr

/0 Commentaires/par