Back
Affichage de 1-20 des résultats de 68

TP8 Création d’un projet Bootstrap

22 mars 2023
0

TP1 Plateforme de formation web en ligne TP2 Gestion d’une boulangerie-pâtisserie TP3 Création d’un site de formation en ligne TP4 Les Oasis de Tunisie TP5 Création d’un projet Bootstrap TP6 Création d’un projet Bootstrap TP7 Création d’un projet Bootstrap TP8 Création d’un projet Bootstrap TP8 Gestion d’un clinique Objectifs Télécharger et personnaliser une Template Bootstrap 5 pour créer un site …

Examen 5 en HTML , CSS et Bootstrap

19 mai 2022
0

Examen en HTML et CSS Examen 2 en HTML et CSS Examen 3 en HTML , CSS et JS Examen 4 en HTML , CSS et JS Examen 5 en HTML , CSS et Bootstrap Examen 5 en HTML , CSS et Bootstrap Consignes Durée : 2h00 Tous documents sont autorisés Téléphones portables (et autres périphériques connectés) interdits Le sujet …

TP06 Bootstrap

26 février 2020
0

TP05 Bootstrap TP06 Bootstrap TP6 Bootstrap Objectif Connaitre comment Bootstrap traite les tableaux et les boutons. Exercice 01 Énoncé Préparez votre espace de travail en créant un dossier "exercice_bootstrap" dans lequel vous allez créer un sous-dossier "tp06". Prenez un éditeur de texte (textEdit, bloc note, notePad…) et créez votre propre document html. Utiliser le framework bootstrap pour réaliser la page …

Correction TP les cards Bootstrap Ex05

18 janvier 2020
0

Les composants Bootstrap Créer un Jumbotron Bootstrap Le composant Card Bootstrap Le composant Carousel Bootstrap TP les cards Bootstrap TP les carousels Bootstrap Correction TP les cards Bootstrap Ex05 Objectifs Etre capable de mettre les cards dans les grilles en Bootstrap 4 Exercice 05 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Grid Example</title> …

Correction TP5 Bootstrap Ex01

18 janvier 2020
0

TP05 Bootstrap Correction TP5 Bootstrap Ex01 Objectifs Etre capable de mettre les carrousels dans les grilles en Bootstrap 4 Exercice 02 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!DOCTYPE html> <html lang=”fr”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css”> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css”> <style> h2,h3 {text-align: center;} p{text-align: center;} .card {border: none;} </style> </head> <body> <div …

Correction TP5 Bootstrap Ex02

17 janvier 2020
0

TP05 Bootstrap Correction TP5 Bootstrap Ex02 Objectifs Etre capable de mettre les carrousels dans les grilles en Bootstrap 4 Exercice 02 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!Doctype html> <html> <head> <meta charset=”utf-8″ > <title>Mon Site avec Bootstrap</title> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css”> </head> <body> <header> <div class=”container”> <div class=”row”> <div class=”col-md-7″> <h1> <span class=”fa fa-user text-primary”></span> …

TP05 Bootstrap

14 janvier 2020
0

TP05 Bootstrap TP5 Bootstrap Objectif Connaitre comment Bootstrap traite les tableaux et les boutons. Exercice 01 Énoncé Écrivez le code nécessaire pour que votre page ressemble à celle-ci: Solution Essayez de faire l’exercice de votre côté avant de regarder la solution ! Exercice 02 Énoncé Utilisez le Framework Bootstrap 4 pour réaliser la page suivante : Solution Essayez de faire …

Les Spinners Bootstrap

13 janvier 2020
0

Les spinners dans Bootstrap Progress Bar Bootstrap Effet accordéon Bootstrap Les Spinners Bootstrap Objectifs Être capable de travailler avec les spinners Bootstrap 4 Présentation Les "spinners" Bootstrap peuvent être utilisés pour afficher l’état de chargement dans vos projets. Bootstrap Spinner est utilisé pour afficher l’état de chargement (loading state) d’une application ou de tout autre processus. Les "spinners" Bootstrap sont …

Correction TP les carrousels Bootstrap Ex02

12 janvier 2020
0

Les composants Bootstrap Créer un Jumbotron Bootstrap Le composant Card Bootstrap Le composant Carousel Bootstrap TP les cards Bootstrap TP les carousels Bootstrap Correction TP les carrousels Bootstrap Ex02 Objectifs Etre capable de mettre les carrousels dans les grilles en Bootstrap 4 Exercice 02 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!DOCTYPE html> <html lang=”en”> <head> <title>Bootstrap Example</title> <meta …

