Bootstrap

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

• Structurer votre page : [[1]]
• Model en boite : [[2]]
• Techniques puissante de mise en page, notre préférence: Flexbox (la plus récente et de loin la plus puissante): (Petit tutoriel : [[3]] )

• 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 avec du css

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

• https://bootsnipp.com/

* Interface pour créer des formulaire : https://bootsnipp.com/forms