Cours Python

 CopyrightFrance.com
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    UserOnline
    Utilisateurs/utilisatrices: 14 Guests, 4 Bots

    1 - Les conténeurs Layout JavaFX

    Après avoir construit tous les nœuds requis dans une scène, nous souhaitons généralement les organiser au sein de la scène. Cette disposition des composants à l'intérieur du conteneur est appelée la disposition du conteneur (layout conteiner).
    JavaFX à cet effet, fournit plusieurs mises en page prédéfinies telles que HBox, VBox, Border Pane, Stack Pane, Text Flow, Anchor Pane, Title Pane, Grid Pane, Flow Panel, etc....

    Chacune des dispositions mentionnées ci-dessus est représentée par une classe et toutes ces classes appartiennent au package javafx.layout. La classe nommée Pane est la classe de base de toutes les mises en page dans JavaFX.

    2 - Liste des Layout JavaFX

    1. HBox:  disposition HBox organise tous les nœuds de notre application sur une seule ligne horizontale. La classe nommée HBox du package javafx.scene.layout représente la disposition de la boîte horizontale de texte.
    2. GridPane: la disposition Grid Pane organise les nœuds de notre application sous la forme d'une grille de lignes et de colonnes. Cette mise en page est pratique lors de la création de formulaires à l'aide de JavaFX. La classe nommée GridPane du package javafx.scene.layout représente la disposition GridPane.
    3. VBox: la disposition VBox organise tous les nœuds de notre application dans une seule colonne verticale. La classe nommée VBox du package javafx.scene.layout représente la disposition de la zone verticale de texte.
    4. BorderPane: la disposition Border Pane organise les nœuds de notre application dans les positions supérieure, gauche, droite, inférieure et centrale. La classe nommée BorderPane du package javafx.scene.layout représente la disposition du volet de bordure.
    5. StackPane: la disposition du volet de pile organise les nœuds de notre application les uns sur les autres, comme dans une pile. Le nœud ajouté en premier est placé au bas de la pile et le nœud suivant est placé dessus. La classe nommée StackPane du package javafx.scene.layout représente la disposition du volet de pile.
    6. TextFlow: la disposition Flux de texte organise plusieurs nœuds de texte dans un flux unique. La classe nommée TextFlow du package javafx.scene.layout représente la disposition du flux de texte.
    7. AnchorPane: la disposition du volet Ancrage ancre les nœuds de notre application à une distance particulière du volet. La classe nommée AnchorPane du package javafx.scene.layout représente la disposition du volet d'ancrage.
    8. TilePane: la disposition Tile Pane ajoute tous les nœuds de notre application sous la forme de tuiles de taille uniforme. La classe nommée TilePane du package javafx.scene.layout représente la disposition TilePane.
    9. FlowPane: la disposition du volet de flux englobe tous les nœuds dans un flux. Un volet de flux horizontal enveloppe les éléments du volet à sa hauteur, tandis qu'un volet de flux vertical enveloppe les éléments à sa largeur.

    3 - Exemple de layout: GridPane

    Nous allons dans ce paragraphe créer un exemple de fenêtre JavaFX dont les noeuds sont gérés par le layout GridPane.
    Nous commençon par définir et créer le layout par:

    Nous pouvons aussi définir la marge interne du layout pan par:

    Pour ajouter un composant: champ de texte, label, bouton de commande, on utilise le code:

    et finalement pour ajouter un composant au layout pan on utilise le code:

    Exemple

    Exemple complet:

    Ce qui affiche à la sortie:

    On peut aussi paramétrer l'espace vertical et horizontal entre les composants par:

     

    Younes Derfoufi
    CRMEF OUJDA

    Laisser un commentaire