Correction TP les cards Bootstrap Ex03

11 janvier 2020
0

Les composants Bootstrap Créer un Jumbotron Bootstrap Le composant Card Bootstrap Le composant Carousel Bootstrap TP les cards Bootstrap TP les carousels Bootstrap Correction TP les cards Bootstrap Ex03 Objectifs Etre capable de mettre les cards dans les grilles en Bootstrap 4 Exercice 02 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Grid Example</title> …

Les images en Bootstrap

6 janvier 2020
0

Le composant media Bootstrap Les images en Bootstrap TP media Bootstrap Les images en Bootstrap Objectifs Etre capable de travailler avec les images Bootstrap 4 Présentation Bootstrap va nous permettre de centrer des images, d’ajouter des cadres de différentes formes ou encore de faire en sorte que la taille de nos images s’adapte en fonction de celle de leur élément …

Le composant media Bootstrap

6 janvier 2020
0

Le composant media Bootstrap Les images en Bootstrap TP media Bootstrap Le composant media Bootstrap Objectifs Etre capable de travailler avec les spinners Bootstrap 4 Présentation Les médias sont des vidéos, des fichiers audio ou des informations sensibles similaires. L’ objet multimédia vous aide à créer des composants répétitifs où certains médias sont positionnés à côté de contenu qui ne …

Correction TP les cards Bootstrap Ex04

5 janvier 2020
0

Les composants Bootstrap Créer un Jumbotron Bootstrap Le composant Card Bootstrap Le composant Carousel Bootstrap TP les cards Bootstrap TP les carousels Bootstrap Correction TP les cards Bootstrap Ex04 Objectifs Etre capable de mettre les cards dans les grilles en Bootstrap 4 Exercice 04 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Grid Example</title> …

Correction TP les cards Bootstrap Ex02

4 janvier 2020
0

Les composants Bootstrap Créer un Jumbotron Bootstrap Le composant Card Bootstrap Le composant Carousel Bootstrap TP les cards Bootstrap TP les carousels Bootstrap Correction TP les cards Bootstrap Ex02 Objectifs Etre capable de mettre les cards dans les grilles en Bootstrap 4 Exercice 02 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Grid Example</title> …

Groupe de boutons Bootstrap

3 janvier 2020
0

Les tableaux dans Bootstrap Les boutons standards Bootstrap Groupe de boutons Bootstrap TP4 Bootstrap Les boutons Bootstrap 4 Objectifs Connaitre les boutons Bootstrap 4 Etre capable de travailler avec les boutons Bootstrap 4 Présentation Le groupe de boutons ou boutons groupés comme son nom l’indique est simplement un groupe de boutons alignés ensemble pour les présenter comme un seul élément. …

TP4 Bootstrap

2 janvier 2020
0

Les tableaux dans Bootstrap Les boutons standards Bootstrap Groupe de boutons Bootstrap TP4 Bootstrap TP4 Bootstrap Objectif Connaitre comment Bootstrap traite les tableaux et les boutons. Exercice 01 Énoncé Reprenez le tableau suivant en utilisant le framework Bootstrap 4 Utilisez la classe : class=”table table-bordered table-striped table-sm” pour faire la mise en forme de ce tableau Utilisez la balise caption …

Correction TP la grille Bootstrap Ex01

13 décembre 2019
0

Le système de grille Bootstrap La grille de Bootstrap en pratique Alignement avec Bootstrap Les classes pull et push TP la grille Bootstrap Exercices positionnement sur Grille Bootstrap Correction TP la grille Bootstrap Ex01 Objectifs Créer rapidement une mise en page flexible et responsive avec le système de grille. Exercice 01 Énoncé Vous pouvez visualiser l’énoncé de l’exercice Solution Fichier …

TP02 Menu de navigation Bootstrap

19 avril 2019
0

Menus de navigation (Navbar) Drop-Down Menus Bootstrap 4 Les barres d’outils standard Bootstrap Pagination Bootstrap Breadcrumb Bootstrap TP01 Menu de navigation Bootstrap TP02 Menu de navigation Bootstrap TP02 Menus de navigation Bootstrap Objectifs Etre capable de créer un menu en Bootstrap Énoncé Utiliser le framework Bootstrap 4 pour réaliser le menu responsive illustré par les schémas ci-dessous Compléter le fichier …

Abonnez vous à notre chaîne YouTube gratuitement