{"id":3032,"date":"2023-12-12T08:15:30","date_gmt":"2023-12-12T07:15:30","guid":{"rendered":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/?p=3032"},"modified":"2023-12-20T17:42:19","modified_gmt":"2023-12-20T16:42:19","slug":"html","status":"publish","type":"post","link":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/html\/","title":{"rendered":"html"},"content":{"rendered":"\n<!--- Daniel Boulagnon -->\n<!--- daniel.boulagnon@ac-lille.fr -->\n<!--- version 2022 -->\n\n\n\n\n    \n\t\n    <title>paliers de notation<\/title>\n    \n        .switch-button {\n            background: rgba(0, 0, 0, .1);\n            border-radius: 30px;\n            border: 1px solid #bac6d3;\n            box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .4), 1px 1px 1px rgba(255, 255, 255, .6);\n            color: #000;\n            font-size: 1em;\n            overflow: hidden;\n            padding-right: 180px;\n            position: relative;\n            text-align: center;\n            top: 45px;\n            width: 360px;\n            left: 50%;\n            transform: translate(-50%, -50%)\n        }\n\n        .switch-button:before {\n            align-items: center;\n            bottom: 0;\n            content: \u00ab\u00a0Explication de texte\u00a0\u00bb;\n            display: flex;\n            justify-content: center;\n            pointer-events: none;\n            position: absolute;\n            right: 0;\n            top: 0;\n            width: 180px;\n            z-index: 3\n        }\n\n        .switch-button-checkbox {\n            bottom: 0;\n            cursor: pointer;\n            height: 100%;\n            left: 0;\n            opacity: 0;\n            position: absolute;\n            top: 0;\n            width: 100%;\n            z-index: 2\n        }\n\n        .switch-button-checkbox:checked+.switch-button-label:before {\n            transform: translateX(180px);\n            transition: transform .1s linear\n        }\n\n        .switch-button-checkbox+.switch-button-label {\n            display: block;\n            position: relative;\n            padding: 16px 0;\n            pointer-events: none;\n            user-select: none\n        }\n\n        .switch-button-checkbox+.switch-button-label:before {\n            background: #fff;\n            border-radius: 30px;\n            box-shadow: 1px 1px 5px rgba(0, 0, 0, .42);\n            content: \u00ab\u00a0\u00a0\u00bb;\n            height: 100%;\n            left: 0;\n            position: absolute;\n            top: 0;\n            transform: translateX(0);\n            transition: transform .3s;\n            width: 100%\n        }\n\n        .switch-button-checkbox+.switch-button-label .switch-button-label-span {\n            position: relative\n        }\n\n        * {\n            box-sizing: border-box\n        }\n\n        body,\n        button,\n        input,\n        optgroup,\n        select,\n        textarea {\n            color: #3d4852;\n            font-family: Muli, sans-serif;\n            font-size: 1rem;\n            line-height: 1.2\n        }\n\n        h0 {\n            color: red;\t\t\t\t\t\/* couleur du titre principal *\/\n            font-size: 2.5rem;\n            margin-top: 0;\n            text-align: center\n        }\n\n        h1 {\n            color: red;\n            font-size: 4rem;\n            margin-top: 0;\n            text-align: center\n        }\n\n        h2 {\n            color: #000;\n            font-size: 1.25rem;\n            margin-top: 0;\n            text-align: center\n        }\n\n        ul {\n            margin: 0 0 1.5rem;\n            padding: 0\n        }\n\n        li {\n            display: inline-block\n        }\n\n        svg {\n            fill: currentColor;\n            height: 1.5rem;\n            width: 1.5rem\n        }\n\n        img {\n            height: auto;\n            left: -1rem;\n            margin-bottom: .5rem;\n            max-width: calc(100% + 2rem);\n            position: relative;\n            right: -1rem\n        }\n\n        p {\n            text-align: justify;\n            text-align: left;\n            text-justify: inter-word;\n            margin: 0 0 .5rem\n        }\n\n        main {\n            margin: auto;\n            padding: 1rem 2rem\n        }\n\n        header {\n            padding: 1rem 2rem;\n            text-align: center\n        }\n\n        .card {\n            border: 0 solid #000;\n            border-radius: 15px;\n            box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px, rgba(10, 37, 64, .35) 0 -2px 6px 0 inset;\n            min-height: 500px;\n            padding: 1rem;\n            text-align: center\n        }\n\n        .onglet {\n            border: 0 solid #000;\n            display: none;\n            margin: 5px;\n            min-height: 60px;\n            padding: 10px\n        }\n\n        .carousel-items {\n            display: flex;\n            overflow-x: scroll;\n            position: absolute;\n            width: 100%;\n            z-index: 3000\n        }\n\n        .carousel-item {\n            flex: 1 0 250px;\n            margin-bottom: 30px;\n            margin-left: 1rem;\n            margin-right: 1rem\n        }\n\n        @media screen and (min-width:576px) {\n            .carousel-item {\n                flex-basis: 300px\n            }\n        }\n\n        @media screen and (min-width:992px) {\n\n            body,\n            button,\n            input,\n            optgroup,\n            select,\n            textarea {\n                font-size: 1.125rem\n            }\n\n            h1 {\n                font-size: 2.75rem\n            }\n\n            .carousel-item {\n                flex-basis: 325px\n            }\n        }\n\n        @media screen and (min-width:1280px) {\n            h1 {\n                font-size: 4rem\n            }\n\n            .carousel-item {\n                flex-basis: 450px\n            }\n        }\n\n        @media screen and (min-width:1600px) {\n\n            body,\n            button,\n            input,\n            optgroup,\n            select,\n            textarea {\n                font-size: 1.25rem\n            }\n        }\n    \n\n\n\n    <header>\n\t<p style=\"margin: 15px;line-height: 48px;text-align: center;color:red;font-size:40px;font-weight: bold;font-family: 'Muli', sans-serif\">paliers de notation<\/p>\t\t\n\t<p style=\"margin: 0px;line-height: 1px;text-align: center;color:black;font-size:20px\">guider l&rsquo;\u00e9valuation des copies de philosophie<\/p>\n        \n        <div class=\"switch-button\">\n            <label class=\"switch-button-label\" for=\"\"><span class=\"switch-button-label-span\">Dissertation<\/span><\/label>\n        <\/div>\n    <\/header>\n    <main>\n        <div class=\"div_onglets\">\n            <div id=\"onglet_1\" class=\"onglet\">\n                <p><b>Ce qui est valoris\u00e9 : <\/b>une probl\u00e9matisation du sujet, une argumentation coh\u00e9rente et progressive, l&rsquo;analyse de concepts (notions, distinctions) et d&rsquo;exemples pr\u00e9cis\u00e9ment \u00e9tudi\u00e9s, la mobilisation d&rsquo;\u00e9l\u00e9ments de culture philosophique au service du traitement du sujet, la capacit\u00e9 de la r\u00e9flexion \u00e0 entrer en dialogue avec elle-m\u00eame.<\/p>\n                <section class=\"carousel\">\n                    <ul class=\"carousel-items\">\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">00<\/h1>\n                                <h2 class=\"card-title\">Copie tr\u00e8s insuffisante<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; copie blanche ;<br>&#8211; insultante&#8230;<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">01-05<\/h1>\n                                <h2 class=\"card-title\">Copie tr\u00e8s insuffisante<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; copie incompr\u00e9hensible ;<br>&#8211; non structur\u00e9e ;<br>&#8211; excessivement br\u00e8ve ;<br>&#8211; marquant un refus manifeste de faire l\u2019exercice.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">06-09<\/h1>\n                                <h2 class=\"card-title\">Copie compr\u00e9hensible mais qui ne r\u00e9pond pas aux crit\u00e8res attest\u00e9s de l\u2019\u00e9preuve<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; propos excessivement g\u00e9n\u00e9ral ou restant sans rapport avec la question pos\u00e9e ;<br>&#8211; juxtaposition d\u2019exemples sommaires ou anecdotiques ;<br>&#8211; accumulation de lieux communs ;<br>&#8211; r\u00e9citation de cours sans traitement du sujet ;<br>&#8211; copie qui aurait pu \u00eatre r\u00e9dig\u00e9e au d\u00e9but de l\u2019ann\u00e9e, sans aucun cours de philosophie ou connaissances acquises.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">10-11<\/h1>\n                                <h2 class=\"card-title\">Copie t\u00e9moignant d\u2019un r\u00e9el effort de r\u00e9flexion et, m\u00eame si le r\u00e9sultat n\u2019est pas abouti, de traitement du sujet<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; effort de probl\u00e9matisation ;<br>&#8211; effort de d\u00e9finition des notions ;<br>&#8211; examen de r\u00e9ponses possibles ;<br>&#8211; coh\u00e9rence globale du propos.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">12-13<\/h1>\n                                <h2 class=\"card-title\">Si, en plus, il y a mobilisation de r\u00e9f\u00e9rences et d&rsquo;exemples pertinents pour le sujet.<\/h2>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">14-15<\/h1>\n                                <h2 class=\"card-title\">Si, en plus, le raisonnement est construit, progressif et que les affirmations pos\u00e9es sont rigoureusement justifi\u00e9es.<\/h2>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">16-19<\/h1>\n                                <h2 class=\"card-title\">Si, en plus, la copie t\u00e9moigne de la ma\u00eetrise de concepts philosophiques utiles pour le sujet (notions, rep\u00e8res), d&rsquo;une d\u00e9marche de recherche et du souci des enjeux de la question, d&rsquo;une pr\u00e9cision dans l&rsquo;utilisation d&rsquo;une culture au service du traitement du sujet.<\/h2>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">20<\/h1>\n                                <h2 class=\"card-title\">Ce que l&rsquo;on peut attendre de mieux d&rsquo;un \u00e9l\u00e8ve d\u00e9butant en philosophie pour un nombre d&rsquo;heures de cours donn\u00e9<\/h2>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/section>\n            <\/div>\n            <div id=\"onglet_2\" class=\"onglet\">\n                <p><b>Ce qui est valoris\u00e9 : <\/b>une d\u00e9termination du probl\u00e8me du texte, une explication de ses \u00e9l\u00e9ments signifiants, une explicitation des articulations du texte, une caract\u00e9risation de la position philosophique \u00e9labor\u00e9e par l\u2019auteur dans le texte, et, plus g\u00e9n\u00e9ralement, du questionnement auquel elle s\u2019articule.<\/p>\n                <section class=\"carousel\">\n                    <ul class=\"carousel-items\">\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">00<\/h1>\n                                <h2 class=\"card-title\">Copie tr\u00e8s insuffisante<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; copie blanche ;<br>&#8211; insultante&#8230;<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">01-05<\/h1>\n                                <h2 class=\"card-title\">Copie tr\u00e8s insuffisante<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; copie inintelligible ;<br>&#8211; non structur\u00e9e ;<br>&#8211; excessivement br\u00e8ve ;<br>&#8211; marquant un refus manifeste de faire l\u2019exercice.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">06-09<\/h1>\n                                <h2 class=\"card-title\">Copie intelligible mais qui ne r\u00e9pond pas aux crit\u00e8res attest\u00e9s de l\u2019\u00e9preuve<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; propos excessivement g\u00e9n\u00e9ral ou restant sans rapport avec la question pos\u00e9e ;<br>&#8211; juxtaposition d\u2019exemples sommaires ou anecdotiques ;<br>&#8211; accumulation de lieux communs ;<br>&#8211; paraphrase ou r\u00e9p\u00e9tition du texte ;<br>&#8211; r\u00e9citation de cours sans traitement du sujet ;<br>&#8211; copie qui aurait pu \u00eatre r\u00e9dig\u00e9e au d\u00e9but de l\u2019ann\u00e9e, sans aucun cours de philosophie ou connaissances acquises.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">10-11<\/h1>\n                                <h2 class=\"card-title\">Copie faisant l\u2019effort de r\u00e9aliser l\u2019exercice, m\u00eame si l\u2019explication demeure maladroite et inaboutie<\/h2>\n                                <div class=\"card-content\">\n                                    <p>&#8211; explication commen\u00e7ante ;<br>&#8211; pas de contresens majeur sur le propos et la d\u00e9marche de l\u2019auteur.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">12-13<\/h1>\n                                <h2 class=\"card-title\">Si, en plus, le texte est interrog\u00e9 avec un effort d\u2019attention au d\u00e9tail du propos, ainsi qu\u2019\u00e0 sa structure logique.<\/h2>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">14-15<\/h1>\n                                <h2 class=\"card-title\">Si, en plus, les \u00e9l\u00e9ments du texte sont mis en perspective, avec des \u00e9l\u00e9ments de connaissance permettant de d\u00e9terminer et d\u2019examiner le probl\u00e8me.<\/h2>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">16-19<\/h1>\n                                <h2 class=\"card-title\">Si, en plus, l\u2019explication est d\u00e9velopp\u00e9e avec amplitude et justesse : l\u2019ensemble du texte est examin\u00e9 et bien situ\u00e9 dans une probl\u00e9matique et un questionnement pertinents.<\/h2>\n                            <\/div>\n                        <\/li>\n                        <li class=\"carousel-item\">\n                            <div class=\"card\">\n                                <h1 class=\"card-title\">20<\/h1>\n                                <h2 class=\"card-title\">Ce que l&rsquo;on peut attendre de mieux d&rsquo;un \u00e9l\u00e8ve d\u00e9butant en philosophie pour un nombre d&rsquo;heures de cours donn\u00e9<\/h2>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/section>\n            <\/div>\n        <\/div>\n    <\/main>\n\n\n\n\n    function hideAllElementByClassNam(e) {\n        for (var t = document.getElementsByClassName(\u00ab\u00a0onglet\u00a0\u00bb), n = 0; n &lt; t.length; n++) t[n].style.display = &quot;none&quot;\n    }\n\n    function ShowElementById(e) {\n        document.getElementById(e).style.display = &quot;inline-block&quot;\n    }\n\n    function addClassActiveElm(e) {\n        for (var t = document.getElementsByClassName(&quot;active&quot;), n = 0; n &lt; t.length; n++) removeClass(t[n], &quot;active&quot;);\n        document.getElementById(e).className = &quot;btnmateriel active&quot;\n    }\n\n    function removeClass(e, t) {\n        e.className = e.className.replace(new RegExp(&quot;(?:^|\\\\s)&quot; + t + &quot;(?!\\\\S)&quot;), &quot;&quot;)\n    }\n    var DisplayHideOnglets = function() {\n            hideAllElementByClassNam(&quot;onglet&quot;);\n            var e = this.getAttribute(&quot;data-onglet&quot;);\n            void 0 !== e &amp;&amp; null != e &amp;&amp; (ShowElementById(&quot;onglet_&quot; + e), addClassActiveElm(&quot;btn_&quot; + e))\n        },\n        ToggleOnglets = function() {\n            hideAllElementByClassNam(&quot;onglet&quot;), ShowElementById(&quot;onglet_&quot; + (1 + this.checked))\n        };\n\n    function initListener() {\n        document.getElementById(&quot;switch&quot;).addEventListener(&quot;change&quot;, ToggleOnglets);\n        for (var e = document.getElementsByClassName(&quot;btnmateriel&quot;), t = 0; t &lt; e.length; t++) e[t].addEventListener(&quot;click&quot;, DisplayHideOnglets, !1)\n    }\n    initListener(), ShowElementById(&quot;onglet_1&quot;)\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>paliers de notation .switch-button { background: rgba(0, 0, 0, .1); border-radius: 30px; border: 1px solid #bac6d3; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .4), 1px 1px 1px rgba(255, 255, 255, .6); color: #000; font-size: 1em; overflow: hidden; padding-right: 180px; position: relative; text-align: center; top: 45px; width: 360px; left: 50%; transform: translate(-50%, -50%) } .switch-button:before [&hellip;]<\/p>\n","protected":false},"author":131,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-3032","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-non-classe","7":"czr-hentry"},"publishpress_future_action":{"enabled":false,"date":"2026-04-22 08:05:02","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/posts\/3032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/users\/131"}],"replies":[{"embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/comments?post=3032"}],"version-history":[{"count":3,"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/posts\/3032\/revisions"}],"predecessor-version":[{"id":3318,"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/posts\/3032\/revisions\/3318"}],"wp:attachment":[{"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/media?parent=3032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/categories?post=3032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/philosophie\/wp-json\/wp\/v2\/tags?post=3032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}