Auteur/autrice : Fabien
-
Exploiter la console en Javascript
Journaliser Plusieurs fonctions permettent d’afficher dans la console du navigateur des informations, simples messages ou variables. Pour afficher du JSON, il peut être utile d’utiliser la syntaxe suivante, même si les navigateurs interprètent bien ce type données désormais. Analyser les performances Plusieurs fonctions permettent d’analyser et mesurer les performances des scripts.
-
Intégration du Javascript au HTML
Le code Javascript peut être intégré au code HTML de différentes façons. On peut soit intégrer un fichier Javascript, soit implémenter le code dans l’en-tête du fichier HTML, soit le définir sur les balises HTML. La méthode la plus propre est de créer un fichier Javascript (ou plusieurs). Cela permet d’avoir une réelle séparation des…
-
Intégration du CSS au HTML et gestion des différents médias
Les méthodes d’intégration du CSS au HTML Le code CSS peut être intégré au code HTML de différentes façons. On peut soit intégrer un fichier CSS, soit implémenter le code dans l’en-tête du fichier HTML, soit le définir sur les balises HTML. La méthode la plus propre est de créer un fichier CSS (ou plusieurs).…
-
Les polices (fonts) en CSS
Définir la police à utiliser Pour indiquer la police à utiliser, nous utilisons la propriété font-family à laquelle on peut donner plusieurs polices séparées par des virgules. Le navigateur appliquera alors la 1ère police, ou la 2nd si la 1ère n’est pas disponible, puis la 3ème si la 2nd n’est à son tour pas disponible,…
-
Les sélecteurs CSS, pseudo-classes et pseudo-éléments
Héritage et parenté des styles En CSS, la notion d’héritage fait que chaque élément hérite des styles de son parent. Ainsi, un style appliqué à la balise <table> par exemple (taille de police par exemple) sera répercuté sur chaque <tr> et chaque <td> du tableau. Cela évite d’avoir à dupliquer des styles sur de multiples…
-
Couleur et image de fond en CSS
Les propriétés d’origine de CSS Depuis la première version du langage CSS, nous disposons des propriétés suivantes : Fonction Explication background-color Couleur d’arrière-plan. background-image Image d’arrière-plan. background-position Positionnement de l’image d’arrière-plan. background-repeat Répétition verticale / horizontale de l’image d’arrière-plan :– repeat-x : Répétition horizontale.– repeat-y : Répétition verticale.– no-repeat : Pas de répétition. background-attachment Situation…
-
Raccourcis clavier Mac OS
Les touches spéciales Dénomination Symbole Commande ⌘ Maj ⇧ Option ⌥ Contrôle ^ Verrouillage majuscule ⇪ Fonction Fn Raccourcis des caractères spéciaux Raccourci Caractère Dénomination ⌥ + ( { Accolade ouvrante ⌥ + ) } Accolade fermante ⌥ + ⇧ + ( [ Crochet ouvrant ⌥ + ⇧ + ) ] Crochet fermant ⌥ +…
-
Éditeur vi de Linux
Ouvrir un fichier Passer en mode modification dans un fichier ouvert i Revenir en mode lecture seule dans un fichier ouvert ESC Supprimer une ligne (et la copie dans le tampon) ESC puis dd Copier une ligne dans le tampon ESC puis yy Coller le contenu du tampon ESC puis p Enregistrer :w Quitter :q…
-
Commandes Linux
Gestion des dossiers et des fichiers Commande Descriptif / Exemples pwd Affiche le chemin absolu du dossier courant. ls Affiche les dossiers & fichiers du dossier courant.ls Affiche uniquement les noms des dossiers & fichiers.ls toto* Affiche les fichiers commençant par « toto »ls -l Affiche le format long (types + droits + nombre de…
-
Réinitialiser le mot de passe Linux du compte root
Au lancement de la machine, le menu GRUB est proposé. S’il ne l’est pas (il peut être masqué), au moment du boot, appuyez sur la touche MAJ pour le voir apparaitre. Une fois sur le menu GRUB, appuyer sur la touche e. Cela permettra d’éditer le script de bootloader utilisé par GRUB. Cherchez la ligne…
-
Les formulaires HTML
La balise <form> Un formulaire permet de demander des informations à l’utilisateur. Ces informations sont ensuite traitées dans un langage de programmation (PHP par exemple) pour être enregistrées dans une base de données, ou envoyées par email, ou autre. Ces informations peuvent être des données textuelles ou des fichiers. Le contenu du formulaire est englobé…
-
Doctype et balises d’en-tête HTML (html, meta, title, link, script)
Doctype Le doctype HTML5 par rapport aux versions antérieures est simplifié : La DTD (Doctype definition – Définition de type de document) permet d’indiquer au navigateur les règles auxquelles le document est censé répondre. Cela a ainsi un impact sur les rendus CSS. Cette information est également indispensable pour les validateurs HTML (celui du W3C…
-
Balises HTML de structure des pages
Depuis le début du langage HTML, il est possible de créer différentes sections dans une page grâce à la balise <div>. On peut l’utiliser pour l’en-tête, le menu, une barre latérale, le contenu principale, le pied-de-page, et pour différentes sous-sections sur différents niveaux à l’intérieur de ces sections principales. Pour la mise en place de…
-
Les balises HTML video et audio
La balise <video> Intégration d’une vidéo Autrefois, il fallait intégrer un plugin Flash par exemple pour pouvoir lire des vidéos sur une page web. HTML 5 apporte la balise <video> qui permet très facilement d’intégrer une vidéo à une page web. L’attribut src permet d’indiquer l’adresse vers le fichier vidéo. Il est possible d’ajouter les…
-
Les tableaux HTML
Les tableaux sont un moyen simple et efficace de présenter des données sous forme de liste / colonnes. Il est possible d’avoir un en-tête, un pied-de-tableau, d’effectuer des fusions de cellules, d’avoir une gestion des bordures etc. Les balises des tableaux Balise Usage <table> Indique le début et la fin d’un tableau. Elle englobe tout…
-
Typo HTML des titres, paragraphes, citations etc.
Titres Les balises <h1> à <h6>, de type bloc, permettent d’afficher 6 niveaux de titres, <h1> étant le plus important. Les titres sont importants pour hiérarchiser un document. Les robots s’en servent d’ailleurs pour construire des tables de matières des documents. On conseille de n’avoir qu’un titre de niveau 1 par page et d’éviter de…
-
Listes à puces HTML
Listes ordonnées et non ordonnées Les listes à puces permettent de présenter des informations sous forme de différents points énumérés chacun étant précédé d’une puce. On distingue alors deux types de listes avec d’une part les listes ordonnées et d’autre part les listes non ordonnées. Les listes ordonnées énumèrent chacun élément en le précédent soit…
-
Polices d’écritures (fonts) HTML
Gestion de la taille à l’écran La taille du texte peut être défini via différentes unités. On distingue les unités indiquant une taille absolue de celles indiquant une taille relative. La taille absolue est généralement exprimée en pixels (« px ») mais peut également s’exprimer en centimètres ou en millimètres (« cm » ou «…
-
Images et figures HTML
Afficher une image Pour intégrer une image, on utilise la balise <img> accompagnée obligatoirement de l’attribut src qui contient le chemin vers l’image à afficher. Il est recommandé de toujours l’accompagner de l’attribut alt qui permet d’indiquer un texte alternatif au cas où l’image ne puisse pas être chargée. Elle peut également être complétée de…
-
Liens de pages / emails / téléchargement
Lien vers des pages Les liens permettent de passe d’une page à une autre, d’accéder à une section spécifique d’une page, et peuvent éventuellement s’ouvrir dans un nouvel onglet. Lien pour envoyer un email Les liens peuvent également permettre d’ouvrir le logiciel de message installé sur le poste afin d’envoyer un mail. Dans ce cas,…