Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Configuration de l'Environnement de Développement | Création d'un Site Portfolio avec Bootstrap
Essentiels de Bootstrap pour les Sites Web Modernes

bookConfiguration de l'Environnement de Développement

1. Créer un nouveau fichier HTML

Commencer par créer un nouveau fichier HTML pour votre site portfolio. Vous pouvez le nommer index.html ou tout autre nom de votre choix.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio</title>
  </head>
  <body></body>
</html>

2. Lier les fichiers CSS et JavaScript de Bootstrap

Lier les fichiers CSS et JavaScript de Bootstrap à votre fichier HTML. Vous pouvez utiliser les liens CDN ou télécharger les fichiers Bootstrap et les lier localement.

<!-- Bootstrap CSS -->
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Résultat

index.html

index.html

copy

Remarque

Possibilité de travailler localement sur la plateforme ou d’utiliser un éditeur de code tel que Visual Studio Code, Sublime Text, ou tout autre éditeur de votre choix pour écrire du HTML et du CSS.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.23

bookConfiguration de l'Environnement de Développement

Glissez pour afficher le menu

1. Créer un nouveau fichier HTML

Commencer par créer un nouveau fichier HTML pour votre site portfolio. Vous pouvez le nommer index.html ou tout autre nom de votre choix.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio</title>
  </head>
  <body></body>
</html>

2. Lier les fichiers CSS et JavaScript de Bootstrap

Lier les fichiers CSS et JavaScript de Bootstrap à votre fichier HTML. Vous pouvez utiliser les liens CDN ou télécharger les fichiers Bootstrap et les lier localement.

<!-- Bootstrap CSS -->
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Résultat

index.html

index.html

copy

Remarque

Possibilité de travailler localement sur la plateforme ou d’utiliser un éditeur de code tel que Visual Studio Code, Sublime Text, ou tout autre éditeur de votre choix pour écrire du HTML et du CSS.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 2
some-alt