Cours Python
1. A propos du framework Tailwind Tailwind est un framework CSS qui permet de créer rapidement des interfaces utilisateur modernes et esthétiquement plaisantes en utilisant des classes pré-définies plutôt que d'écrire des règles CSS personnalisées. Il s'agit d'un framework "utilitaire", ce qui signifie qu'il fournit un ensemble complet de classes qui peuvent être appliquées directement…
Contenu du cours La balise d'insertion d'images <img> Les attributs de la balise <img> Exemples d'usage des attributs de la balise IMG 3.1 Les attributs width et height 3.2 L'attribut align 3.3 L'attribut border 3.4 L'attribut alt 3.5 L'attribut vspace 1. La balise d'insertion d'images <img> Afin d'embellir nos pages web, nous devons impérativement utiliser…
Contenu du cours A propos de la balise BODY Compatibilité Attributs spécifiques de la balise BODY 1. A propos de la balise BODY La balise <body> est une balise principale qui définit tout le corps de la page web. L'élément <body> englobe la totalité du contenu d'un document HTML, comme: texte, images, hyperliens, etc.
Contenu du cours Les principales balises de mise en forme en HTML Tableau récapitulatifs des balises de mise en forme en html Exemples d'usages des balises de mise en forme HTML 1. Les principales balises de mise en forme en HTML Le langage HTML offre la possibilité de mettre en forme un texte en toute…
Contenu du cours A propos des liens hypertextes Lien vers une adresse URL Lien vers un fichier Lien vers une boite Email Lien dans la même page 1. A propos des liens hypertextes Dans le but de facilité la navigation de page en page sur le web, le langage HTML nous offre la possibilité de…
Contenu du cours A propos de la propriété font css La propriété font-size La propriété font-family La propriété font-weight La propriété font-style La propriété font-variant La propriété font-stretch La propriété font-kerning
Contenu du cours A propos du langage HTML Pourquoi apprendre le langage HTML ? Les principaux avantages de l'apprentissage du HTML Balise HTML Les outils nécessaires pour développer en HTML 1. A propos du langage HTML HTML est un acronyme qui signifie Hyper Text Markup Language, utilisé pour créer des pages Web. HTML a été…
Le langage CSS est doté d'un certain nombre de propriétés permettant de réaliser la mise en forme d'un texte en toute aisance: 1. La propriété text-align Cette propriété permet de définir l'aligement d'un texte Exemple
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/*Ce code permet d'aligner les paragraphes à droite.*/ <!DOCTYPE html> <head> <title>Alignement d'un texte</title> <style> p { text-align:right ; } </style> </head> <body> <p>Texte aligné à droite</p> </body> </html> |
Contenu du cours Sélecteur de balise & syntaxe générale d'un code CSS Exemple de sélecteurs de balises CSS Récapitulatif des propriétés d'un selecteur 1. Sélecteur de balise & syntaxe générale d'un code CSS Avant de de parler des propriétés d'un sélecteur, prenons un exemple simple : Exemple Pour mettre les balise de titre <h1> en…
Contenu du cours Syntaxe générale du code css Insertion du code CSS interne à la page Insertion du code CSS externe à la page Aujourd'hui, nous allons écrire et exécuter notre premier programme CSS. Nous allons utiliser un IDE HTML comme VSCode, notepad++ ou un simple éditeur de texte. 1. Syntaxe générale du code css…
Contenu du cours A propos des feuilles de style CSS Avantages des feuilles de style CSS Les versions du langage CSS 1. A propos des feuilles de style CSS Les feuilles de style en cascade CSS (Cascading Style Sheets CSS en anglais), sont un langage de conception simple destiné à simplifier le processus de création…
Pour utiliser React en production, vous avez besoin de npm qui est inclus avec Node.js. Pour avoir un aperçu de ce qu'est React, vous pouvez écrire du code React directement au sein d'une page HTML. Mais pour utiliser React en production, vous devez installer npm et Node.js. 1. RéactJS directement dans une page HTML Le…
1. A propos de ReactJS React également connu sous le nom de ReactJS, est une bibliothèque JavaScript utilisable en développement Frontend gratuite et open source permettant de créer des interfaces utilisateur basées sur des composants d'interface utilisateur. Il est maintenu par Facebook elle peut aussi être utilisée comme base dans le développement d'applications monopage SAP…
1 - Comment utiliser W3.CSS ? Il existe deux façons d'utiliser W3.CSS: Installation locale: Vous pouvez télécharger le fichier W3.CSS sur votre machine locale et l'inclure dans votre code HTML. Version basée sur CDN: Vous pouvez inclure le fichier W3.CSS dans votre code HTML directement à partir du réseau de distribution de contenu (CDN). 1.1 -…
1 - W3CSS c'est quoi? W3.CSS, est l'un des frameworks CSS le plus récent développé par développé par W3Schools et considéré comme un concurrent du framework Bootstrap caractérisé par son efficacité et de sa simplicité d'usage, il est inspiré du Material Design de Google.
Contenu du cours Création du projet Création du modèle Création du contrôleur Définition des routes et des views Configuration du Bootstrap avec laravel 8 Création et affichage des données Nous souhaitons maintenant créer un système de gestion des étudiants sous forme d'une CRUD application avec Laravel 8. 1 Création du projet &…
1 - Installation des outils nécessaires 1. Installation d'un serveur web apache avec mysql: je vous recommande XAMPP: https://www.apachefriends.org/fr/download.html||XAMPP-PHP-7.3. 2. Télécharger et installer Composer: https://getcomposer.org/. Outil de gestion des dépendances en PHP. Il vous permet de déclarer les bibliothèques dont dépend votre projet et il les installe et les met à jour pour vous automatiquement.