[{"data":1,"prerenderedAt":3823},["ShallowReactive",2],{"navigation":3,"\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css":585,"\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css__counterpart":2035,"\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css__slides":2409,"annexes-memo:\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css":3003,"annexes-slides:\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css":3308},[4,224,440],{"title":5,"path":6,"stem":7,"children":8},"SNT — Seconde","\u002Fsnt-2nde","0.snt-2nde\u002F0.index",[9,10,14,36,66,92,118,144,162,184,206],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"REVIEW pédagogique — SNT 2nde","\u002Fsnt-2nde\u002Freview","0.snt-2nde\u002FREVIEW",{"title":15,"path":16,"stem":17,"children":18},"Internet","\u002Fsnt-2nde\u002Fsa-internet","0.snt-2nde\u002Fsa-internet\u002F0.index",[19,20,24,28,32],{"title":15,"path":16,"stem":17},{"title":21,"path":22,"stem":23},"Adresses symboliques et DNS","\u002Fsnt-2nde\u002Fsa-internet\u002Fadresses-dns","0.snt-2nde\u002Fsa-internet\u002F1.adresses-dns",{"title":25,"path":26,"stem":27},"Internet et les réseaux physiques","\u002Fsnt-2nde\u002Fsa-internet\u002Freseaux-physiques","0.snt-2nde\u002Fsa-internet\u002F2.reseaux-physiques",{"title":29,"path":30,"stem":31},"Protocoles TCP\u002FIP et routage des paquets","\u002Fsnt-2nde\u002Fsa-internet\u002Ftcp-ip-routage","0.snt-2nde\u002Fsa-internet\u002F3.tcp-ip-routage",{"title":33,"path":34,"stem":35},"Réseaux pair-à-pair","\u002Fsnt-2nde\u002Fsa-internet\u002Fpair-a-pair","0.snt-2nde\u002Fsa-internet\u002F4.pair-a-pair",{"title":37,"path":38,"stem":39,"children":40},"Le Web","\u002Fsnt-2nde\u002Fsb-web","0.snt-2nde\u002Fsb-web\u002F0.index",[41,42,46,50,54,58,62],{"title":37,"path":38,"stem":39},{"title":43,"path":44,"stem":45},"Histoire du Web","\u002Fsnt-2nde\u002Fsb-web\u002Fhistoire-web","0.snt-2nde\u002Fsb-web\u002F1.histoire-web",{"title":47,"path":48,"stem":49},"URL et hypertexte","\u002Fsnt-2nde\u002Fsb-web\u002Furl-hypertexte","0.snt-2nde\u002Fsb-web\u002F2.url-hypertexte",{"title":51,"path":52,"stem":53},"HTML et CSS — le contenu et la présentation","\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css","0.snt-2nde\u002Fsb-web\u002F3.html-css",{"title":55,"path":56,"stem":57},"Client-serveur et requêtes HTTP","\u002Fsnt-2nde\u002Fsb-web\u002Fclient-serveur-http","0.snt-2nde\u002Fsb-web\u002F4.client-serveur-http",{"title":59,"path":60,"stem":61},"Moteurs de recherche","\u002Fsnt-2nde\u002Fsb-web\u002Fmoteurs-recherche","0.snt-2nde\u002Fsb-web\u002F5.moteurs-recherche",{"title":63,"path":64,"stem":65},"Sécurité du navigateur et notions juridiques","\u002Fsnt-2nde\u002Fsb-web\u002Fsecurite-droits","0.snt-2nde\u002Fsb-web\u002F6.securite-droits",{"title":67,"path":68,"stem":69,"children":70},"Les réseaux sociaux","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F0.index",[71,72,76,80,84,88],{"title":67,"path":68,"stem":69},{"title":73,"path":74,"stem":75},"Panorama des réseaux sociaux","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fpanorama-rs","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F1.panorama-rs",{"title":77,"path":78,"stem":79},"Identité numérique et authentification","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fidentite-numerique","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F2.identite-numerique",{"title":81,"path":82,"stem":83},"Le modèle économique des réseaux sociaux","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fmodele-economique","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F3.modele-economique",{"title":85,"path":86,"stem":87},"Petit monde et graphes","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fpetit-monde-graphes","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F4.petit-monde-graphes",{"title":89,"path":90,"stem":91},"La cyberviolence","\u002Fsnt-2nde\u002Fsc-reseaux-sociaux\u002Fcyberviolence","0.snt-2nde\u002Fsc-reseaux-sociaux\u002F5.cyberviolence",{"title":93,"path":94,"stem":95,"children":96},"Les données structurées et leur traitement","\u002Fsnt-2nde\u002Fsd-donnees-structurees","0.snt-2nde\u002Fsd-donnees-structurees\u002F0.index",[97,98,102,106,110,114],{"title":93,"path":94,"stem":95},{"title":99,"path":100,"stem":101},"Données et formats","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fdonnees-formats","0.snt-2nde\u002Fsd-donnees-structurees\u002F1.donnees-formats",{"title":103,"path":104,"stem":105},"Données structurées","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fdonnees-structurees","0.snt-2nde\u002Fsd-donnees-structurees\u002F2.donnees-structurees",{"title":107,"path":108,"stem":109},"Métadonnées","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fmetadonnees","0.snt-2nde\u002Fsd-donnees-structurees\u002F3.metadonnees",{"title":111,"path":112,"stem":113},"Traitement de tables","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Ftraitement-tables","0.snt-2nde\u002Fsd-donnees-structurees\u002F4.traitement-tables",{"title":115,"path":116,"stem":117},"Le cloud","\u002Fsnt-2nde\u002Fsd-donnees-structurees\u002Fcloud","0.snt-2nde\u002Fsd-donnees-structurees\u002F5.cloud",{"title":119,"path":120,"stem":121,"children":122},"Localisation, cartographie et mobilité","\u002Fsnt-2nde\u002Fse-localisation-cartographie","0.snt-2nde\u002Fse-localisation-cartographie\u002F0.index",[123,124,128,132,136,140],{"title":119,"path":120,"stem":121},{"title":125,"path":126,"stem":127},"GPS et Galileo — se situer grâce aux satellites","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fgps-galileo","0.snt-2nde\u002Fse-localisation-cartographie\u002F1.gps-galileo",{"title":129,"path":130,"stem":131},"Décoder une trame NMEA","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Ftrame-nmea","0.snt-2nde\u002Fse-localisation-cartographie\u002F2.trame-nmea",{"title":133,"path":134,"stem":135},"Cartes numériques — GeoPortail et OpenStreetMap","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fcartes-numeriques","0.snt-2nde\u002Fse-localisation-cartographie\u002F3.cartes-numeriques",{"title":137,"path":138,"stem":139},"Itinéraires et graphes","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fitineraires-graphes","0.snt-2nde\u002Fse-localisation-cartographie\u002F4.itineraires-graphes",{"title":141,"path":142,"stem":143},"Confidentialité de la position","\u002Fsnt-2nde\u002Fse-localisation-cartographie\u002Fconfidentialite-position","0.snt-2nde\u002Fse-localisation-cartographie\u002F5.confidentialite-position",{"title":145,"path":146,"stem":147,"children":148},"Informatique embarquée et objets connectés","\u002Fsnt-2nde\u002Fsf-info-embarquee","0.snt-2nde\u002Fsf-info-embarquee\u002F0.index",[149,150,154,158],{"title":145,"path":146,"stem":147},{"title":151,"path":152,"stem":153},"Systèmes informatiques embarqués","\u002Fsnt-2nde\u002Fsf-info-embarquee\u002Fsystemes-embarques","0.snt-2nde\u002Fsf-info-embarquee\u002F1.systemes-embarques",{"title":155,"path":156,"stem":157},"Capteurs et actionneurs","\u002Fsnt-2nde\u002Fsf-info-embarquee\u002Fcapteurs-actionneurs","0.snt-2nde\u002Fsf-info-embarquee\u002F2.capteurs-actionneurs",{"title":159,"path":160,"stem":161},"IHM et objets connectés","\u002Fsnt-2nde\u002Fsf-info-embarquee\u002Fihm-objet-connecte","0.snt-2nde\u002Fsf-info-embarquee\u002F3.ihm-objet-connecte",{"title":163,"path":164,"stem":165,"children":166},"Photographie numérique","\u002Fsnt-2nde\u002Fsg-photo-numerique","0.snt-2nde\u002Fsg-photo-numerique\u002F0.index",[167,168,172,176,180],{"title":163,"path":164,"stem":165},{"title":169,"path":170,"stem":171},"Photosites, pixels et résolution","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Fpixels-resolution","0.snt-2nde\u002Fsg-photo-numerique\u002F1.pixels-resolution",{"title":173,"path":174,"stem":175},"Les algorithmes de l'appareil photo","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Falgorithmes-photo","0.snt-2nde\u002Fsg-photo-numerique\u002F2.algorithmes-photo",{"title":177,"path":178,"stem":179},"Les métadonnées EXIF","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Fmetadonnees-exif","0.snt-2nde\u002Fsg-photo-numerique\u002F3.metadonnees-exif",{"title":181,"path":182,"stem":183},"Traiter une image en Python","\u002Fsnt-2nde\u002Fsg-photo-numerique\u002Ftraitement-rgb","0.snt-2nde\u002Fsg-photo-numerique\u002F4.traitement-rgb",{"title":185,"path":186,"stem":187,"children":188},"Notions transversales de programmation","\u002Fsnt-2nde\u002Fsh-prog-notions","0.snt-2nde\u002Fsh-prog-notions\u002F0.index",[189,190,194,198,202],{"title":185,"path":186,"stem":187},{"title":191,"path":192,"stem":193},"Séquences d'instructions et variables","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Fsequences-affectations","0.snt-2nde\u002Fsh-prog-notions\u002F1.sequences-affectations",{"title":195,"path":196,"stem":197},"Instructions conditionnelles","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Fconditionnelles","0.snt-2nde\u002Fsh-prog-notions\u002F2.conditionnelles",{"title":199,"path":200,"stem":201},"Boucles bornées et non bornées","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Fboucles","0.snt-2nde\u002Fsh-prog-notions\u002F3.boucles",{"title":203,"path":204,"stem":205},"Définitions et appels de fonctions","\u002Fsnt-2nde\u002Fsh-prog-notions\u002Ffonctions","0.snt-2nde\u002Fsh-prog-notions\u002F4.fonctions",{"title":207,"path":208,"stem":209,"children":210},"Démo des widgets MDC","\u002Fsnt-2nde\u002Fzz-demo-widgets","0.snt-2nde\u002Fzz-demo-widgets\u002F0.index",[211,212,216,220],{"title":207,"path":208,"stem":209},{"title":213,"path":214,"stem":215},"Démo statique — callouts, code, BO, illustration","\u002Fsnt-2nde\u002Fzz-demo-widgets\u002Fstatique","0.snt-2nde\u002Fzz-demo-widgets\u002F1.statique",{"title":217,"path":218,"stem":219},"Démo interactive — self-eval et python-snippet","\u002Fsnt-2nde\u002Fzz-demo-widgets\u002Finteractif","0.snt-2nde\u002Fzz-demo-widgets\u002F2.interactif",{"title":221,"path":222,"stem":223},"Démo · 14 widgets de manipulation NSI","\u002Fsnt-2nde\u002Fzz-demo-widgets\u002Fwidgets-manipulation","0.snt-2nde\u002Fzz-demo-widgets\u002F3.widgets-manipulation",{"title":225,"path":226,"stem":227,"children":228},"NSI — Première","\u002Fnsi-1ere","1.nsi-1ere\u002F0.index",[229,230,234,256,282,304,328,354,380,410],{"title":225,"path":226,"stem":227},{"title":231,"path":232,"stem":233},"Relecture pédagogique — 8 chapitres NSI 1ère (PA → PH)","\u002Fnsi-1ere\u002Freview","1.nsi-1ere\u002FREVIEW",{"title":235,"path":236,"stem":237,"children":238},"Histoire de l'informatique","\u002Fnsi-1ere\u002Fpa-histoire-info","1.nsi-1ere\u002Fpa-histoire-info\u002F0.index",[239,240,244,248,252],{"title":235,"path":236,"stem":237},{"title":241,"path":242,"stem":243},"De la préantiquité aux machines à calculer","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Fpreantiquite-aux-machines","1.nsi-1ere\u002Fpa-histoire-info\u002F1.preantiquite-aux-machines",{"title":245,"path":246,"stem":247},"La machine universelle (1930-1950)","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Fmachine-universelle","1.nsi-1ere\u002Fpa-histoire-info\u002F2.machine-universelle",{"title":249,"path":250,"stem":251},"Les ordinateurs modernes (1947-1990)","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Fordinateurs-modernes","1.nsi-1ere\u002Fpa-histoire-info\u002F3.ordinateurs-modernes",{"title":253,"path":254,"stem":255},"Réseaux, Web et IA (1969 à aujourd'hui)","\u002Fnsi-1ere\u002Fpa-histoire-info\u002Freseaux-et-web","1.nsi-1ere\u002Fpa-histoire-info\u002F4.reseaux-et-web",{"title":257,"path":258,"stem":259,"children":260},"Représentation des données — types et valeurs","\u002Fnsi-1ere\u002Fpb-types-valeurs","1.nsi-1ere\u002Fpb-types-valeurs\u002F0.index",[261,262,266,270,274,278],{"title":257,"path":258,"stem":259},{"title":263,"path":264,"stem":265},"Bases de numération et entiers positifs","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fbases-entiers-positifs","1.nsi-1ere\u002Fpb-types-valeurs\u002F1.bases-entiers-positifs",{"title":267,"path":268,"stem":269},"Entiers relatifs et complément à deux","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fentiers-relatifs","1.nsi-1ere\u002Fpb-types-valeurs\u002F2.entiers-relatifs",{"title":271,"path":272,"stem":273},"Nombres flottants et virgule flottante","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fflottants","1.nsi-1ere\u002Fpb-types-valeurs\u002F3.flottants",{"title":275,"path":276,"stem":277},"Textes et encodages — ASCII, ISO-8859-1, Unicode","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Ftextes-encodages","1.nsi-1ere\u002Fpb-types-valeurs\u002F4.textes-encodages",{"title":279,"path":280,"stem":281},"Valeurs booléennes et opérateurs logiques","\u002Fnsi-1ere\u002Fpb-types-valeurs\u002Fbooleens","1.nsi-1ere\u002Fpb-types-valeurs\u002F5.booleens",{"title":283,"path":284,"stem":285,"children":286},"Représentation des données : types construits","\u002Fnsi-1ere\u002Fpc-types-construits","1.nsi-1ere\u002Fpc-types-construits\u002F0.index",[287,288,292,296,300],{"title":283,"path":284,"stem":285},{"title":289,"path":290,"stem":291},"Tableaux et listes","\u002Fnsi-1ere\u002Fpc-types-construits\u002Ftableaux-listes","1.nsi-1ere\u002Fpc-types-construits\u002F1.tableaux-listes",{"title":293,"path":294,"stem":295},"Listes en compréhension","\u002Fnsi-1ere\u002Fpc-types-construits\u002Fcomprehension","1.nsi-1ere\u002Fpc-types-construits\u002F2.comprehension",{"title":297,"path":298,"stem":299},"Tuples et p-uplets nommés","\u002Fnsi-1ere\u002Fpc-types-construits\u002Ftuples","1.nsi-1ere\u002Fpc-types-construits\u002F3.tuples",{"title":301,"path":302,"stem":303},"Dictionnaires","\u002Fnsi-1ere\u002Fpc-types-construits\u002Fdictionnaires","1.nsi-1ere\u002Fpc-types-construits\u002F4.dictionnaires",{"title":305,"path":306,"stem":307,"children":308},"Traitement de données en tables","\u002Fnsi-1ere\u002Fpd-tables-donnees","1.nsi-1ere\u002Fpd-tables-donnees\u002F0.index",[309,310,314,318,322],{"title":305,"path":306,"stem":307},{"title":311,"path":312,"stem":313},"Tables et CSV","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Ftables-csv","1.nsi-1ere\u002Fpd-tables-donnees\u002F1.tables-csv",{"title":315,"path":316,"stem":317},"Recherche et filtrage","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Frecherche","1.nsi-1ere\u002Fpd-tables-donnees\u002F2.recherche",{"title":319,"path":320,"stem":321},"Trier une table","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Ftri","1.nsi-1ere\u002Fpd-tables-donnees\u002F3.tri",{"title":323,"path":324,"stem":325,"children":326},"Fusion et indexation","\u002Fnsi-1ere\u002Fpd-tables-donnees\u002Ffusion-indexation","1.nsi-1ere\u002Fpd-tables-donnees\u002F4.fusion-indexation",[327],{"title":323,"path":324,"stem":325},{"title":329,"path":330,"stem":331,"children":332},"IHM sur le Web","\u002Fnsi-1ere\u002Fpe-ihm-web","1.nsi-1ere\u002Fpe-ihm-web\u002F0.index",[333,334,338,342,346,350],{"title":329,"path":330,"stem":331},{"title":335,"path":336,"stem":337},"HTML et CSS — rappel de structure","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fhtml-css-bases","1.nsi-1ere\u002Fpe-ihm-web\u002F1.html-css-bases",{"title":339,"path":340,"stem":341},"Formulaires HTML","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fformulaires","1.nsi-1ere\u002Fpe-ihm-web\u002F2.formulaires",{"title":343,"path":344,"stem":345},"Événements JavaScript","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fevenements-js","1.nsi-1ere\u002Fpe-ihm-web\u002F3.evenements-js",{"title":347,"path":348,"stem":349},"Manipulation du DOM","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fdom-interaction","1.nsi-1ere\u002Fpe-ihm-web\u002F4.dom-interaction",{"title":351,"path":352,"stem":353},"Client, serveur et HTTP","\u002Fnsi-1ere\u002Fpe-ihm-web\u002Fclient-serveur-http","1.nsi-1ere\u002Fpe-ihm-web\u002F5.client-serveur-http",{"title":355,"path":356,"stem":357,"children":358},"Architectures matérielles et systèmes d'exploitation","\u002Fnsi-1ere\u002Fpf-archi-os","1.nsi-1ere\u002Fpf-archi-os\u002F0.index",[359,360,364,368,372,376],{"title":355,"path":356,"stem":357},{"title":361,"path":362,"stem":363},"Le modèle de von Neumann","\u002Fnsi-1ere\u002Fpf-archi-os\u002Fvon-neumann","1.nsi-1ere\u002Fpf-archi-os\u002F1.von-neumann",{"title":365,"path":366,"stem":367},"Périphériques et interface homme-machine","\u002Fnsi-1ere\u002Fpf-archi-os\u002Fperipheriques-ihm","1.nsi-1ere\u002Fpf-archi-os\u002F2.peripheriques-ihm",{"title":369,"path":370,"stem":371},"Les systèmes d'exploitation","\u002Fnsi-1ere\u002Fpf-archi-os\u002Fsystemes-exploitation","1.nsi-1ere\u002Fpf-archi-os\u002F3.systemes-exploitation",{"title":373,"path":374,"stem":375},"Linux et le shell","\u002Fnsi-1ere\u002Fpf-archi-os\u002Flinux-shell","1.nsi-1ere\u002Fpf-archi-os\u002F4.linux-shell",{"title":377,"path":378,"stem":379},"Réseaux et protocoles","\u002Fnsi-1ere\u002Fpf-archi-os\u002Freseaux","1.nsi-1ere\u002Fpf-archi-os\u002F5.reseaux",{"title":381,"path":382,"stem":383,"children":384},"Langages et programmation","\u002Fnsi-1ere\u002Fpg-langages-prog","1.nsi-1ere\u002Fpg-langages-prog\u002F0.index",[385,386,390,394,398,402,406],{"title":381,"path":382,"stem":383},{"title":387,"path":388,"stem":389},"Diversité et unité des langages de programmation","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fdiversite-langages","1.nsi-1ere\u002Fpg-langages-prog\u002F1.diversite-langages",{"title":391,"path":392,"stem":393},"Constructions élémentaires","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fconstructions-elementaires","1.nsi-1ere\u002Fpg-langages-prog\u002F2.constructions-elementaires",{"title":395,"path":396,"stem":397},"Fonctions","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Ffonctions","1.nsi-1ere\u002Fpg-langages-prog\u002F3.fonctions",{"title":399,"path":400,"stem":401},"Spécification d'une fonction","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fspecification","1.nsi-1ere\u002Fpg-langages-prog\u002F4.specification",{"title":403,"path":404,"stem":405},"Mise au point des programmes","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fmise-au-point","1.nsi-1ere\u002Fpg-langages-prog\u002F5.mise-au-point",{"title":407,"path":408,"stem":409},"Utilisation de bibliothèques","\u002Fnsi-1ere\u002Fpg-langages-prog\u002Fbibliotheques","1.nsi-1ere\u002Fpg-langages-prog\u002F6.bibliotheques",{"title":411,"path":412,"stem":413,"children":414},"Algorithmique","\u002Fnsi-1ere\u002Fph-algorithmique","1.nsi-1ere\u002Fph-algorithmique\u002F0.index",[415,416,420,424,428,432,436],{"title":411,"path":412,"stem":413},{"title":417,"path":418,"stem":419},"Parcours séquentiel d'un tableau","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fparcours-sequentiel","1.nsi-1ere\u002Fph-algorithmique\u002F1.parcours-sequentiel",{"title":421,"path":422,"stem":423},"Bases de la complexité","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fcomplexite-bases","1.nsi-1ere\u002Fph-algorithmique\u002F2.complexite-bases",{"title":425,"path":426,"stem":427},"Tris par sélection et par insertion","\u002Fnsi-1ere\u002Fph-algorithmique\u002Ftris","1.nsi-1ere\u002Fph-algorithmique\u002F3.tris",{"title":429,"path":430,"stem":431},"Recherche dichotomique","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fdichotomie","1.nsi-1ere\u002Fph-algorithmique\u002F4.dichotomie",{"title":433,"path":434,"stem":435},"Algorithmes gloutons","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fgloutons","1.nsi-1ere\u002Fph-algorithmique\u002F5.gloutons",{"title":437,"path":438,"stem":439},"Les k plus proches voisins (k-NN)","\u002Fnsi-1ere\u002Fph-algorithmique\u002Fknn","1.nsi-1ere\u002Fph-algorithmique\u002F6.knn",{"title":441,"path":442,"stem":443,"children":444},"NSI — Terminale","\u002Fnsi-tale","2.nsi-tale\u002F0.index",[445,446,450,476,498,536,560],{"title":441,"path":442,"stem":443},{"title":447,"path":448,"stem":449},"Review pédagogique — chapitres NSI Terminale (TA, TB, TC, TD, TE)","\u002Fnsi-tale\u002Freview","2.nsi-tale\u002FREVIEW",{"title":451,"path":452,"stem":453,"children":454},"Structures de données","\u002Fnsi-tale\u002Fta-structures-donnees","2.nsi-tale\u002Fta-structures-donnees\u002F0.index",[455,456,460,464,468,472],{"title":451,"path":452,"stem":453},{"title":457,"path":458,"stem":459},"Objet, classe, interface","\u002Fnsi-tale\u002Fta-structures-donnees\u002Finterface-implementation","2.nsi-tale\u002Fta-structures-donnees\u002F1.interface-implementation",{"title":461,"path":462,"stem":463},"Implémenter une structure — l'exemple de la file FIFO","\u002Fnsi-tale\u002Fta-structures-donnees\u002Fimplementer-une-structure","2.nsi-tale\u002Fta-structures-donnees\u002F2.implementer-une-structure",{"title":465,"path":466,"stem":467},"Listes, piles, files, dictionnaires","\u002Fnsi-tale\u002Fta-structures-donnees\u002Flistes-piles-files-dict","2.nsi-tale\u002Fta-structures-donnees\u002F3.listes-piles-files-dict",{"title":469,"path":470,"stem":471},"Arbres binaires","\u002Fnsi-tale\u002Fta-structures-donnees\u002Farbres-binaires","2.nsi-tale\u002Fta-structures-donnees\u002F4.arbres-binaires",{"title":473,"path":474,"stem":475},"Graphes","\u002Fnsi-tale\u002Fta-structures-donnees\u002Fgraphes","2.nsi-tale\u002Fta-structures-donnees\u002F5.graphes",{"title":477,"path":478,"stem":479,"children":480},"Bases de données","\u002Fnsi-tale\u002Ftb-bases-de-donnees","2.nsi-tale\u002Ftb-bases-de-donnees\u002F0.index",[481,482,486,490,494],{"title":477,"path":478,"stem":479},{"title":483,"path":484,"stem":485},"Le modèle relationnel","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fmodele-relationnel","2.nsi-tale\u002Ftb-bases-de-donnees\u002F1.modele-relationnel",{"title":487,"path":488,"stem":489},"Bases de données relationnelles et anomalies de schéma","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fbase-relationnelle","2.nsi-tale\u002Ftb-bases-de-donnees\u002F2.base-relationnelle",{"title":491,"path":492,"stem":493},"Le langage SQL","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fsql","2.nsi-tale\u002Ftb-bases-de-donnees\u002F3.sql",{"title":495,"path":496,"stem":497},"Les systèmes de gestion de bases de données","\u002Fnsi-tale\u002Ftb-bases-de-donnees\u002Fsgbd","2.nsi-tale\u002Ftb-bases-de-donnees\u002F4.sgbd",{"title":499,"path":500,"stem":501,"children":502},"Architectures matérielles, systèmes d'exploitation et réseaux","\u002Fnsi-tale\u002Ftc-archi-os-reseaux","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F0.index",[503,504,508,512,516,520,524,528,532],{"title":499,"path":500,"stem":501},{"title":505,"path":506,"stem":507},"Le système sur puce (SoC)","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fsysteme-sur-puce","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F1.systeme-sur-puce",{"title":509,"path":510,"stem":511},"Processus et ordonnancement par l'OS","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fprocessus-os","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F2.processus-os",{"title":513,"path":514,"stem":515},"L'interblocage (deadlock)","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Finterblocage","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F3.interblocage",{"title":517,"path":518,"stem":519},"Principes du routage","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Froutage-principes","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F4.routage-principes",{"title":521,"path":522,"stem":523},"Protocoles de routage RIP et OSPF","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fprotocoles-rip-ospf","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F5.protocoles-rip-ospf",{"title":525,"path":526,"stem":527},"Chiffrement symétrique","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fchiffrement-symetrique","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F6.chiffrement-symetrique",{"title":529,"path":530,"stem":531},"Chiffrement asymétrique","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fchiffrement-asymetrique","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F7.chiffrement-asymetrique",{"title":533,"path":534,"stem":535},"HTTPS — l'échange de clé symétrique","\u002Fnsi-tale\u002Ftc-archi-os-reseaux\u002Fhttps-tls","2.nsi-tale\u002Ftc-archi-os-reseaux\u002F8.https-tls",{"title":381,"path":537,"stem":538,"children":539},"\u002Fnsi-tale\u002Ftd-langages-prog","2.nsi-tale\u002Ftd-langages-prog\u002F0.index",[540,541,544,548,552,556],{"title":381,"path":537,"stem":538},{"title":403,"path":542,"stem":543},"\u002Fnsi-tale\u002Ftd-langages-prog\u002Fmise-au-point","2.nsi-tale\u002Ftd-langages-prog\u002F1.mise-au-point",{"title":545,"path":546,"stem":547},"Modularité","\u002Fnsi-tale\u002Ftd-langages-prog\u002Fmodularite","2.nsi-tale\u002Ftd-langages-prog\u002F2.modularite",{"title":549,"path":550,"stem":551},"Récursivité","\u002Fnsi-tale\u002Ftd-langages-prog\u002Frecursivite","2.nsi-tale\u002Ftd-langages-prog\u002F3.recursivite",{"title":553,"path":554,"stem":555},"Paradigmes de programmation","\u002Fnsi-tale\u002Ftd-langages-prog\u002Fparadigmes","2.nsi-tale\u002Ftd-langages-prog\u002F4.paradigmes",{"title":557,"path":558,"stem":559},"Programme comme donnée — calculabilité et indécidabilité","\u002Fnsi-tale\u002Ftd-langages-prog\u002Fprogramme-comme-donnee","2.nsi-tale\u002Ftd-langages-prog\u002F5.programme-comme-donnee",{"title":411,"path":561,"stem":562,"children":563},"\u002Fnsi-tale\u002Fte-algorithmique","2.nsi-tale\u002Fte-algorithmique\u002F0.index",[564,565,569,573,577,581],{"title":411,"path":561,"stem":562},{"title":566,"path":567,"stem":568},"Algorithmes sur les arbres binaires","\u002Fnsi-tale\u002Fte-algorithmique\u002Farbres-binaires-algos","2.nsi-tale\u002Fte-algorithmique\u002F1.arbres-binaires-algos",{"title":570,"path":571,"stem":572},"Parcours de graphes — DFS, BFS, cycles, chemins","\u002Fnsi-tale\u002Fte-algorithmique\u002Fgraphes-parcours","2.nsi-tale\u002Fte-algorithmique\u002F2.graphes-parcours",{"title":574,"path":575,"stem":576},"Diviser pour régner","\u002Fnsi-tale\u002Fte-algorithmique\u002Fdiviser-pour-regner","2.nsi-tale\u002Fte-algorithmique\u002F3.diviser-pour-regner",{"title":578,"path":579,"stem":580},"Programmation dynamique","\u002Fnsi-tale\u002Fte-algorithmique\u002Fprogrammation-dynamique","2.nsi-tale\u002Fte-algorithmique\u002F4.programmation-dynamique",{"title":582,"path":583,"stem":584},"Recherche textuelle — l'algorithme de Boyer-Moore","\u002Fnsi-tale\u002Fte-algorithmique\u002Frecherche-textuelle","2.nsi-tale\u002Fte-algorithmique\u002F5.recherche-textuelle",{"id":586,"title":51,"bo":587,"body":589,"description":2018,"eval":2019,"extension":2020,"labo":2019,"meta":2021,"navigation":1496,"path":52,"quizzes":2022,"readingTime":710,"seo":2033,"stem":53,"tp":2019,"__hash__":2034},"cours\u002F0.snt-2nde\u002Fsb-web\u002F3.html-css.md",[588],"SB02",{"type":590,"value":591,"toc":2000},"minimark",[592,597,610,613,648,659,662,666,677,682,697,725,753,764,798,802,902,909,920,947,989,992,1059,1093,1097,1248,1251,1277,1289,1320,1324,1335,1339,1350,1412,1421,1453,1457,1568,1575,1579,1839,1870,1874,1892,1895,1926,1930,1961,1976,1980,1997],[593,594,596],"h2",{"id":595},"introduction","Introduction",[598,599,600,601,605,606,609],"p",{},"Quand votre navigateur affiche une page Web, il ne « voit » pas une image\ntoute prête. Il reçoit du ",[602,603,604],"strong",{},"texte"," : du texte qui décrit la structure (les\ntitres, les paragraphes, les images) et d'autres textes qui décrivent\nl'apparence (les couleurs, les tailles, les marges). Le navigateur lit ces\ntextes, les assemble et ",[602,607,608],{},"dessine"," la page à l'écran.",[598,611,612],{},"Deux langages travaillent ensemble pour produire ce résultat :",[614,615,616,636],"ul",{},[617,618,619,622,623,627,628,631,632,635],"li",{},[602,620,621],{},"HTML"," (",[624,625,626],"em",{},"HyperText Markup Language",") décrit le ",[602,629,630],{},"contenu"," et la\n",[602,633,634],{},"structure",".",[617,637,638,622,641,644,645,635],{},[602,639,640],{},"CSS",[624,642,643],{},"Cascading Style Sheets",") décrit l'",[602,646,647],{},"apparence",[598,649,650,651,654,655,658],{},"Cette séparation entre ",[602,652,653],{},"fond"," et ",[602,656,657],{},"forme"," est l'une des décisions de\nconception les plus importantes du Web : on peut changer entièrement le look\nd'un site sans toucher à son contenu, et inversement.",[660,661],"bo-ref",{"code":588},[593,663,665],{"id":664},"html-la-structure-du-contenu","HTML : la structure du contenu",[598,667,668,669,672,673,676],{},"HTML est un langage de ",[602,670,671],{},"balisage"," — il marque le contenu avec des étiquettes,\nappelées ",[602,674,675],{},"balises",", pour indiquer ce qu'est chaque morceau : « ceci est un\ntitre », « ceci est un paragraphe », « ceci est une image », etc.",[678,679,681],"h3",{"id":680},"une-balise-ça-ressemble-à-quoi","Une balise, ça ressemble à quoi ?",[598,683,684,685,688,689,654,693,696],{},"Une balise s'écrit entre ",[602,686,687],{},"chevrons"," ",[690,691,692],"code",{},"\u003C",[690,694,695],{},">",". La plupart vont par paires —\nune balise ouvrante et une balise fermante :",[698,699,704],"pre",{"className":700,"code":701,"language":702,"meta":703,"style":703},"language-html shiki shiki-themes github-light github-light github-dark","\u003Cp>Ceci est un paragraphe.\u003C\u002Fp>\n","html","",[690,705,706],{"__ignoreMap":703},[707,708,711,714,717,720,722],"span",{"class":709,"line":710},"line",1,[707,712,692],{"class":713},"sxrX7",[707,715,598],{"class":716},"sovSZ",[707,718,719],{"class":713},">Ceci est un paragraphe.\u003C\u002F",[707,721,598],{"class":716},[707,723,724],{"class":713},">\n",[614,726,727,740,750],{},[617,728,729,732,733,735,736,739],{},[690,730,731],{},"\u003Cp>"," : balise ouvrante (ici, ",[690,734,598],{}," pour ",[624,737,738],{},"paragraph",").",[617,741,742,745,746,749],{},[690,743,744],{},"\u003C\u002Fp>"," : balise fermante (le ",[690,747,748],{},"\u002F"," indique la fermeture).",[617,751,752],{},"Le contenu entre les deux est ce que vous voyez à l'écran.",[598,754,755,756,759,760,763],{},"Quelques balises ",[602,757,758],{},"n'ont pas de contenu"," entre une ouvrante et une fermante.\nOn les appelle balises ",[602,761,762],{},"auto-fermantes",". Exemple :",[698,765,767],{"className":700,"code":766,"language":702,"meta":703,"style":703},"\u003Cimg src=\"photo.jpg\" alt=\"Photo de classe\" \u002F>\n",[690,768,769],{"__ignoreMap":703},[707,770,771,773,776,780,783,787,790,792,795],{"class":709,"line":710},[707,772,692],{"class":713},[707,774,775],{"class":716},"img",[707,777,779],{"class":778},"snPdu"," src",[707,781,782],{"class":713},"=",[707,784,786],{"class":785},"sIIMD","\"photo.jpg\"",[707,788,789],{"class":778}," alt",[707,791,782],{"class":713},[707,793,794],{"class":785},"\"Photo de classe\"",[707,796,797],{"class":713}," \u002F>\n",[678,799,801],{"id":800},"les-balises-essentielles-à-connaître","Les balises essentielles à connaître",[803,804,805,818],"table",{},[806,807,808],"thead",{},[809,810,811,815],"tr",{},[812,813,814],"th",{},"Balise",[812,816,817],{},"Rôle",[819,820,821,836,845,855,865,882,892],"tbody",{},[809,822,823,833],{},[824,825,826,829,830],"td",{},[690,827,828],{},"\u003Ch1>"," à ",[690,831,832],{},"\u003Ch6>",[824,834,835],{},"Titres, du plus important (h1) au moins important (h6)",[809,837,838,842],{},[824,839,840],{},[690,841,731],{},[824,843,844],{},"Paragraphe",[809,846,847,852],{},[824,848,849],{},[690,850,851],{},"\u003Ca href=\"…\">",[824,853,854],{},"Lien hypertexte",[809,856,857,862],{},[824,858,859],{},[690,860,861],{},"\u003Cimg src=\"…\" alt=\"…\" \u002F>",[824,863,864],{},"Image",[809,866,867,879],{},[824,868,869,872,873,872,876],{},[690,870,871],{},"\u003Cul>"," \u002F ",[690,874,875],{},"\u003Col>",[690,877,878],{},"\u003Cli>",[824,880,881],{},"Liste non ordonnée \u002F ordonnée \u002F élément de liste",[809,883,884,889],{},[824,885,886],{},[690,887,888],{},"\u003Cdiv>",[824,890,891],{},"Bloc générique sans signification particulière",[809,893,894,899],{},[824,895,896],{},[690,897,898],{},"\u003Cspan>",[824,900,901],{},"Portion de texte sans signification particulière",[678,903,905,906],{"id":904},"zoom-sur-la-balise-du-lien-a","Zoom sur la balise du lien : ",[690,907,908],{},"\u003Ca>",[598,910,911,912,915,916,919],{},"Au cours précédent, vous avez vu le ",[602,913,914],{},"concept"," d'hypertexte : un mot cliquable\nqui mène à une autre ressource. Maintenant que vous savez ce qu'est une balise,\nvoici comment on ",[602,917,918],{},"fabrique"," un lien en HTML :",[698,921,923],{"className":700,"code":922,"language":702,"meta":703,"style":703},"\u003Ca href=\"https:\u002F\u002Ffr.wikipedia.org\u002Fwiki\u002FWeb\">Article Wikipédia sur le Web\u003C\u002Fa>\n",[690,924,925],{"__ignoreMap":703},[707,926,927,929,932,935,937,940,943,945],{"class":709,"line":710},[707,928,692],{"class":713},[707,930,931],{"class":716},"a",[707,933,934],{"class":778}," href",[707,936,782],{"class":713},[707,938,939],{"class":785},"\"https:\u002F\u002Ffr.wikipedia.org\u002Fwiki\u002FWeb\"",[707,941,942],{"class":713},">Article Wikipédia sur le Web\u003C\u002F",[707,944,931],{"class":716},[707,946,724],{"class":713},[614,948,949,961,976],{},[617,950,951,953,954,956,957,960],{},[690,952,908],{}," est la balise du lien (le ",[690,955,931],{}," vient de l'anglais ",[624,958,959],{},"anchor",", ancre).",[617,962,963,964,967,968,971,972,975],{},"L'attribut ",[690,965,966],{},"href"," (pour ",[624,969,970],{},"hypertext reference",") contient l'",[602,973,974],{},"URL de\ndestination"," — celle que le navigateur chargera au clic.",[617,977,978,979,654,981,984,985,988],{},"Le texte entre ",[690,980,908],{},[690,982,983],{},"\u003C\u002Fa>"," est ce que ",[602,986,987],{},"vous lisez et cliquez"," sur la\npage.",[598,990,991],{},"Quelques exemples concrets selon le type de lien :",[698,993,995],{"className":700,"code":994,"language":702,"meta":703,"style":703},"\u003Ca href=\"https:\u002F\u002Fwikipedia.org\">Lien externe (autre site)\u003C\u002Fa>\n\u003Ca href=\"\u002Fcours\u002Fsb-web\">Lien interne (même site)\u003C\u002Fa>\n\u003Ca href=\"#histoire\">Lien d'ancre (descend dans la page)\u003C\u002Fa>\n",[690,996,997,1017,1038],{"__ignoreMap":703},[707,998,999,1001,1003,1005,1007,1010,1013,1015],{"class":709,"line":710},[707,1000,692],{"class":713},[707,1002,931],{"class":716},[707,1004,934],{"class":778},[707,1006,782],{"class":713},[707,1008,1009],{"class":785},"\"https:\u002F\u002Fwikipedia.org\"",[707,1011,1012],{"class":713},">Lien externe (autre site)\u003C\u002F",[707,1014,931],{"class":716},[707,1016,724],{"class":713},[707,1018,1020,1022,1024,1026,1028,1031,1034,1036],{"class":709,"line":1019},2,[707,1021,692],{"class":713},[707,1023,931],{"class":716},[707,1025,934],{"class":778},[707,1027,782],{"class":713},[707,1029,1030],{"class":785},"\"\u002Fcours\u002Fsb-web\"",[707,1032,1033],{"class":713},">Lien interne (même site)\u003C\u002F",[707,1035,931],{"class":716},[707,1037,724],{"class":713},[707,1039,1041,1043,1045,1047,1049,1052,1055,1057],{"class":709,"line":1040},3,[707,1042,692],{"class":713},[707,1044,931],{"class":716},[707,1046,934],{"class":778},[707,1048,782],{"class":713},[707,1050,1051],{"class":785},"\"#histoire\"",[707,1053,1054],{"class":713},">Lien d'ancre (descend dans la page)\u003C\u002F",[707,1056,931],{"class":716},[707,1058,724],{"class":713},[1060,1061,1065,1077],"self-eval-qcm",{"correct":1062,"explanation":1063,"slug":1064},"1","`href` = hypertext reference = la cible du lien, c'est-à-dire l'URL où mène le clic.","html-css-c1",[1066,1067,1068],"template",{"v-slot:question":703},[598,1069,1070,1071,1073,1074,1076],{},"Que veut dire l'attribut ",[690,1072,966],{}," d'une balise ",[690,1075,908],{}," ?",[1066,1078,1079],{"v-slot:choices":703},[614,1080,1081,1084,1087,1090],{},[617,1082,1083],{},"Le texte du lien",[617,1085,1086],{},"L'URL de destination",[617,1088,1089],{},"La couleur du lien",[617,1091,1092],{},"L'historique de navigation",[678,1094,1096],{"id":1095},"une-page-html-minimale","Une page HTML minimale",[698,1098,1100],{"className":700,"code":1099,"language":702,"meta":703,"style":703},"\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Ctitle>Ma première page\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Ch1>Bienvenue sur ma page\u003C\u002Fh1>\n    \u003Cp>Ceci est mon premier paragraphe.\u003C\u002Fp>\n    \u003Cp>Et voici un \u003Ca href=\"https:\u002F\u002Fnsi.rocks\">lien vers nsi.rocks\u003C\u002Fa>.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[690,1101,1102,1115,1123,1133,1149,1159,1169,1184,1198,1229,1238],{"__ignoreMap":703},[707,1103,1104,1107,1110,1113],{"class":709,"line":710},[707,1105,1106],{"class":713},"\u003C!",[707,1108,1109],{"class":716},"DOCTYPE",[707,1111,1112],{"class":778}," html",[707,1114,724],{"class":713},[707,1116,1117,1119,1121],{"class":709,"line":1019},[707,1118,692],{"class":713},[707,1120,702],{"class":716},[707,1122,724],{"class":713},[707,1124,1125,1128,1131],{"class":709,"line":1040},[707,1126,1127],{"class":713},"  \u003C",[707,1129,1130],{"class":716},"head",[707,1132,724],{"class":713},[707,1134,1136,1139,1142,1145,1147],{"class":709,"line":1135},4,[707,1137,1138],{"class":713},"    \u003C",[707,1140,1141],{"class":716},"title",[707,1143,1144],{"class":713},">Ma première page\u003C\u002F",[707,1146,1141],{"class":716},[707,1148,724],{"class":713},[707,1150,1152,1155,1157],{"class":709,"line":1151},5,[707,1153,1154],{"class":713},"  \u003C\u002F",[707,1156,1130],{"class":716},[707,1158,724],{"class":713},[707,1160,1162,1164,1167],{"class":709,"line":1161},6,[707,1163,1127],{"class":713},[707,1165,1166],{"class":716},"body",[707,1168,724],{"class":713},[707,1170,1172,1174,1177,1180,1182],{"class":709,"line":1171},7,[707,1173,1138],{"class":713},[707,1175,1176],{"class":716},"h1",[707,1178,1179],{"class":713},">Bienvenue sur ma page\u003C\u002F",[707,1181,1176],{"class":716},[707,1183,724],{"class":713},[707,1185,1187,1189,1191,1194,1196],{"class":709,"line":1186},8,[707,1188,1138],{"class":713},[707,1190,598],{"class":716},[707,1192,1193],{"class":713},">Ceci est mon premier paragraphe.\u003C\u002F",[707,1195,598],{"class":716},[707,1197,724],{"class":713},[707,1199,1201,1203,1205,1208,1210,1212,1214,1217,1220,1222,1225,1227],{"class":709,"line":1200},9,[707,1202,1138],{"class":713},[707,1204,598],{"class":716},[707,1206,1207],{"class":713},">Et voici un \u003C",[707,1209,931],{"class":716},[707,1211,934],{"class":778},[707,1213,782],{"class":713},[707,1215,1216],{"class":785},"\"https:\u002F\u002Fnsi.rocks\"",[707,1218,1219],{"class":713},">lien vers nsi.rocks\u003C\u002F",[707,1221,931],{"class":716},[707,1223,1224],{"class":713},">.\u003C\u002F",[707,1226,598],{"class":716},[707,1228,724],{"class":713},[707,1230,1232,1234,1236],{"class":709,"line":1231},10,[707,1233,1154],{"class":713},[707,1235,1166],{"class":716},[707,1237,724],{"class":713},[707,1239,1241,1244,1246],{"class":709,"line":1240},11,[707,1242,1243],{"class":713},"\u003C\u002F",[707,1245,702],{"class":716},[707,1247,724],{"class":713},[598,1249,1250],{},"Lecture du document, balise par balise :",[614,1252,1253,1259,1265,1271],{},[617,1254,1255,1258],{},[690,1256,1257],{},"\u003C!DOCTYPE html>"," : indique au navigateur qu'on utilise du HTML moderne.",[617,1260,1261,1264],{},[690,1262,1263],{},"\u003Chtml>"," : la racine de toute la page.",[617,1266,1267,1270],{},[690,1268,1269],{},"\u003Chead>"," : la « tête » du document — informations invisibles à l'écran\n(titre de l'onglet, métadonnées, liens vers les feuilles de style).",[617,1272,1273,1276],{},[690,1274,1275],{},"\u003Cbody>"," : le « corps » du document — tout ce qui s'affiche à l'écran.",[1278,1279,1280],"tip",{},[598,1281,1282,1285,1286,635],{},[602,1283,1284],{},"Outil pédagogique"," : sur n'importe quelle page Web, faites un clic droit puis\n« Inspecter » ou « Code source de la page ». Le navigateur vous montre le HTML\nréel qu'il a reçu. C'est exactement ce qu'on demande quand le programme dit\n",[624,1287,1288],{},"« étudier et modifier une page HTML simple »",[1060,1290,1294,1299],{"correct":1291,"explanation":1292,"slug":1293},"2","`\u003Ch1>` est le titre principal d'une page. `\u003Ctitle>` est dans `\u003Chead>` et concerne le titre de l'onglet, pas la page elle-même.","html-css-c2",[1066,1295,1296],{"v-slot:question":703},[598,1297,1298],{},"Quelle balise HTML sert à afficher un titre principal ?",[1066,1300,1301],{"v-slot:choices":703},[614,1302,1303,1308,1312,1316],{},[617,1304,1305],{},[690,1306,1307],{},"\u003Ctitle>",[617,1309,1310],{},[690,1311,1269],{},[617,1313,1314],{},[690,1315,828],{},[617,1317,1318],{},[690,1319,731],{},[593,1321,1323],{"id":1322},"css-la-présentation","CSS : la présentation",[598,1325,1326,1327,1330,1331,1334],{},"Sans CSS, une page HTML s'affiche en ",[602,1328,1329],{},"noir sur blanc",", avec une police par\ndéfaut et aucune mise en forme particulière. CSS permet de ",[602,1332,1333],{},"styliser"," la\npage : couleurs, polices, tailles, marges, alignements, mise en page complète.",[678,1336,1338],{"id":1337},"une-règle-css-comment-ça-sécrit","Une règle CSS, comment ça s'écrit",[598,1340,1341,1342,1345,1346,1349],{},"Une règle CSS associe ",[602,1343,1344],{},"un sélecteur"," (à qui s'applique le style) et ",[602,1347,1348],{},"un bloc\nde propriétés"," (quel style appliquer) :",[698,1351,1355],{"className":1352,"code":1353,"language":1354,"meta":703,"style":703},"language-css shiki shiki-themes github-light github-light github-dark","h1 {\n  color: blue;\n  font-size: 32px;\n  text-align: center;\n}\n","css",[690,1356,1357,1364,1379,1395,1407],{"__ignoreMap":703},[707,1358,1359,1361],{"class":709,"line":710},[707,1360,1176],{"class":716},[707,1362,1363],{"class":713}," {\n",[707,1365,1366,1370,1373,1376],{"class":709,"line":1019},[707,1367,1369],{"class":1368},"sBjJW","  color",[707,1371,1372],{"class":713},": ",[707,1374,1375],{"class":1368},"blue",[707,1377,1378],{"class":713},";\n",[707,1380,1381,1384,1386,1389,1393],{"class":709,"line":1040},[707,1382,1383],{"class":1368},"  font-size",[707,1385,1372],{"class":713},[707,1387,1388],{"class":1368},"32",[707,1390,1392],{"class":1391},"s8jYJ","px",[707,1394,1378],{"class":713},[707,1396,1397,1400,1402,1405],{"class":709,"line":1135},[707,1398,1399],{"class":1368},"  text-align",[707,1401,1372],{"class":713},[707,1403,1404],{"class":1368},"center",[707,1406,1378],{"class":713},[707,1408,1409],{"class":709,"line":1151},[707,1410,1411],{"class":713},"}\n",[598,1413,1414,1415],{},"Lecture : ",[624,1416,1417,1418,1420],{},"« Tous les éléments ",[690,1419,828],{}," de la page seront bleus, en taille 32\npixels, et centrés horizontalement. »",[598,1422,1423,1424,1427,1428,1431,1432,1435,1436,1435,1439,1435,1442,1435,1445,1448,1449,1452],{},"Chaque ligne du bloc s'écrit ",[690,1425,1426],{},"propriété: valeur;",". Les ",[602,1429,1430],{},"propriétés"," sont\nnombreuses (",[690,1433,1434],{},"color",", ",[690,1437,1438],{},"background-color",[690,1440,1441],{},"font-size",[690,1443,1444],{},"margin",[690,1446,1447],{},"padding",",\n",[690,1450,1451],{},"border",", etc.) — on en apprend quelques-unes au fil de l'usage.",[678,1454,1456],{"id":1455},"trois-façons-dattacher-du-css-à-une-page-html","Trois façons d'attacher du CSS à une page HTML",[698,1458,1460],{"className":700,"code":1459,"language":702,"meta":703,"style":703},"\u003C!-- 1. Fichier CSS séparé (recommandé) -->\n\u003Clink rel=\"stylesheet\" href=\"style.css\">\n\n\u003C!-- 2. Balise \u003Cstyle> dans le head -->\n\u003Cstyle>\n  h1 { color: red; }\n\u003C\u002Fstyle>\n\n\u003C!-- 3. Attribut style direct sur la balise (rapide mais à éviter en production) -->\n\u003Ch1 style=\"color: green;\">Titre vert\u003C\u002Fh1>\n",[690,1461,1462,1468,1492,1498,1503,1512,1530,1538,1542,1547],{"__ignoreMap":703},[707,1463,1464],{"class":709,"line":710},[707,1465,1467],{"class":1466},"sCsY4","\u003C!-- 1. Fichier CSS séparé (recommandé) -->\n",[707,1469,1470,1472,1475,1478,1480,1483,1485,1487,1490],{"class":709,"line":1019},[707,1471,692],{"class":713},[707,1473,1474],{"class":716},"link",[707,1476,1477],{"class":778}," rel",[707,1479,782],{"class":713},[707,1481,1482],{"class":785},"\"stylesheet\"",[707,1484,934],{"class":778},[707,1486,782],{"class":713},[707,1488,1489],{"class":785},"\"style.css\"",[707,1491,724],{"class":713},[707,1493,1494],{"class":709,"line":1040},[707,1495,1497],{"emptyLinePlaceholder":1496},true,"\n",[707,1499,1500],{"class":709,"line":1135},[707,1501,1502],{"class":1466},"\u003C!-- 2. Balise \u003Cstyle> dans le head -->\n",[707,1504,1505,1507,1510],{"class":709,"line":1151},[707,1506,692],{"class":713},[707,1508,1509],{"class":716},"style",[707,1511,724],{"class":713},[707,1513,1514,1517,1520,1522,1524,1527],{"class":709,"line":1161},[707,1515,1516],{"class":716},"  h1",[707,1518,1519],{"class":713}," { ",[707,1521,1434],{"class":1368},[707,1523,1372],{"class":713},[707,1525,1526],{"class":1368},"red",[707,1528,1529],{"class":713},"; }\n",[707,1531,1532,1534,1536],{"class":709,"line":1171},[707,1533,1243],{"class":713},[707,1535,1509],{"class":716},[707,1537,724],{"class":713},[707,1539,1540],{"class":709,"line":1186},[707,1541,1497],{"emptyLinePlaceholder":1496},[707,1543,1544],{"class":709,"line":1200},[707,1545,1546],{"class":1466},"\u003C!-- 3. Attribut style direct sur la balise (rapide mais à éviter en production) -->\n",[707,1548,1549,1551,1553,1556,1558,1561,1564,1566],{"class":709,"line":1231},[707,1550,692],{"class":713},[707,1552,1176],{"class":716},[707,1554,1555],{"class":778}," style",[707,1557,782],{"class":713},[707,1559,1560],{"class":785},"\"color: green;\"",[707,1562,1563],{"class":713},">Titre vert\u003C\u002F",[707,1565,1176],{"class":716},[707,1567,724],{"class":713},[598,1569,1570,1571,1574],{},"La ",[602,1572,1573],{},"séparation"," est meilleure quand le CSS est dans un fichier à part :\nle HTML reste lisible, et plusieurs pages peuvent partager la même feuille\nde style.",[678,1576,1578],{"id":1577},"exemple-complet-html-css","Exemple complet, HTML + CSS",[1580,1581,1582,1704],"code-group",{},[698,1583,1586],{"className":700,"code":1584,"filename":1585,"language":702,"meta":703,"style":703},"\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Ctitle>Ma page stylisée\u003C\u002Ftitle>\n    \u003Clink rel=\"stylesheet\" href=\"style.css\">\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Ch1>Bienvenue !\u003C\u002Fh1>\n    \u003Cp>Ceci est mon premier paragraphe.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","index.html",[690,1587,1588,1598,1606,1614,1627,1647,1655,1663,1676,1688,1696],{"__ignoreMap":703},[707,1589,1590,1592,1594,1596],{"class":709,"line":710},[707,1591,1106],{"class":713},[707,1593,1109],{"class":716},[707,1595,1112],{"class":778},[707,1597,724],{"class":713},[707,1599,1600,1602,1604],{"class":709,"line":1019},[707,1601,692],{"class":713},[707,1603,702],{"class":716},[707,1605,724],{"class":713},[707,1607,1608,1610,1612],{"class":709,"line":1040},[707,1609,1127],{"class":713},[707,1611,1130],{"class":716},[707,1613,724],{"class":713},[707,1615,1616,1618,1620,1623,1625],{"class":709,"line":1135},[707,1617,1138],{"class":713},[707,1619,1141],{"class":716},[707,1621,1622],{"class":713},">Ma page stylisée\u003C\u002F",[707,1624,1141],{"class":716},[707,1626,724],{"class":713},[707,1628,1629,1631,1633,1635,1637,1639,1641,1643,1645],{"class":709,"line":1151},[707,1630,1138],{"class":713},[707,1632,1474],{"class":716},[707,1634,1477],{"class":778},[707,1636,782],{"class":713},[707,1638,1482],{"class":785},[707,1640,934],{"class":778},[707,1642,782],{"class":713},[707,1644,1489],{"class":785},[707,1646,724],{"class":713},[707,1648,1649,1651,1653],{"class":709,"line":1161},[707,1650,1154],{"class":713},[707,1652,1130],{"class":716},[707,1654,724],{"class":713},[707,1656,1657,1659,1661],{"class":709,"line":1171},[707,1658,1127],{"class":713},[707,1660,1166],{"class":716},[707,1662,724],{"class":713},[707,1664,1665,1667,1669,1672,1674],{"class":709,"line":1186},[707,1666,1138],{"class":713},[707,1668,1176],{"class":716},[707,1670,1671],{"class":713},">Bienvenue !\u003C\u002F",[707,1673,1176],{"class":716},[707,1675,724],{"class":713},[707,1677,1678,1680,1682,1684,1686],{"class":709,"line":1200},[707,1679,1138],{"class":713},[707,1681,598],{"class":716},[707,1683,1193],{"class":713},[707,1685,598],{"class":716},[707,1687,724],{"class":713},[707,1689,1690,1692,1694],{"class":709,"line":1231},[707,1691,1154],{"class":713},[707,1693,1166],{"class":716},[707,1695,724],{"class":713},[707,1697,1698,1700,1702],{"class":709,"line":1240},[707,1699,1243],{"class":713},[707,1701,702],{"class":716},[707,1703,724],{"class":713},[698,1705,1708],{"className":1352,"code":1706,"filename":1707,"language":1354,"meta":703,"style":703},"body {\n  font-family: Arial, sans-serif;\n  background-color: #f0f4f8;\n  margin: 40px;\n}\n\nh1 {\n  color: #1e3a8a;\n  text-align: center;\n}\n\np {\n  color: #333;\n  line-height: 1.6;\n}\n","style.css",[690,1709,1710,1716,1733,1745,1759,1763,1767,1773,1784,1794,1798,1802,1809,1821,1834],{"__ignoreMap":703},[707,1711,1712,1714],{"class":709,"line":710},[707,1713,1166],{"class":716},[707,1715,1363],{"class":713},[707,1717,1718,1721,1723,1726,1728,1731],{"class":709,"line":1019},[707,1719,1720],{"class":1368},"  font-family",[707,1722,1372],{"class":713},[707,1724,1725],{"class":1368},"Arial",[707,1727,1435],{"class":713},[707,1729,1730],{"class":1368},"sans-serif",[707,1732,1378],{"class":713},[707,1734,1735,1738,1740,1743],{"class":709,"line":1040},[707,1736,1737],{"class":1368},"  background-color",[707,1739,1372],{"class":713},[707,1741,1742],{"class":1368},"#f0f4f8",[707,1744,1378],{"class":713},[707,1746,1747,1750,1752,1755,1757],{"class":709,"line":1135},[707,1748,1749],{"class":1368},"  margin",[707,1751,1372],{"class":713},[707,1753,1754],{"class":1368},"40",[707,1756,1392],{"class":1391},[707,1758,1378],{"class":713},[707,1760,1761],{"class":709,"line":1151},[707,1762,1411],{"class":713},[707,1764,1765],{"class":709,"line":1161},[707,1766,1497],{"emptyLinePlaceholder":1496},[707,1768,1769,1771],{"class":709,"line":1171},[707,1770,1176],{"class":716},[707,1772,1363],{"class":713},[707,1774,1775,1777,1779,1782],{"class":709,"line":1186},[707,1776,1369],{"class":1368},[707,1778,1372],{"class":713},[707,1780,1781],{"class":1368},"#1e3a8a",[707,1783,1378],{"class":713},[707,1785,1786,1788,1790,1792],{"class":709,"line":1200},[707,1787,1399],{"class":1368},[707,1789,1372],{"class":713},[707,1791,1404],{"class":1368},[707,1793,1378],{"class":713},[707,1795,1796],{"class":709,"line":1231},[707,1797,1411],{"class":713},[707,1799,1800],{"class":709,"line":1240},[707,1801,1497],{"emptyLinePlaceholder":1496},[707,1803,1805,1807],{"class":709,"line":1804},12,[707,1806,598],{"class":716},[707,1808,1363],{"class":713},[707,1810,1812,1814,1816,1819],{"class":709,"line":1811},13,[707,1813,1369],{"class":1368},[707,1815,1372],{"class":713},[707,1817,1818],{"class":1368},"#333",[707,1820,1378],{"class":713},[707,1822,1824,1827,1829,1832],{"class":709,"line":1823},14,[707,1825,1826],{"class":1368},"  line-height",[707,1828,1372],{"class":713},[707,1830,1831],{"class":1368},"1.6",[707,1833,1378],{"class":713},[707,1835,1837],{"class":709,"line":1836},15,[707,1838,1411],{"class":713},[1060,1840,1843,1854],{"correct":1291,"explanation":1841,"slug":1842},"Le sélecteur indique à quels éléments HTML la règle s'applique. Ici, tous les `\u003Cp>`.","html-css-c3",[1066,1844,1845],{"v-slot:question":703},[598,1846,1847,1848,1851,1852,1076],{},"Dans la règle CSS ",[690,1849,1850],{},"p { color: red; }",", à quoi correspond ",[690,1853,598],{},[1066,1855,1856],{"v-slot:choices":703},[614,1857,1858,1861,1864,1867],{},[617,1859,1860],{},"Une propriété",[617,1862,1863],{},"Une valeur",[617,1865,1866],{},"Un sélecteur",[617,1868,1869],{},"Un commentaire",[593,1871,1873],{"id":1872},"pourquoi-séparer-le-contenu-et-la-présentation","Pourquoi séparer le contenu et la présentation ?",[1875,1876,1879],"card",{"icon":1877,"title":1878},"i-lucide-layers","Une idée puissante",[598,1880,1881,1882,1885,1886,654,1889,635],{},"Le ",[602,1883,1884],{},"même HTML"," peut être affiché de mille façons selon le CSS — ordinateur de\nbureau, mobile, mode sombre, mode imprimable, lecteur d'écran pour personnes\nmalvoyantes. La séparation rend le Web ",[602,1887,1888],{},"adaptatif",[602,1890,1891],{},"accessible",[598,1893,1894],{},"Avantages concrets :",[614,1896,1897,1903,1910,1919],{},[617,1898,1899,1902],{},[602,1900,1901],{},"Une seule feuille CSS"," peut habiller un site entier de 100 pages.",[617,1904,1905,1906,1909],{},"Pour changer la couleur de tous les titres, on modifie ",[602,1907,1908],{},"une ligne",", pas\n100 pages.",[617,1911,1881,1912,1915,1916,635],{},[602,1913,1914],{},"même contenu HTML"," peut être présenté différemment sur mobile et sur\nordinateur — c'est le ",[624,1917,1918],{},"responsive design",[617,1920,1921,1922,1925],{},"Les ",[602,1923,1924],{},"outils d'accessibilité"," (lecteurs d'écran) lisent le HTML brut sans\nêtre perturbés par la mise en forme visuelle.",[593,1927,1929],{"id":1928},"cas-particuliers-et-pièges","Cas particuliers et pièges",[614,1931,1932,1938,1947],{},[617,1933,1934,1937],{},[602,1935,1936],{},"Une balise mal fermée"," peut casser tout le rendu de la suite de la page.\nToujours fermer ce qu'on ouvre.",[617,1939,1940,1943,1944,635],{},[602,1941,1942],{},"HTML n'est pas un langage de programmation"," : pas de calcul, pas de\ncondition, pas de boucle. C'est un langage de ",[602,1945,1946],{},"description",[617,1948,1949,1952,1953,1956,1957,1960],{},[602,1950,1951],{},"CSS n'est pas non plus un langage de programmation"," : c'est un langage\nde ",[602,1954,1955],{},"présentation",". Pour rendre une page interactive, il faut un troisième\nlangage : ",[602,1958,1959],{},"JavaScript"," (que vous découvrirez en NSI Première).",[1962,1963,1964],"warning",{},[598,1965,1966,1967,1969,1970,1972,1973,1975],{},"Beaucoup d'élèves confondent ",[690,1968,828],{}," (gros titre) avec ",[690,1971,1307],{}," (titre de\nl'onglet, dans ",[690,1974,1269],{},"). Ce sont deux choses différentes.",[593,1977,1979],{"id":1978},"à-retenir","À retenir",[598,1981,1982,1983,1986,1987,1990,1991,1994,1995,635],{},"HTML décrit ",[602,1984,1985],{},"ce qu'il y a"," sur la page (sa structure) ; CSS décrit ",[602,1988,1989],{},"à quoi\nça ressemble"," (sa présentation). Cette séparation rend le Web flexible et\nadaptable. En HTML, on encadre le contenu avec des balises ",[690,1992,1993],{},"\u003C…>…\u003C\u002F…>",". En CSS,\non associe un sélecteur à un bloc de propriétés ",[690,1996,1426],{},[1509,1998,1999],{},"html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sovSZ, html code.shiki .sovSZ{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .snPdu, html code.shiki .snPdu{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sBjJW, html code.shiki .sBjJW{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s8jYJ, html code.shiki .s8jYJ{--shiki-light:#D73A49;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sCsY4, html code.shiki .sCsY4{--shiki-light:#6A737D;--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":703,"searchDepth":1019,"depth":1019,"links":2001},[2002,2003,2010,2015,2016,2017],{"id":595,"depth":1019,"text":596},{"id":664,"depth":1019,"text":665,"children":2004},[2005,2006,2007,2009],{"id":680,"depth":1040,"text":681},{"id":800,"depth":1040,"text":801},{"id":904,"depth":1040,"text":2008},"Zoom sur la balise du lien : \u003Ca>",{"id":1095,"depth":1040,"text":1096},{"id":1322,"depth":1019,"text":1323,"children":2011},[2012,2013,2014],{"id":1337,"depth":1040,"text":1338},{"id":1455,"depth":1040,"text":1456},{"id":1577,"depth":1040,"text":1578},{"id":1872,"depth":1019,"text":1873},{"id":1928,"depth":1019,"text":1929},{"id":1978,"depth":1019,"text":1979},"Une page Web est un fichier texte qui décrit d'abord son contenu (HTML), puis son apparence (CSS). Cette séparation entre fond et forme est l'une des idées-clés du Web.",null,"md",{},[2023,2028,2030],{"slug":1064,"kind":2024,"question":2025,"choices":2026,"correct":1062,"multi":2027,"explanation":1063},"qcm","Que veut dire l'attribut href d'une balise \u003Ca> ?",[1083,1086,1089,1092],false,{"slug":1293,"kind":2024,"question":1298,"choices":2029,"correct":1291,"multi":2027,"explanation":1292},[1307,1269,828,731],{"slug":1842,"kind":2024,"question":2031,"choices":2032,"correct":1291,"multi":2027,"explanation":1841},"Dans la règle CSS p { color: red; }, à quoi correspond p ?",[1860,1863,1866,1869],{"title":51,"description":2018},"LyiZ3IvaYknnnbh-jUXaoIm4tKc5b45XSZlpxBQDREc",{"id":2036,"title":2037,"bo":2038,"body":2039,"description":2402,"eval":2019,"extension":2020,"labo":2019,"meta":2403,"navigation":2027,"path":2404,"quizzes":2405,"readingTime":710,"seo":2406,"stem":2407,"tp":2019,"__hash__":2408},"coursMemo\u002F0.snt-2nde\u002Fsb-web\u002F3.html-css.memo.md","HTML et CSS — l'essentiel",[588],{"type":590,"value":2040,"toc":2394},[2041,2045,2062,2066,2142,2146,2219,2223,2284,2304,2308,2354,2358,2391],[593,2042,2044],{"id":2043},"en-une-phrase","En une phrase",[598,2046,2047,2049,2050,2052,2053,2055,2056,2058,2059,2061],{},[602,2048,621],{}," décrit le ",[602,2051,630],{}," et la ",[602,2054,634],{}," d'une page ; ",[602,2057,640],{}," en\ndécrit la ",[602,2060,1955],{},". Le navigateur lit les deux pour dessiner la page.",[593,2063,2065],{"id":2064},"à-mémoriser","À mémoriser",[614,2067,2068,2079,2091,2106,2116,2136],{},[617,2069,2070,2072,2073,2075,2076,2078],{},[602,2071,621],{}," = ",[624,2074,626],{},". Langage de ",[602,2077,671],{},", pas de\nprogrammation.",[617,2080,2081,2083,2084,2087,2088,635],{},[602,2082,814],{}," : ",[690,2085,2086],{},"\u003Cnom>contenu\u003C\u002Fnom>"," ou auto-fermante ",[690,2089,2090],{},"\u003Cnom \u002F>",[617,2092,2093,2096,2097,2099,2100,2102,2103,2105],{},[602,2094,2095],{},"Squelette"," d'une page : ",[690,2098,1263],{}," contient ",[690,2101,1269],{}," (invisible) et ",[690,2104,1275],{},"\n(affiché).",[617,2107,2108,2072,2110,2112,2113,635],{},[602,2109,640],{},[624,2111,643],{},". Une règle s'écrit :\n",[690,2114,2115],{},"sélecteur { propriété: valeur; }",[617,2117,2118,2121,2122,2125,2126,2129,2130,2132,2133,2135],{},[602,2119,2120],{},"3 façons"," d'attacher du CSS : fichier externe (",[690,2123,2124],{},"\u003Clink>"," recommandé), balise\n",[690,2127,2128],{},"\u003Cstyle>"," dans ",[690,2131,1269],{},", attribut ",[690,2134,1509],{}," inline.",[617,2137,2138,2141],{},[602,2139,2140],{},"Séparation fond\u002Fforme"," : un même HTML peut être stylisé pour mobile, mode\nsombre, impression, etc.",[593,2143,2145],{"id":2144},"balises-html-à-connaître","Balises HTML à connaître",[803,2147,2148,2156],{},[806,2149,2150],{},[809,2151,2152,2154],{},[812,2153,814],{},[812,2155,817],{},[819,2157,2158,2170,2178,2187,2195,2208],{},[809,2159,2160,2167],{},[824,2161,2162,2164,2165],{},[690,2163,828],{},"…",[690,2166,832],{},[824,2168,2169],{},"Titres",[809,2171,2172,2176],{},[824,2173,2174],{},[690,2175,731],{},[824,2177,844],{},[809,2179,2180,2184],{},[824,2181,2182],{},[690,2183,851],{},[824,2185,2186],{},"Lien",[809,2188,2189,2193],{},[824,2190,2191],{},[690,2192,861],{},[824,2194,864],{},[809,2196,2197,2205],{},[824,2198,2199,872,2201,872,2203],{},[690,2200,871],{},[690,2202,875],{},[690,2204,878],{},[824,2206,2207],{},"Listes",[809,2209,2210,2216],{},[824,2211,2212,872,2214],{},[690,2213,888],{},[690,2215,898],{},[824,2217,2218],{},"Conteneurs génériques",[593,2220,2222],{"id":2221},"syntaxe-dun-lien","Syntaxe d'un lien",[698,2224,2226],{"className":700,"code":2225,"language":702,"meta":703,"style":703},"\u003Ca href=\"https:\u002F\u002Fwikipedia.org\">Lien externe\u003C\u002Fa>\n\u003Ca href=\"\u002Fcours\u002Fsb-web\">Lien interne (même site)\u003C\u002Fa>\n\u003Ca href=\"#histoire\">Lien d'ancre (même page)\u003C\u002Fa>\n",[690,2227,2228,2247,2265],{"__ignoreMap":703},[707,2229,2230,2232,2234,2236,2238,2240,2243,2245],{"class":709,"line":710},[707,2231,692],{"class":713},[707,2233,931],{"class":716},[707,2235,934],{"class":778},[707,2237,782],{"class":713},[707,2239,1009],{"class":785},[707,2241,2242],{"class":713},">Lien externe\u003C\u002F",[707,2244,931],{"class":716},[707,2246,724],{"class":713},[707,2248,2249,2251,2253,2255,2257,2259,2261,2263],{"class":709,"line":1019},[707,2250,692],{"class":713},[707,2252,931],{"class":716},[707,2254,934],{"class":778},[707,2256,782],{"class":713},[707,2258,1030],{"class":785},[707,2260,1033],{"class":713},[707,2262,931],{"class":716},[707,2264,724],{"class":713},[707,2266,2267,2269,2271,2273,2275,2277,2280,2282],{"class":709,"line":1040},[707,2268,692],{"class":713},[707,2270,931],{"class":716},[707,2272,934],{"class":778},[707,2274,782],{"class":713},[707,2276,1051],{"class":785},[707,2278,2279],{"class":713},">Lien d'ancre (même page)\u003C\u002F",[707,2281,931],{"class":716},[707,2283,724],{"class":713},[614,2285,2286,2291,2296],{},[617,2287,2288,2290],{},[690,2289,908],{}," : balise du lien.",[617,2292,2293,2295],{},[690,2294,966],{}," : URL de destination.",[617,2297,2298,2299,654,2301,2303],{},"Texte entre ",[690,2300,908],{},[690,2302,983],{}," : ce qui s'affiche et se clique.",[593,2305,2307],{"id":2306},"syntaxe-css-minimale","Syntaxe CSS minimale",[698,2309,2310],{"className":1352,"code":1353,"language":1354,"meta":703,"style":703},[690,2311,2312,2318,2328,2340,2350],{"__ignoreMap":703},[707,2313,2314,2316],{"class":709,"line":710},[707,2315,1176],{"class":716},[707,2317,1363],{"class":713},[707,2319,2320,2322,2324,2326],{"class":709,"line":1019},[707,2321,1369],{"class":1368},[707,2323,1372],{"class":713},[707,2325,1375],{"class":1368},[707,2327,1378],{"class":713},[707,2329,2330,2332,2334,2336,2338],{"class":709,"line":1040},[707,2331,1383],{"class":1368},[707,2333,1372],{"class":713},[707,2335,1388],{"class":1368},[707,2337,1392],{"class":1391},[707,2339,1378],{"class":713},[707,2341,2342,2344,2346,2348],{"class":709,"line":1135},[707,2343,1399],{"class":1368},[707,2345,1372],{"class":713},[707,2347,1404],{"class":1368},[707,2349,1378],{"class":713},[707,2351,2352],{"class":709,"line":1151},[707,2353,1411],{"class":713},[593,2355,2357],{"id":2356},"pièges-courants","Pièges courants",[614,2359,2360,2370,2376,2382],{},[617,2361,2362],{},[602,2363,2364,2366,2367,2369],{},[690,2365,1307],{}," (onglet) ≠ ",[690,2368,828],{}," (titre de la page).",[617,2371,2372,2375],{},[602,2373,2374],{},"Toute balise ouverte doit être fermée",", sauf les auto-fermantes.",[617,2377,2378,2381],{},[602,2379,2380],{},"HTML et CSS ne « calculent » rien"," — pour rendre une page interactive, il\nfaut un troisième langage : JavaScript.",[617,2383,2384,2390],{},[602,2385,1881,2386,2389],{},[690,2387,2388],{},"style=\"…\""," inline"," marche, mais devient vite ingérable. Préférer le\nfichier externe.",[1509,2392,2393],{},"html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sovSZ, html code.shiki .sovSZ{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .snPdu, html code.shiki .snPdu{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBjJW, html code.shiki .sBjJW{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s8jYJ, html code.shiki .s8jYJ{--shiki-light:#D73A49;--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":703,"searchDepth":1019,"depth":1019,"links":2395},[2396,2397,2398,2399,2400,2401],{"id":2043,"depth":1019,"text":2044},{"id":2064,"depth":1019,"text":2065},{"id":2144,"depth":1019,"text":2145},{"id":2221,"depth":1019,"text":2222},{"id":2306,"depth":1019,"text":2307},{"id":2356,"depth":1019,"text":2357},"Mémo de révision sur la structure HTML et la présentation CSS.",{},"\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css.memo",[],{"title":2037,"description":2402},"0.snt-2nde\u002Fsb-web\u002F3.html-css.memo","TyGL43jZdFANAb5ffsKP03nzY7JdghbcFkyzVNTN5zs",{"id":2410,"title":2411,"body":2412,"description":2997,"extension":2020,"meta":2998,"navigation":2027,"path":2999,"seo":3000,"stem":3001,"__hash__":3002},"coursSlides\u002F0.snt-2nde\u002Fsb-web\u002F3.html-css.slides.md","HTML et CSS — diapositives",{"type":590,"value":2413,"toc":2995},[2414,2418,2425,2430,2433,2437,2443,2455,2458,2460,2464,2467,2483,2498,2507,2509,2513,2580,2582,2588,2612,2630,2643,2645,2649,2751,2763,2765,2769,2815,2849,2851,2855,2947,2949,2953,2976,2978,2980,2993],[1176,2415,2417],{"id":2416},"html-et-css","HTML et CSS",[598,2419,1881,2420,2052,2422,2424],{},[602,2421,630],{},[602,2423,1955],{}," d'une page Web.",[598,2426,2427,2428],{},"SNT Seconde — chapitre Le Web — ",[660,2429],{"code":588},[2431,2432],"hr",{},[1176,2434,2436],{"id":2435},"le-principe","Le principe",[598,2438,2439,2440,2442],{},"Une page Web = du ",[602,2441,604],{}," que le navigateur lit et dessine.",[614,2444,2445,2450],{},[617,2446,2447,2449],{},[602,2448,621],{}," : ce qu'il y a (structure).",[617,2451,2452,2454],{},[602,2453,640],{}," : à quoi ça ressemble (présentation).",[598,2456,2457],{},"Deux langages, deux rôles distincts.",[2431,2459],{},[1176,2461,2463],{"id":2462},"html-des-balises","HTML : des balises",[598,2465,2466],{},"Une balise encadre du contenu :",[698,2468,2469],{"className":700,"code":701,"language":702,"meta":703,"style":703},[690,2470,2471],{"__ignoreMap":703},[707,2472,2473,2475,2477,2479,2481],{"class":709,"line":710},[707,2474,692],{"class":713},[707,2476,598],{"class":716},[707,2478,719],{"class":713},[707,2480,598],{"class":716},[707,2482,724],{"class":713},[614,2484,2485,2490,2495],{},[617,2486,2487,2489],{},[690,2488,731],{}," ouvre.",[617,2491,2492,2494],{},[690,2493,744],{}," ferme.",[617,2496,2497],{},"Le contenu est entre les deux.",[598,2499,2500,2501,1435,2504,635],{},"Auto-fermantes : ",[690,2502,2503],{},"\u003Cimg \u002F>",[690,2505,2506],{},"\u003Cinput \u002F>",[2431,2508],{},[1176,2510,2512],{"id":2511},"balises-essentielles","Balises essentielles",[803,2514,2515,2523],{},[806,2516,2517],{},[809,2518,2519,2521],{},[812,2520,814],{},[812,2522,817],{},[819,2524,2525,2535,2543,2551,2559,2569],{},[809,2526,2527,2533],{},[824,2528,2529,2164,2531],{},[690,2530,828],{},[690,2532,832],{},[824,2534,2169],{},[809,2536,2537,2541],{},[824,2538,2539],{},[690,2540,731],{},[824,2542,844],{},[809,2544,2545,2549],{},[824,2546,2547],{},[690,2548,851],{},[824,2550,2186],{},[809,2552,2553,2557],{},[824,2554,2555],{},[690,2556,861],{},[824,2558,864],{},[809,2560,2561,2567],{},[824,2562,2563,872,2565],{},[690,2564,871],{},[690,2566,878],{},[824,2568,2207],{},[809,2570,2571,2577],{},[824,2572,2573,872,2575],{},[690,2574,888],{},[690,2576,898],{},[824,2578,2579],{},"Conteneurs",[2431,2581],{},[1176,2583,2585,2586],{"id":2584},"zoom-la-balise-du-lien-a","Zoom : la balise du lien ",[690,2587,908],{},[698,2589,2591],{"className":700,"code":2590,"language":702,"meta":703,"style":703},"\u003Ca href=\"https:\u002F\u002Fwikipedia.org\">Lien vers Wikipédia\u003C\u002Fa>\n",[690,2592,2593],{"__ignoreMap":703},[707,2594,2595,2597,2599,2601,2603,2605,2608,2610],{"class":709,"line":710},[707,2596,692],{"class":713},[707,2598,931],{"class":716},[707,2600,934],{"class":778},[707,2602,782],{"class":713},[707,2604,1009],{"class":785},[707,2606,2607],{"class":713},">Lien vers Wikipédia\u003C\u002F",[707,2609,931],{"class":716},[707,2611,724],{"class":713},[614,2613,2614,2619,2623],{},[617,2615,2616,2618],{},[690,2617,908],{}," : balise du lien (anchor).",[617,2620,2621,2295],{},[690,2622,966],{},[617,2624,2298,2625,654,2627,2629],{},[690,2626,908],{},[690,2628,983],{}," : ce qu'on lit et clique.",[2631,2632,2633],"blockquote",{},[598,2634,2635,2636,2638,2639,2642],{},"Au cours précédent, on avait vu le ",[602,2637,914],{},". Ici, la ",[602,2640,2641],{},"syntaxe"," qui le réalise.",[2431,2644],{},[1176,2646,2648],{"id":2647},"squelette-dune-page-html","Squelette d'une page HTML",[698,2650,2652],{"className":700,"code":2651,"language":702,"meta":703,"style":703},"\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\n    \u003Ctitle>Ma page\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Ch1>Bienvenue\u003C\u002Fh1>\n    \u003Cp>Premier paragraphe.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[690,2653,2654,2664,2672,2680,2693,2701,2709,2722,2735,2743],{"__ignoreMap":703},[707,2655,2656,2658,2660,2662],{"class":709,"line":710},[707,2657,1106],{"class":713},[707,2659,1109],{"class":716},[707,2661,1112],{"class":778},[707,2663,724],{"class":713},[707,2665,2666,2668,2670],{"class":709,"line":1019},[707,2667,692],{"class":713},[707,2669,702],{"class":716},[707,2671,724],{"class":713},[707,2673,2674,2676,2678],{"class":709,"line":1040},[707,2675,1127],{"class":713},[707,2677,1130],{"class":716},[707,2679,724],{"class":713},[707,2681,2682,2684,2686,2689,2691],{"class":709,"line":1135},[707,2683,1138],{"class":713},[707,2685,1141],{"class":716},[707,2687,2688],{"class":713},">Ma page\u003C\u002F",[707,2690,1141],{"class":716},[707,2692,724],{"class":713},[707,2694,2695,2697,2699],{"class":709,"line":1151},[707,2696,1154],{"class":713},[707,2698,1130],{"class":716},[707,2700,724],{"class":713},[707,2702,2703,2705,2707],{"class":709,"line":1161},[707,2704,1127],{"class":713},[707,2706,1166],{"class":716},[707,2708,724],{"class":713},[707,2710,2711,2713,2715,2718,2720],{"class":709,"line":1171},[707,2712,1138],{"class":713},[707,2714,1176],{"class":716},[707,2716,2717],{"class":713},">Bienvenue\u003C\u002F",[707,2719,1176],{"class":716},[707,2721,724],{"class":713},[707,2723,2724,2726,2728,2731,2733],{"class":709,"line":1186},[707,2725,1138],{"class":713},[707,2727,598],{"class":716},[707,2729,2730],{"class":713},">Premier paragraphe.\u003C\u002F",[707,2732,598],{"class":716},[707,2734,724],{"class":713},[707,2736,2737,2739,2741],{"class":709,"line":1200},[707,2738,1154],{"class":713},[707,2740,1166],{"class":716},[707,2742,724],{"class":713},[707,2744,2745,2747,2749],{"class":709,"line":1231},[707,2746,1243],{"class":713},[707,2748,702],{"class":716},[707,2750,724],{"class":713},[614,2752,2753,2758],{},[617,2754,2755,2757],{},[690,2756,1269],{}," : invisible (métadonnées).",[617,2759,2760,2762],{},[690,2761,1275],{}," : ce qu'on voit.",[2431,2764],{},[1176,2766,2768],{"id":2767},"css-règles-de-style","CSS : règles de style",[698,2770,2771],{"className":1352,"code":1353,"language":1354,"meta":703,"style":703},[690,2772,2773,2779,2789,2801,2811],{"__ignoreMap":703},[707,2774,2775,2777],{"class":709,"line":710},[707,2776,1176],{"class":716},[707,2778,1363],{"class":713},[707,2780,2781,2783,2785,2787],{"class":709,"line":1019},[707,2782,1369],{"class":1368},[707,2784,1372],{"class":713},[707,2786,1375],{"class":1368},[707,2788,1378],{"class":713},[707,2790,2791,2793,2795,2797,2799],{"class":709,"line":1040},[707,2792,1383],{"class":1368},[707,2794,1372],{"class":713},[707,2796,1388],{"class":1368},[707,2798,1392],{"class":1391},[707,2800,1378],{"class":713},[707,2802,2803,2805,2807,2809],{"class":709,"line":1135},[707,2804,1399],{"class":1368},[707,2806,1372],{"class":713},[707,2808,1404],{"class":1368},[707,2810,1378],{"class":713},[707,2812,2813],{"class":709,"line":1151},[707,2814,1411],{"class":713},[614,2816,2817,2825,2837],{},[617,2818,2819,2083,2822,2824],{},[602,2820,2821],{},"Sélecteur",[690,2823,1176],{}," (à qui appliquer).",[617,2826,2827,2083,2830,1435,2832,1435,2834,635],{},[602,2828,2829],{},"Propriétés",[690,2831,1434],{},[690,2833,1441],{},[690,2835,2836],{},"text-align",[617,2838,2839,2083,2842,1435,2844,1435,2847,635],{},[602,2840,2841],{},"Valeurs",[690,2843,1375],{},[690,2845,2846],{},"32px",[690,2848,1404],{},[2431,2850],{},[1176,2852,2854],{"id":2853},"trois-façons-dattacher-du-css","Trois façons d'attacher du CSS",[698,2856,2858],{"className":700,"code":2857,"language":702,"meta":703,"style":703},"\u003C!-- Recommandé -->\n\u003Clink rel=\"stylesheet\" href=\"style.css\">\n\n\u003C!-- Possible -->\n\u003Cstyle>h1 { color: red; }\u003C\u002Fstyle>\n\n\u003C!-- À éviter en production -->\n\u003Ch1 style=\"color: green;\">Titre\u003C\u002Fh1>\n",[690,2859,2860,2865,2885,2889,2894,2919,2923,2928],{"__ignoreMap":703},[707,2861,2862],{"class":709,"line":710},[707,2863,2864],{"class":1466},"\u003C!-- Recommandé -->\n",[707,2866,2867,2869,2871,2873,2875,2877,2879,2881,2883],{"class":709,"line":1019},[707,2868,692],{"class":713},[707,2870,1474],{"class":716},[707,2872,1477],{"class":778},[707,2874,782],{"class":713},[707,2876,1482],{"class":785},[707,2878,934],{"class":778},[707,2880,782],{"class":713},[707,2882,1489],{"class":785},[707,2884,724],{"class":713},[707,2886,2887],{"class":709,"line":1040},[707,2888,1497],{"emptyLinePlaceholder":1496},[707,2890,2891],{"class":709,"line":1135},[707,2892,2893],{"class":1466},"\u003C!-- Possible -->\n",[707,2895,2896,2898,2900,2902,2904,2906,2908,2910,2912,2915,2917],{"class":709,"line":1151},[707,2897,692],{"class":713},[707,2899,1509],{"class":716},[707,2901,695],{"class":713},[707,2903,1176],{"class":716},[707,2905,1519],{"class":713},[707,2907,1434],{"class":1368},[707,2909,1372],{"class":713},[707,2911,1526],{"class":1368},[707,2913,2914],{"class":713},"; }\u003C\u002F",[707,2916,1509],{"class":716},[707,2918,724],{"class":713},[707,2920,2921],{"class":709,"line":1161},[707,2922,1497],{"emptyLinePlaceholder":1496},[707,2924,2925],{"class":709,"line":1171},[707,2926,2927],{"class":1466},"\u003C!-- À éviter en production -->\n",[707,2929,2930,2932,2934,2936,2938,2940,2943,2945],{"class":709,"line":1186},[707,2931,692],{"class":713},[707,2933,1176],{"class":716},[707,2935,1555],{"class":778},[707,2937,782],{"class":713},[707,2939,1560],{"class":785},[707,2941,2942],{"class":713},">Titre\u003C\u002F",[707,2944,1176],{"class":716},[707,2946,724],{"class":713},[2431,2948],{},[1176,2950,2952],{"id":2951},"pourquoi-séparer","Pourquoi séparer ?",[614,2954,2955,2961,2964,2970],{},[617,2956,2957,2960],{},[602,2958,2959],{},"Une seule feuille"," stylise tout le site.",[617,2962,2963],{},"Modification globale d'un coup.",[617,2965,2966,2969],{},[602,2967,2968],{},"Responsive"," : la même page sur mobile et bureau.",[617,2971,2972,2975],{},[602,2973,2974],{},"Accessible"," : un lecteur d'écran lit le HTML brut.",[2431,2977],{},[1176,2979,1979],{"id":1978},[598,2981,2982,2983,2986,2987,2990,2991,635],{},"HTML répond à ",[602,2984,2985],{},"« quoi »",", CSS répond à ",[602,2988,2989],{},"« comment »",". C'est cette séparation qui rend le Web adaptable. Pour rendre interactif, il faudra un troisième langage : ",[602,2992,1959],{},[1509,2994,1999],{},{"title":703,"searchDepth":1019,"depth":1019,"links":2996},[],"Deck projetable pour la séance sur HTML et CSS.",{},"\u002Fsnt-2nde\u002Fsb-web\u002Fhtml-css.slides",{"title":2411,"description":2997},"0.snt-2nde\u002Fsb-web\u002F3.html-css.slides","s_Qik_A9GmAN2VO5eoKbF_DSiuQBKsJ5OAJbETVehw8",{"id":2036,"title":2037,"bo":3004,"body":3005,"description":2402,"eval":2019,"extension":2020,"labo":2019,"meta":3305,"navigation":2027,"path":2404,"quizzes":3306,"readingTime":710,"seo":3307,"stem":2407,"tp":2019,"__hash__":2408},[588],{"type":590,"value":3006,"toc":3297},[3007,3009,3021,3023,3075,3077,3145,3147,3205,3221,3223,3269,3271,3295],[593,3008,2044],{"id":2043},[598,3010,3011,2049,3013,2052,3015,2055,3017,2058,3019,2061],{},[602,3012,621],{},[602,3014,630],{},[602,3016,634],{},[602,3018,640],{},[602,3020,1955],{},[593,3022,2065],{"id":2064},[614,3024,3025,3033,3041,3051,3059,3071],{},[617,3026,3027,2072,3029,2075,3031,2078],{},[602,3028,621],{},[624,3030,626],{},[602,3032,671],{},[617,3034,3035,2083,3037,2087,3039,635],{},[602,3036,814],{},[690,3038,2086],{},[690,3040,2090],{},[617,3042,3043,2096,3045,2099,3047,2102,3049,2105],{},[602,3044,2095],{},[690,3046,1263],{},[690,3048,1269],{},[690,3050,1275],{},[617,3052,3053,2072,3055,2112,3057,635],{},[602,3054,640],{},[624,3056,643],{},[690,3058,2115],{},[617,3060,3061,2121,3063,2125,3065,2129,3067,2132,3069,2135],{},[602,3062,2120],{},[690,3064,2124],{},[690,3066,2128],{},[690,3068,1269],{},[690,3070,1509],{},[617,3072,3073,2141],{},[602,3074,2140],{},[593,3076,2145],{"id":2144},[803,3078,3079,3087],{},[806,3080,3081],{},[809,3082,3083,3085],{},[812,3084,814],{},[812,3086,817],{},[819,3088,3089,3099,3107,3115,3123,3135],{},[809,3090,3091,3097],{},[824,3092,3093,2164,3095],{},[690,3094,828],{},[690,3096,832],{},[824,3098,2169],{},[809,3100,3101,3105],{},[824,3102,3103],{},[690,3104,731],{},[824,3106,844],{},[809,3108,3109,3113],{},[824,3110,3111],{},[690,3112,851],{},[824,3114,2186],{},[809,3116,3117,3121],{},[824,3118,3119],{},[690,3120,861],{},[824,3122,864],{},[809,3124,3125,3133],{},[824,3126,3127,872,3129,872,3131],{},[690,3128,871],{},[690,3130,875],{},[690,3132,878],{},[824,3134,2207],{},[809,3136,3137,3143],{},[824,3138,3139,872,3141],{},[690,3140,888],{},[690,3142,898],{},[824,3144,2218],{},[593,3146,2222],{"id":2221},[698,3148,3149],{"className":700,"code":2225,"language":702,"meta":703,"style":703},[690,3150,3151,3169,3187],{"__ignoreMap":703},[707,3152,3153,3155,3157,3159,3161,3163,3165,3167],{"class":709,"line":710},[707,3154,692],{"class":713},[707,3156,931],{"class":716},[707,3158,934],{"class":778},[707,3160,782],{"class":713},[707,3162,1009],{"class":785},[707,3164,2242],{"class":713},[707,3166,931],{"class":716},[707,3168,724],{"class":713},[707,3170,3171,3173,3175,3177,3179,3181,3183,3185],{"class":709,"line":1019},[707,3172,692],{"class":713},[707,3174,931],{"class":716},[707,3176,934],{"class":778},[707,3178,782],{"class":713},[707,3180,1030],{"class":785},[707,3182,1033],{"class":713},[707,3184,931],{"class":716},[707,3186,724],{"class":713},[707,3188,3189,3191,3193,3195,3197,3199,3201,3203],{"class":709,"line":1040},[707,3190,692],{"class":713},[707,3192,931],{"class":716},[707,3194,934],{"class":778},[707,3196,782],{"class":713},[707,3198,1051],{"class":785},[707,3200,2279],{"class":713},[707,3202,931],{"class":716},[707,3204,724],{"class":713},[614,3206,3207,3211,3215],{},[617,3208,3209,2290],{},[690,3210,908],{},[617,3212,3213,2295],{},[690,3214,966],{},[617,3216,2298,3217,654,3219,2303],{},[690,3218,908],{},[690,3220,983],{},[593,3222,2307],{"id":2306},[698,3224,3225],{"className":1352,"code":1353,"language":1354,"meta":703,"style":703},[690,3226,3227,3233,3243,3255,3265],{"__ignoreMap":703},[707,3228,3229,3231],{"class":709,"line":710},[707,3230,1176],{"class":716},[707,3232,1363],{"class":713},[707,3234,3235,3237,3239,3241],{"class":709,"line":1019},[707,3236,1369],{"class":1368},[707,3238,1372],{"class":713},[707,3240,1375],{"class":1368},[707,3242,1378],{"class":713},[707,3244,3245,3247,3249,3251,3253],{"class":709,"line":1040},[707,3246,1383],{"class":1368},[707,3248,1372],{"class":713},[707,3250,1388],{"class":1368},[707,3252,1392],{"class":1391},[707,3254,1378],{"class":713},[707,3256,3257,3259,3261,3263],{"class":709,"line":1135},[707,3258,1399],{"class":1368},[707,3260,1372],{"class":713},[707,3262,1404],{"class":1368},[707,3264,1378],{"class":713},[707,3266,3267],{"class":709,"line":1151},[707,3268,1411],{"class":713},[593,3270,2357],{"id":2356},[614,3272,3273,3281,3285,3289],{},[617,3274,3275],{},[602,3276,3277,2366,3279,2369],{},[690,3278,1307],{},[690,3280,828],{},[617,3282,3283,2375],{},[602,3284,2374],{},[617,3286,3287,2381],{},[602,3288,2380],{},[617,3290,3291,2390],{},[602,3292,1881,3293,2389],{},[690,3294,2388],{},[1509,3296,2393],{},{"title":703,"searchDepth":1019,"depth":1019,"links":3298},[3299,3300,3301,3302,3303,3304],{"id":2043,"depth":1019,"text":2044},{"id":2064,"depth":1019,"text":2065},{"id":2144,"depth":1019,"text":2145},{"id":2221,"depth":1019,"text":2222},{"id":2306,"depth":1019,"text":2307},{"id":2356,"depth":1019,"text":2357},{},[],{"title":2037,"description":2402},{"id":2410,"title":2411,"body":3309,"description":2997,"extension":2020,"meta":3821,"navigation":2027,"path":2999,"seo":3822,"stem":3001,"__hash__":3002},{"type":590,"value":3310,"toc":3819},[3311,3313,3319,3323,3325,3327,3331,3341,3343,3345,3347,3349,3365,3377,3383,3385,3387,3453,3455,3459,3481,3497,3505,3507,3509,3607,3617,3619,3621,3667,3695,3697,3699,3785,3787,3789,3805,3807,3809,3817],[1176,3312,2417],{"id":2416},[598,3314,1881,3315,2052,3317,2424],{},[602,3316,630],{},[602,3318,1955],{},[598,3320,2427,3321],{},[660,3322],{"code":588},[2431,3324],{},[1176,3326,2436],{"id":2435},[598,3328,2439,3329,2442],{},[602,3330,604],{},[614,3332,3333,3337],{},[617,3334,3335,2449],{},[602,3336,621],{},[617,3338,3339,2454],{},[602,3340,640],{},[598,3342,2457],{},[2431,3344],{},[1176,3346,2463],{"id":2462},[598,3348,2466],{},[698,3350,3351],{"className":700,"code":701,"language":702,"meta":703,"style":703},[690,3352,3353],{"__ignoreMap":703},[707,3354,3355,3357,3359,3361,3363],{"class":709,"line":710},[707,3356,692],{"class":713},[707,3358,598],{"class":716},[707,3360,719],{"class":713},[707,3362,598],{"class":716},[707,3364,724],{"class":713},[614,3366,3367,3371,3375],{},[617,3368,3369,2489],{},[690,3370,731],{},[617,3372,3373,2494],{},[690,3374,744],{},[617,3376,2497],{},[598,3378,2500,3379,1435,3381,635],{},[690,3380,2503],{},[690,3382,2506],{},[2431,3384],{},[1176,3386,2512],{"id":2511},[803,3388,3389,3397],{},[806,3390,3391],{},[809,3392,3393,3395],{},[812,3394,814],{},[812,3396,817],{},[819,3398,3399,3409,3417,3425,3433,3443],{},[809,3400,3401,3407],{},[824,3402,3403,2164,3405],{},[690,3404,828],{},[690,3406,832],{},[824,3408,2169],{},[809,3410,3411,3415],{},[824,3412,3413],{},[690,3414,731],{},[824,3416,844],{},[809,3418,3419,3423],{},[824,3420,3421],{},[690,3422,851],{},[824,3424,2186],{},[809,3426,3427,3431],{},[824,3428,3429],{},[690,3430,861],{},[824,3432,864],{},[809,3434,3435,3441],{},[824,3436,3437,872,3439],{},[690,3438,871],{},[690,3440,878],{},[824,3442,2207],{},[809,3444,3445,3451],{},[824,3446,3447,872,3449],{},[690,3448,888],{},[690,3450,898],{},[824,3452,2579],{},[2431,3454],{},[1176,3456,2585,3457],{"id":2584},[690,3458,908],{},[698,3460,3461],{"className":700,"code":2590,"language":702,"meta":703,"style":703},[690,3462,3463],{"__ignoreMap":703},[707,3464,3465,3467,3469,3471,3473,3475,3477,3479],{"class":709,"line":710},[707,3466,692],{"class":713},[707,3468,931],{"class":716},[707,3470,934],{"class":778},[707,3472,782],{"class":713},[707,3474,1009],{"class":785},[707,3476,2607],{"class":713},[707,3478,931],{"class":716},[707,3480,724],{"class":713},[614,3482,3483,3487,3491],{},[617,3484,3485,2618],{},[690,3486,908],{},[617,3488,3489,2295],{},[690,3490,966],{},[617,3492,2298,3493,654,3495,2629],{},[690,3494,908],{},[690,3496,983],{},[2631,3498,3499],{},[598,3500,2635,3501,2638,3503,2642],{},[602,3502,914],{},[602,3504,2641],{},[2431,3506],{},[1176,3508,2648],{"id":2647},[698,3510,3511],{"className":700,"code":2651,"language":702,"meta":703,"style":703},[690,3512,3513,3523,3531,3539,3551,3559,3567,3579,3591,3599],{"__ignoreMap":703},[707,3514,3515,3517,3519,3521],{"class":709,"line":710},[707,3516,1106],{"class":713},[707,3518,1109],{"class":716},[707,3520,1112],{"class":778},[707,3522,724],{"class":713},[707,3524,3525,3527,3529],{"class":709,"line":1019},[707,3526,692],{"class":713},[707,3528,702],{"class":716},[707,3530,724],{"class":713},[707,3532,3533,3535,3537],{"class":709,"line":1040},[707,3534,1127],{"class":713},[707,3536,1130],{"class":716},[707,3538,724],{"class":713},[707,3540,3541,3543,3545,3547,3549],{"class":709,"line":1135},[707,3542,1138],{"class":713},[707,3544,1141],{"class":716},[707,3546,2688],{"class":713},[707,3548,1141],{"class":716},[707,3550,724],{"class":713},[707,3552,3553,3555,3557],{"class":709,"line":1151},[707,3554,1154],{"class":713},[707,3556,1130],{"class":716},[707,3558,724],{"class":713},[707,3560,3561,3563,3565],{"class":709,"line":1161},[707,3562,1127],{"class":713},[707,3564,1166],{"class":716},[707,3566,724],{"class":713},[707,3568,3569,3571,3573,3575,3577],{"class":709,"line":1171},[707,3570,1138],{"class":713},[707,3572,1176],{"class":716},[707,3574,2717],{"class":713},[707,3576,1176],{"class":716},[707,3578,724],{"class":713},[707,3580,3581,3583,3585,3587,3589],{"class":709,"line":1186},[707,3582,1138],{"class":713},[707,3584,598],{"class":716},[707,3586,2730],{"class":713},[707,3588,598],{"class":716},[707,3590,724],{"class":713},[707,3592,3593,3595,3597],{"class":709,"line":1200},[707,3594,1154],{"class":713},[707,3596,1166],{"class":716},[707,3598,724],{"class":713},[707,3600,3601,3603,3605],{"class":709,"line":1231},[707,3602,1243],{"class":713},[707,3604,702],{"class":716},[707,3606,724],{"class":713},[614,3608,3609,3613],{},[617,3610,3611,2757],{},[690,3612,1269],{},[617,3614,3615,2762],{},[690,3616,1275],{},[2431,3618],{},[1176,3620,2768],{"id":2767},[698,3622,3623],{"className":1352,"code":1353,"language":1354,"meta":703,"style":703},[690,3624,3625,3631,3641,3653,3663],{"__ignoreMap":703},[707,3626,3627,3629],{"class":709,"line":710},[707,3628,1176],{"class":716},[707,3630,1363],{"class":713},[707,3632,3633,3635,3637,3639],{"class":709,"line":1019},[707,3634,1369],{"class":1368},[707,3636,1372],{"class":713},[707,3638,1375],{"class":1368},[707,3640,1378],{"class":713},[707,3642,3643,3645,3647,3649,3651],{"class":709,"line":1040},[707,3644,1383],{"class":1368},[707,3646,1372],{"class":713},[707,3648,1388],{"class":1368},[707,3650,1392],{"class":1391},[707,3652,1378],{"class":713},[707,3654,3655,3657,3659,3661],{"class":709,"line":1135},[707,3656,1399],{"class":1368},[707,3658,1372],{"class":713},[707,3660,1404],{"class":1368},[707,3662,1378],{"class":713},[707,3664,3665],{"class":709,"line":1151},[707,3666,1411],{"class":713},[614,3668,3669,3675,3685],{},[617,3670,3671,2083,3673,2824],{},[602,3672,2821],{},[690,3674,1176],{},[617,3676,3677,2083,3679,1435,3681,1435,3683,635],{},[602,3678,2829],{},[690,3680,1434],{},[690,3682,1441],{},[690,3684,2836],{},[617,3686,3687,2083,3689,1435,3691,1435,3693,635],{},[602,3688,2841],{},[690,3690,1375],{},[690,3692,2846],{},[690,3694,1404],{},[2431,3696],{},[1176,3698,2854],{"id":2853},[698,3700,3701],{"className":700,"code":2857,"language":702,"meta":703,"style":703},[690,3702,3703,3707,3727,3731,3735,3759,3763,3767],{"__ignoreMap":703},[707,3704,3705],{"class":709,"line":710},[707,3706,2864],{"class":1466},[707,3708,3709,3711,3713,3715,3717,3719,3721,3723,3725],{"class":709,"line":1019},[707,3710,692],{"class":713},[707,3712,1474],{"class":716},[707,3714,1477],{"class":778},[707,3716,782],{"class":713},[707,3718,1482],{"class":785},[707,3720,934],{"class":778},[707,3722,782],{"class":713},[707,3724,1489],{"class":785},[707,3726,724],{"class":713},[707,3728,3729],{"class":709,"line":1040},[707,3730,1497],{"emptyLinePlaceholder":1496},[707,3732,3733],{"class":709,"line":1135},[707,3734,2893],{"class":1466},[707,3736,3737,3739,3741,3743,3745,3747,3749,3751,3753,3755,3757],{"class":709,"line":1151},[707,3738,692],{"class":713},[707,3740,1509],{"class":716},[707,3742,695],{"class":713},[707,3744,1176],{"class":716},[707,3746,1519],{"class":713},[707,3748,1434],{"class":1368},[707,3750,1372],{"class":713},[707,3752,1526],{"class":1368},[707,3754,2914],{"class":713},[707,3756,1509],{"class":716},[707,3758,724],{"class":713},[707,3760,3761],{"class":709,"line":1161},[707,3762,1497],{"emptyLinePlaceholder":1496},[707,3764,3765],{"class":709,"line":1171},[707,3766,2927],{"class":1466},[707,3768,3769,3771,3773,3775,3777,3779,3781,3783],{"class":709,"line":1186},[707,3770,692],{"class":713},[707,3772,1176],{"class":716},[707,3774,1555],{"class":778},[707,3776,782],{"class":713},[707,3778,1560],{"class":785},[707,3780,2942],{"class":713},[707,3782,1176],{"class":716},[707,3784,724],{"class":713},[2431,3786],{},[1176,3788,2952],{"id":2951},[614,3790,3791,3795,3797,3801],{},[617,3792,3793,2960],{},[602,3794,2959],{},[617,3796,2963],{},[617,3798,3799,2969],{},[602,3800,2968],{},[617,3802,3803,2975],{},[602,3804,2974],{},[2431,3806],{},[1176,3808,1979],{"id":1978},[598,3810,2982,3811,2986,3813,2990,3815,635],{},[602,3812,2985],{},[602,3814,2989],{},[602,3816,1959],{},[1509,3818,1999],{},{"title":703,"searchDepth":1019,"depth":1019,"links":3820},[],{},{"title":2411,"description":2997},1788035573137]