====== Les langages pour créer des sites Web ====== ===== Présentation ===== Les **sites Web** sont créés avec plusieurs langages qui ont chacun leur rôle. Les langages de base sont : * le **HTML**, * le **CSS**, * le **javascript**. Il y a d'autres langages qui sont aussi très utilisés mais le **HTML**, le **CSS** et le **Javascript** sont les langages fondamentaux pour créer les sites Web. ===== Sommaire ===== * [[.:HTML1|Activité HTML N°1]] * [[.:CSS1|Activité CSS N°1]] * [[.:HTML2|Activité HTML N°2]] * [[.:CSS2|Activité CSS N°2]] * [[.:HTML3|Activité HTML N°3 - les formulaires]] * [[.:javascript1|Activité Javascript N°1 - interagir avec la page HTML]] * [[.:javascript2|Activité Javascript N°2 - gérer les touches du clavier]] * [[.:canvas1|Activité Canvas N°1 : dessiner des formes simples sur une page Web]] * [[.:canvas2|Activité Canvas N°1 : animer un forme simple sur une page Web]] ==== Activités avec Bootstrap ==== * [[https://openclassrooms.com/fr/courses/1885491-prenez-en-main-bootstrap|Boostrap avec OpenClassrooms]] * [[.:bootstrap1|Activité Bootstrap N°1 - préparer son environnement]] * [[.:bootstrapgridsystem|Activité Bootstrap N°2 - le système de grille Grid System]] * [[.:bootstraptypographie|Activité Bootstrap N°3 - gérer les textes]] * [[.:bootstrapform|Activité Bootstrap N°4 - les formulaires]] * [[.:bootstrapimage|Activité Bootstrap N°5 - les images]] * [[.:bootstraplistederoulante|Activité Bootstrap N°6 - les listes déroulantes]] ==== Activités avec OpenStreetMap ==== * [[.:openstreetmap1|Activité Intégrer une carte OpenStreetMap dans une page Web]] ==== Activités avec Flask ==== * [[.:webdynamique|Cours : Les sites Web dynamiques]] * [[.:flask_01|Activité : Utiliser le framework Flask pour créer un site Web dynamique]] ==== Activités Websocket avec Flask ==== * [[.:websocketflask_01|Cours : gérer un websocket avec Flask]] * [[.:websocketflask_02|Activité : les bases des websockets avec Flask-socketio]] * [[.:websocketflask_03|Activité : première application websocket avec Flask-socketio]] ==== A venir ==== ==== Les activités ... ==== [[.:accueil|Je reviens à la liste des activités.]]