===Web de Base : HTML CSS JS ===
{{tag>web code exemples ressources}}
==== 🎯 Objectifs ====
//**Faire le point sur ce que je sais faire **// en terme de pages / de sites web
\\ //**Noter les détails relou**// que je m'en rappelle jamais et que je ré-apprend à chaque fois
\\ //**Mieux me connaître,**// mes motivations, mes croyances, mes convictions, mes aprioris, mes réussites... etc
➕ HTML 5
➕ CSS 3
➕ JavaScript
➕ Images & illustrations
➕ Frameworks "sympas"
➕ Outils "utiles"
===🎁 Ressources Vrac===
🎥[[https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g|Playlist Youtube "Web Demystified"]] par Jérémie Patonnier de son temps chez mozilla.
===👀 Veille Vrac ===
les 3 dernières pages marquées sur le sujet "web" :
{{rss>http://www.liens.chiquette.fr/feed/atom?&searchtags=web description 3 date 1d }}
* **[[http://art.chiquette.fr/| 🎭 mon site perso d'artiste]]**
100% cousu-main, réalisé en suivant [[https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3|un cours OpenClassRoom]] en 2020
* **[[https://attrapli.com/| 🫶 1 page site d'Attrapli]] **
un projet qu'on a gagné 2 blueribbon de Makers avec à la Villette fin 2019,
\\ un site où j'ai intégré les visuels de mon chéri à un template d'[[https://html5up.net/|HTML5Up]]
➕ Création
➕ Assistée par
➕ Ordinateur
\\ ❓ Où on arrête l'assistanat ?
==== HTML ====
C'est le langage des pages web que nous consultons. Il consiste en une série de balisées qui structurent le contenu et le décrivent, permettant aux différents navigateur d'afficher les informations et les médias. Une page HTML se structure toujours de la même façon: ''HEAD'' contient les meta données et des ressources supplémentaires + ''BODY'' où on placera tout le contenu à afficher.
Télécharger le code en cliquant sur son titre en bleu : un titre
ici tout le contenu à afficher
==Ressources==
[[https://developer.mozilla.org/fr/docs/Web/HTML/Element#content_sectioning|Les balises HTML et leurs rôles]]
[[https://validator.w3.org/|le validateur de balisage du W3C]]
==== CSS ====
colonnes
===Ressources ===
[[https://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html#selectors|Liste complète des sélecteurs W3C]]
=== prises de tête ===
[[une image de fond format portrait]]
=== JavaScript ===
colonnes
=== Images & illustrations ===
colonnes
=== Frameworks "sympas" ===
colonnes
=== Outils "utiles" ===
colonnes