Différences entre versions de « Bootstrap »
De Didaquest
Aller à la navigationAller à la recherche| Ligne 19 : | Ligne 19 : | ||
* Faire votre premier page index.html vide à la racine du dossier "mon-premier-site" | * Faire votre premier page index.html vide à la racine du dossier "mon-premier-site" | ||
* Préparer un premier squelette de page en html: copier le code et les images [[https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1606688-tp-creez-un-site-pas-a-pas]] | * Préparer un premier squelette de page en html: copier le code et les images [[https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1606688-tp-creez-un-site-pas-a-pas]] | ||
| − | * Mettre en forme avec du | + | * Mettre en forme le design avec un fichier css |
| + | Principales étapes, de préférence chronologiquement: | ||
| + | :1 - Polices personnalisées. | ||
| + | :2 - Définition des styles principaux de la page (largeur du site, fond, couleur par défaut du texte). | ||
| + | :3 - En-tête et liens de navigation. | ||
| + | :4 - Bannière (représentant le pont de San Francisco). | ||
| + | :5 - Section principale du corps de page, au centre. | ||
| + | :6 - Pied de page (footer). | ||
== Pour bootstrap == | == Pour bootstrap == | ||
Version du 3 octobre 2019 à 08:56
Présentation
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Téléchargement et code source
- code source sur GitHub: https://github.com/twbs/bootstrap
Tutoriels et formation
Prérequis
- HTML & CSS : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
- Un peu de javascript
- Un peu de PHP mais pas forcément
Activité pratique préliminaire
- Créer un dossier sur votre ordinateur : mon-premier-site
- Imaginer votre future première page (vous pouvez consulter un ensemble de model sur le web)
- Dans le dossier "mon-premier-site" créer un dossier images: y mettre les images
- Faire votre premier page index.html vide à la racine du dossier "mon-premier-site"
- Préparer un premier squelette de page en html: copier le code et les images [[4]]
- Mettre en forme le design avec un fichier css
Principales étapes, de préférence chronologiquement: :1 - Polices personnalisées. :2 - Définition des styles principaux de la page (largeur du site, fond, couleur par défaut du texte). :3 - En-tête et liens de navigation. :4 - Bannière (représentant le pont de San Francisco). :5 - Section principale du corps de page, au centre. :6 - Pied de page (footer).
Pour bootstrap
https://openclassrooms.com/fr/courses/1885491-prenez-en-main-bootstrap
- informations sur Bootstrap directement sur le site dédié: https://getbootstrap.com
Design elements, playground and code snippets for Bootstrap
- * Interface pour créer des formulaire : https://bootsnipp.com/forms
