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: 11 Guests, 5 Bots

    La propriété background comme son nom l'indique, nous permet de modifier l'arrière plan de notre page web: on peut mettre une couleur de notre choix , on peut mettre aussi une belle image comme arrière plan...

    1 - background-color

    Cette propriété s'utilise pour modifier la couleur de l'arrière plan d'un élément.

    Exemple : coloration de l'arrière plan en rouge :

    body { background-color: red ; }

    2 - background-image

    Cette propriété est utilisé pour mettre une image en arrière plan d'un élément. L'image est automatiquement répété pour recouvrir la totalité de l'élément en question.

    Exemple :

    body { backgroun-image: url(adresse) ; }    //adresse = adresse url de l'image 

    3 - background-repeat

    Cette proprièté définit la façon suivant laquelle l'image doit se répéter.

    Exemple : background sans répétition de l'image

    body { backgroun-image: url(adresse) ; background-repeat: no-repeat ; }  // pas de répétition d'image 

    Exemple : background avec répétition horizontale de l'image ( repeat-x)

    body { backgroun-image: url(adresse) ; background-repeat: repeat-x ; }  // répétition d'une façon horizontale 

    Exemple : background avec répétition verticale de l'image ( repeat-y)

    body { backgroun-image: url(adresse) ; background-repeat: repeat-y ; }  // répetition d'une façon verticale 

    4 - background-position

    Cette propriété est utilisé pour détérminer la position de l'image sur l'arrière plan en utilisant Les mots-clés suivants :

    top           =   image au centre/haut de la page ou du bloc.
    center     =   image au centre/centre de la page ou du bloc.
    bottom   =   image au centre bas de la page ou du bloc..
    right       =   image au centre/droit de la page ou du bloc.
    left          =   image au centre/gauche de la page ou du bloc.

    Exemple : background avec  une image palcée en haut à gauche

    body { backgroun-image: url(adresse) ;
    background-repeat: no-repeat ;
    background-position: left top ; }
     l'image dans cet exemple se positionne en haut à gauche 

    Remarque : On porra aussi utiliser le % pour le positionnement de l'image

     

    Exemple : Pour positionner l'image en haut à droite on utilise le code :

    body { backgroun-image: url(adresse) ;
    background-repeat: no-repeat ;
    background-position: 100% 0% ; } 

    Exemple : Pour positionner l'image au milieu de la page on utilise le code :

    body { backgroun-image: url(adresse) ;
    background-repeat: no-repeat ;
    background-position: 50% 50% ; }

     

    5. Tutoriel Vidéo

    Une réponse à “3 – La propriété background”

    Laisser un commentaire