Add Fiche classe inversée
This commit is contained in:
sebvtl728
parent
a7f5603e75
commit
9324715669
754
index.html
Normal file
754
index.html
Normal file
@ -0,0 +1,754 @@
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Fiche classe inversée</title>
|
||||
<style>
|
||||
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Source+Serif+4:ital,wght@0,300;0,400;1,300&display=swap");
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.fiche {
|
||||
font-family: "Source Serif 4", serif;
|
||||
color: var(--color-text-primary);
|
||||
max-width: 740px;
|
||||
margin: 0 auto;
|
||||
padding: 0 0 2rem;
|
||||
}
|
||||
|
||||
.fiche-header {
|
||||
border-bottom: 2px solid var(--color-text-primary);
|
||||
padding-bottom: 1.25rem;
|
||||
margin-bottom: 1.75rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
align-items: end;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.fiche-kicker {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.18em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-secondary);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.fiche-title {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
color: var(--color-text-primary);
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.fiche-badge {
|
||||
background: #eeeffe;
|
||||
border: 0.5px solid #afa9ec;
|
||||
border-radius: 6px;
|
||||
padding: 6px 14px;
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.badge-top {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 9px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: #534ab7;
|
||||
}
|
||||
|
||||
.badge-bottom {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
color: #3c3489;
|
||||
}
|
||||
|
||||
.identity-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 12px;
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.id-field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.field-label {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 9px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
.field-line {
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--color-border-secondary);
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
font-family: "Source Serif 4", serif;
|
||||
font-size: 13px;
|
||||
color: var(--color-text-primary);
|
||||
padding: 4px 0;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.field-line:focus {
|
||||
border-bottom-color: #534ab7;
|
||||
}
|
||||
|
||||
.intro-block {
|
||||
background: var(--color-background-secondary);
|
||||
border-left: 3px solid #534ab7;
|
||||
border-radius: 0;
|
||||
padding: 0.875rem 1.25rem;
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.intro-block p {
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: #534ab7;
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.section-title::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background: #afa9ec;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.question-block {
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.q-header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 12px;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.q-num {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
background: #eeeffe;
|
||||
border: 1px solid #afa9ec;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #3c3489;
|
||||
flex-shrink: 0;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.q-text {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--color-text-primary);
|
||||
line-height: 1.55;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.q-hint {
|
||||
font-size: 11.5px;
|
||||
color: var(--color-text-secondary);
|
||||
font-style: italic;
|
||||
line-height: 1.5;
|
||||
margin-left: 36px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.write-area {
|
||||
border: 0.5px solid var(--color-border-secondary);
|
||||
border-radius: var(--border-radius-md);
|
||||
background: var(--color-background-primary);
|
||||
width: 100%;
|
||||
font-family: "Source Serif 4", serif;
|
||||
font-size: 13px;
|
||||
color: var(--color-text-primary);
|
||||
padding: 10px 14px;
|
||||
resize: vertical;
|
||||
outline: none;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.write-area:focus {
|
||||
border-color: #534ab7;
|
||||
box-shadow: 0 0 0 3px rgba(83, 74, 183, 0.08);
|
||||
}
|
||||
|
||||
.write-area::placeholder {
|
||||
color: var(--color-text-tertiary);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.uf-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
margin-left: 36px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.uf-card {
|
||||
background: var(--color-background-secondary);
|
||||
border: 0.5px solid var(--color-border-tertiary);
|
||||
border-radius: var(--border-radius-md);
|
||||
padding: 10px 12px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.uf-check {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1.5px solid var(--color-border-secondary);
|
||||
border-radius: 3px;
|
||||
flex-shrink: 0;
|
||||
margin-top: 1px;
|
||||
cursor: pointer;
|
||||
accent-color: #534ab7;
|
||||
}
|
||||
|
||||
.uf-label {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.uf-name {
|
||||
font-size: 11.5px;
|
||||
color: var(--color-text-primary);
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.two-col-areas {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 12px;
|
||||
margin-left: 36px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mini-area-wrap {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mini-label {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 9px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
.divider {
|
||||
border: none;
|
||||
border-top: 0.5px solid var(--color-border-tertiary);
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
.level-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-left: 36px;
|
||||
margin-bottom: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.level-opt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.level-opt input[type="radio"] {
|
||||
accent-color: #534ab7;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.level-opt span {
|
||||
font-size: 12.5px;
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
.footer-strip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid var(--color-border-secondary);
|
||||
padding-top: 1rem;
|
||||
margin-top: 2rem;
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.footer-note {
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
color: var(--color-text-secondary);
|
||||
flex: 1;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.print-btn {
|
||||
font-family: "Syne", sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
background: #eeeffe;
|
||||
border: 0.5px solid #afa9ec;
|
||||
border-radius: 6px;
|
||||
color: #3c3489;
|
||||
padding: 6px 14px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.print-btn:hover {
|
||||
background: #e0defb;
|
||||
}
|
||||
|
||||
.reminder-box {
|
||||
background: #faeeda;
|
||||
border: 0.5px solid #ef9f27;
|
||||
border-radius: var(--border-radius-md);
|
||||
padding: 10px 14px;
|
||||
margin-bottom: 1.75rem;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.reminder-box i {
|
||||
color: #854f0b;
|
||||
font-size: 16px;
|
||||
flex-shrink: 0;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.reminder-box p {
|
||||
font-size: 12.5px;
|
||||
color: #633806;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.reminder-box strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="fiche">
|
||||
<h2
|
||||
class="sr-only"
|
||||
style="
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
"
|
||||
>
|
||||
Fiche classe inversée — Mercredi 1, Posture et architecture pédagogique, à
|
||||
compléter avant la séance
|
||||
</h2>
|
||||
|
||||
<div class="fiche-header">
|
||||
<div>
|
||||
<div class="fiche-kicker">
|
||||
Formation de formateurs IA-PRO · Classe inversée
|
||||
</div>
|
||||
<div class="fiche-title">
|
||||
Fiche de préparation<br />Mercredi 1 — Posture & architecture
|
||||
pédagogique
|
||||
</div>
|
||||
</div>
|
||||
<div class="fiche-badge">
|
||||
<div class="badge-top">Durée estimée</div>
|
||||
<div class="badge-bottom">~45 min</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="identity-row">
|
||||
<div class="id-field">
|
||||
<span class="field-label">Prénom & nom</span>
|
||||
<input class="field-line" type="text" placeholder="Votre nom" />
|
||||
</div>
|
||||
<div class="id-field">
|
||||
<span class="field-label">Date de la séance</span>
|
||||
<input class="field-line" type="text" placeholder="Mercredi __/__/____" />
|
||||
</div>
|
||||
<div class="id-field">
|
||||
<span class="field-label">Complétée le</span>
|
||||
<input class="field-line" type="text" placeholder="__/__/____" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="intro-block">
|
||||
<p>
|
||||
Avant la séance, lisez le scénario IA-PRO en mode « parcours
|
||||
rapide » : parcourez les 5 UF, les chapitres, les méthodes et les
|
||||
durées. Complétez ensuite cette fiche. Elle sera le point de départ du
|
||||
débrief collectif en séance.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="reminder-box" aria-label="Conseil de lecture">
|
||||
<i class="ti ti-book" aria-hidden="true"></i>
|
||||
<p>
|
||||
<strong>Mode lecture rapide :</strong> vous n'avez pas besoin de tout lire
|
||||
en détail. L'objectif est d'arriver en séance avec une première
|
||||
représentation mentale de la structure de la formation — pas d'en être
|
||||
expert.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="section-title">
|
||||
<i
|
||||
class="ti ti-layout-grid"
|
||||
aria-hidden="true"
|
||||
style="font-size: 14px; color: #534ab7"
|
||||
></i
|
||||
>Partie 1 — Vue d'ensemble du scénario
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">1</div>
|
||||
<div class="q-text">
|
||||
Après votre lecture rapide, quelle est votre impression générale de la
|
||||
structure de la formation IA-PRO ? Comment décririez-vous sa logique de
|
||||
progression en quelques mots ?
|
||||
</div>
|
||||
</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="3"
|
||||
placeholder="Ex. : la formation part du général (panorama IA) pour aller vers le particulier (éthique, accessibilité)…"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">2</div>
|
||||
<div class="q-text">
|
||||
Parcourez les 5 unités de formation. Pour chacune, notez en 2-3 mots ce
|
||||
qui vous semble être son intention principale.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uf-grid">
|
||||
<div class="uf-card">
|
||||
<div style="flex: 1">
|
||||
<div class="uf-label">UF1</div>
|
||||
<div class="uf-name">
|
||||
Présentation & utilisation de l'IA générative
|
||||
</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
style="margin-top: 6px"
|
||||
placeholder="Intention…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uf-card">
|
||||
<div style="flex: 1">
|
||||
<div class="uf-label">UF2</div>
|
||||
<div class="uf-name">
|
||||
Rédaction, prompt engineering, contenu visuel
|
||||
</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
style="margin-top: 6px"
|
||||
placeholder="Intention…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uf-card">
|
||||
<div style="flex: 1">
|
||||
<div class="uf-label">UF3</div>
|
||||
<div class="uf-name">Confidentialité & sécurisation des données</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
style="margin-top: 6px"
|
||||
placeholder="Intention…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uf-card">
|
||||
<div style="flex: 1">
|
||||
<div class="uf-label">UF4</div>
|
||||
<div class="uf-name">Contenus inclusifs & accessibles</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
style="margin-top: 6px"
|
||||
placeholder="Intention…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uf-card" style="margin-left: 0; margin-bottom: 8px">
|
||||
<div style="flex: 1">
|
||||
<div class="uf-label">UF5</div>
|
||||
<div class="uf-name">Éthique, impacts sociaux & études de cas</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
style="margin-top: 6px"
|
||||
placeholder="Intention…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="divider" />
|
||||
|
||||
<div class="section-title">
|
||||
<i
|
||||
class="ti ti-star"
|
||||
aria-hidden="true"
|
||||
style="font-size: 14px; color: #534ab7"
|
||||
></i
|
||||
>Partie 2 — Vos 2 séquences importantes
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">3</div>
|
||||
<div class="q-text">
|
||||
Identifiez 2 séquences de la formation IA-PRO qui vous semblent
|
||||
particulièrement importantes à maîtriser en tant que formateur. Précisez
|
||||
pourquoi.
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-col-areas">
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">Séquence 1 — Titre / UF</span>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
placeholder="Ex. : UF1 – Analyse du contexte professionnel (TP)"
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">Pourquoi elle vous semble importante</span>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
placeholder="Ex. : C'est le premier moment de personnalisation pour l'apprenant…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-col-areas">
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">Séquence 2 — Titre / UF</span>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
placeholder="Ex. : UF2 – Rédiger des prompts efficaces (Ch.1)"
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">Pourquoi elle vous semble importante</span>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
placeholder="Ex. : C'est le cœur de l'UF2 et la compétence la plus attendue…"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="divider" />
|
||||
|
||||
<div class="section-title">
|
||||
<i
|
||||
class="ti ti-help-circle"
|
||||
aria-hidden="true"
|
||||
style="font-size: 14px; color: #534ab7"
|
||||
></i
|
||||
>Partie 3 — Votre question sur la logique du scénario
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">4</div>
|
||||
<div class="q-text">
|
||||
Notez 1 question que vous vous posez sur la logique pédagogique du
|
||||
scénario — un choix que vous ne comprenez pas encore, une articulation
|
||||
qui vous paraît floue.
|
||||
</div>
|
||||
</div>
|
||||
<p class="q-hint">
|
||||
C'est cette question qui ouvrira le débrief collectif en séance. Il n'y a
|
||||
pas de mauvaise question.
|
||||
</p>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="3"
|
||||
placeholder="Ex. : Pourquoi la classe inversée est-elle utilisée dès l'UF1 et pas seulement pour les contenus avancés ?"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">5</div>
|
||||
<div class="q-text">
|
||||
Y a-t-il une méthode pédagogique utilisée dans le scénario (breakout
|
||||
rooms, classe inversée, micro-teaching, quiz…) dont vous vous demandez
|
||||
comment l'animer efficacement en visio ?
|
||||
</div>
|
||||
</div>
|
||||
<div class="two-col-areas">
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">La méthode en question</span>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
placeholder="Ex. : Les breakout rooms"
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">Ce qui vous interroge</span>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
placeholder="Ex. : Comment gérer les groupes qui avancent à des rythmes différents ?"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="divider" />
|
||||
|
||||
<div class="section-title">
|
||||
<i
|
||||
class="ti ti-mood-check"
|
||||
aria-hidden="true"
|
||||
style="font-size: 14px; color: #534ab7"
|
||||
></i
|
||||
>Partie 4 — Positionnement avant la séance
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">6</div>
|
||||
<div class="q-text">
|
||||
Comment vous sentez-vous face au fait d'animer cette formation IA-PRO ?
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-row" role="radiogroup" aria-label="Niveau de confiance">
|
||||
<label class="level-opt"
|
||||
><input type="radio" name="conf" value="1" /><span
|
||||
>Peu confiant(e)</span
|
||||
></label
|
||||
>
|
||||
<label class="level-opt"
|
||||
><input type="radio" name="conf" value="2" /><span
|
||||
>Plutôt hésitant(e)</span
|
||||
></label
|
||||
>
|
||||
<label class="level-opt"
|
||||
><input type="radio" name="conf" value="3" /><span
|
||||
>Assez à l'aise</span
|
||||
></label
|
||||
>
|
||||
<label class="level-opt"
|
||||
><input type="radio" name="conf" value="4" /><span
|
||||
>Confiant(e)</span
|
||||
></label
|
||||
>
|
||||
<label class="level-opt"
|
||||
><input type="radio" name="conf" value="5" /><span
|
||||
>Très confiant(e)</span
|
||||
></label
|
||||
>
|
||||
</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="2"
|
||||
style="margin-top: 8px"
|
||||
placeholder="Ce qui motive cette position en quelques mots (facultatif)…"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">7</div>
|
||||
<div class="q-text">
|
||||
Qu'attendez-vous de ce premier mercredi ? Qu'est-ce qui serait un vrai
|
||||
succès pour vous à l'issue de la séance ?
|
||||
</div>
|
||||
</div>
|
||||
<textarea
|
||||
class="write-area"
|
||||
rows="3"
|
||||
placeholder="Ex. : Comprendre pourquoi le scénario est construit comme ça et repartir avec une image claire de ce que je dois animer…"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<div class="footer-strip">
|
||||
<div class="footer-note">
|
||||
À apporter en séance (ou partager via le drive de formation avant le
|
||||
mercredi 1). Cette fiche est votre point d'entrée dans le débrief
|
||||
collectif.
|
||||
</div>
|
||||
<button class="print-btn" onclick="window.print()">
|
||||
<i class="ti ti-printer" aria-hidden="true"></i>Imprimer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user