What a filled-in plan shows that a blank one can’t
Lesson plan templates come in daily, weekly, monthly and unit versions, often sorted by subject and grade. The sample below is a single daily lesson, the level where minute-by-minute detail earns its space. The teacher, school and class are invented; the fractions are real.
Three choices in it are worth copying. The objective names something you can watch students do—compare two fractions and explain why with a strip drawing—instead of “understand fractions.” The schedule gives one column to what you do and one to what students do, so a stretch where only you are talking stands out. And the times add up to exactly 45 minutes, the fastest check that a plan fits the period.
The lesson ends with a three-question exit ticket, answers included. On the page version it’s a self-check that explains each answer. It doesn’t save or send anything, so if you track scores, collect them the way you already do.
<!doctype html><html lang="en"><head><meta name="nos-demo-layout" content="responsive-lab"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Comparing Fractions With Fraction Strips</title><style>*{box-sizing:border-box}body{margin:0;background:#f2f4ef;color:#172d2b;font:17px/1.8 system-ui,sans-serif}main{max-width:920px;margin:auto;padding:48px 24px}header{padding:32px;background:#163e34;color:#fff;border-radius:24px;margin-bottom:32px}.tag{color:#d2f637;font-size:12px;letter-spacing:2px}h1{font-size:clamp(30px,5vw,46px);line-height:1.16;letter-spacing:-1px}h2{line-height:1.3;margin-top:38px}p{margin:0 0 20px}section{min-width:0}.sample{border:1px solid #d4dbcd;background:#fff;border-radius:22px;padding:28px;margin:32px 0;box-shadow:0 16px 40px #17392c0a}.sample h2{margin-top:10px}.kicker{font-size:12px;letter-spacing:2px;color:#537b66}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{border:1px solid #dbe2d6;background:#f6f8f2;padding:20px;border-radius:14px}.card h3{margin-top:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #dee4d8;padding:13px;vertical-align:top}th{background:#f0f5e8}.table-wrap{overflow:auto}button{background:#d2f637;color:#203a22;border:0;border-radius:9px;padding:12px 18px;font:600 14px system-ui;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#182e29;color:#edf4df;padding:24px;border-radius:16px;font:14px/1.8 monospace}a{color:#245d50}label{display:block;margin:10px 0}[contenteditable]{outline-offset:4px}.note{color:#647166;font-size:13px}.status{font-size:13px;color:#526446}.timeline{border-left:3px solid #b3ce62;padding-left:24px}.timeline>div{margin:16px 0}@media(max-width:600px){main{padding:22px 14px}header,.sample{padding:22px}body{font-size:16px}.grid{grid-template-columns:1fr}}</style></head><body><main><div class="sample"><div class="kicker">Sample lesson plan · fictional class</div><h2 contenteditable="true">Comparing Fractions With Fraction Strips</h2><p contenteditable="true">Grade 4 math · 45 minutes · Room 12, Maple Creek Elementary · Teacher: D. Alvarez (school, teacher and class are fictional)</p><p class="note">Fictional sample. You can try editing its text here; these preview edits are temporary.</p><section><h3>Objective</h3><p contenteditable="true">Students will compare two fractions that share a numerator or a denominator, record the comparison with >, < or =, and explain it with a fraction-strip drawing.</p><p contenteditable="true">Today’s strips: halves, thirds, fourths, fifths, sixths and eighths, all cut from paper of the same length so the pieces can be compared directly.</p></section><section><h3>Lesson sequence</h3><div class="table-wrap"><table><thead><tr><th>Time</th><th>What I do</th><th>What students do</th></tr></thead><tbody><tr><td contenteditable="true">0–5</td><td contenteditable="true">Hold up 1/2 and 1/4 of the same paper strip and ask which piece is bigger.</td><td contenteditable="true">Write an answer on whiteboards and hold them up.</td></tr><tr><td contenteditable="true">5–15</td><td contenteditable="true">Model folding along the prepared guides into halves, thirds, fourths, fifths, sixths and eighths; label each part.</td><td contenteditable="true">Fold and label their own six strips.</td></tr><tr><td contenteditable="true">15–30</td><td contenteditable="true">Circulate and ask pairs, “How does your strip show that?”</td><td contenteditable="true">In pairs, compare 3/4 and 3/8, 2/6 and 5/6, 1/3 and 1/6; record each with >, < or =.</td></tr><tr><td contenteditable="true">30–38</td><td contenteditable="true">Pick two pairs who used different strategies to present.</td><td contenteditable="true">Explain one comparison using their strips.</td></tr><tr><td contenteditable="true">38–45</td><td contenteditable="true">Hand out the exit ticket and collect it.</td><td contenteditable="true">Answer three comparisons on their own.</td></tr></tbody></table></div></section><section><h3>Quick check during pair work</h3><div class="table-wrap"><table><thead><tr><th>Level</th><th>What it looks like</th></tr></thead><tbody><tr><td contenteditable="true">Got it</td><td contenteditable="true">Correct sign and a drawing that shows why</td></tr><tr><td contenteditable="true">Almost</td><td contenteditable="true">Correct sign, but the drawing is missing or doesn’t match</td></tr><tr><td contenteditable="true">Not yet</td><td contenteditable="true">Incorrect sign</td></tr></tbody></table></div></section><section><h3>Materials</h3><label><input type="checkbox"> 168 paper strips of equal length (6 per student, 28 students), prepared with folding guides</label><label><input type="checkbox"> Mini whiteboards and dry-erase markers</label><label><input type="checkbox"> Pair-work recording sheet, one per pair</label><label><input type="checkbox"> Exit tickets, one per student</label><label><input type="checkbox"> Sentence-frame cards for pairs who want them</label></section><section><h3>Supports and extensions</h3><div class="grid"><div class="card"><h3 contenteditable="true">Needs more support</h3><p contenteditable="true">Start with halves and fourths only, and hand out pre-folded strips.</p></div><div class="card"><h3 contenteditable="true">Sentence frame</h3><p contenteditable="true">“___ is greater than ___ because the pieces are ___.”</p></div><div class="card"><h3 contenteditable="true">Ready for more</h3><p contenteditable="true">Compare 2/3 and 3/4 with strips and explain which is greater and why.</p></div></div></section><section><h3>Try the questions</h3><fieldset><legend>Exit ticket 1: Compare 2/3 and 2/5.</legend><label><input type="radio" name="q0" value="0"> 2/3 > 2/5</label><label><input type="radio" name="q0" value="1"> 2/3 < 2/5</label><label><input type="radio" name="q0" value="2"> 2/3 = 2/5</label><p id="answer-0" hidden>Both have 2 pieces, but thirds are bigger pieces than fifths, so 2/3 is greater.</p></fieldset><fieldset><legend>Exit ticket 2: Compare 4/8 and 7/8.</legend><label><input type="radio" name="q1" value="0"> 4/8 > 7/8</label><label><input type="radio" name="q1" value="1"> 4/8 < 7/8</label><label><input type="radio" name="q1" value="2"> 4/8 = 7/8</label><p id="answer-1" hidden>The pieces are the same size (eighths), and 4 pieces is fewer than 7, so 4/8 is less.</p></fieldset><fieldset><legend>Exit ticket 3: Compare 1/8 and 1/4.</legend><label><input type="radio" name="q2" value="0"> 1/8 > 1/4</label><label><input type="radio" name="q2" value="1"> 1/8 < 1/4</label><label><input type="radio" name="q2" value="2"> 1/8 = 1/4</label><p id="answer-2" hidden>Each is one piece, but an eighth is half the size of a fourth, so 1/8 is less.</p></fieldset><button id="check-answers">Check answers</button><p id="score" role="status"></p></section></div><script>const questions=[{"question":"Exit ticket 1: Compare 2/3 and 2/5.","options":["2/3 > 2/5","2/3 \u003c 2/5","2/3 = 2/5"],"correct":0,"explanation":"Both have 2 pieces, but thirds are bigger pieces than fifths, so 2/3 is greater."},{"question":"Exit ticket 2: Compare 4/8 and 7/8.","options":["4/8 > 7/8","4/8 \u003c 7/8","4/8 = 7/8"],"correct":1,"explanation":"The pieces are the same size (eighths), and 4 pieces is fewer than 7, so 4/8 is less."},{"question":"Exit ticket 3: Compare 1/8 and 1/4.","options":["1/8 > 1/4","1/8 \u003c 1/4","1/8 = 1/4"],"correct":1,"explanation":"Each is one piece, but an eighth is half the size of a fourth, so 1/8 is less."}];const check=document.getElementById('check-answers');if(check)check.addEventListener('click',()=>{let n=0;questions.forEach((q,i)=>{const v=document.querySelector('input[name="q'+i+'"]:checked');if(v&&Number(v.value)===q.correct)n++;document.getElementById('answer-'+i).hidden=false;});document.getElementById('score').textContent=n+' / '+questions.length+' correct';});</script></main></body></html>
Printable form, designed template or web page
None of these is the wrong choice. A Word, Google Docs or PDF form is easy to print and write on, and if your school, district or teacher-prep program asks for plans on its own form or as a file, that’s what you hand in.
If a template gives every lesson the same-sized boxes, you may need to adjust the layout to fit your actual steps.
A page built in HTML—the format a web browser displays—can stretch to fit the lesson, reflow on the phone or tablet you carry around the room, and hold small interactive pieces like the exit ticket. Treat it as the working copy for you and the adults in your room, not a substitute for a required submission.
Whichever you pick, write the “how will I know” part in terms you can check. Guidance on rubrics warns against vague criteria such as “interesting” or “creative” and asks that each level read clearly different from the next. That’s why the sample’s quick check says “correct sign and a drawing that shows why” rather than “good understanding.”
Make your own version with AI (optional)
You bring the facts: grade, topic, length, your objective, the materials you actually have, your steps with rough times, and exit questions with their answers. The AI’s job is the layout. Don’t let it fill gaps with made-up standards codes, student data or activities you didn’t choose; the prompt tells it to mark anything missing as [TO ADD] instead.
Paste the prompt into whichever AI tool you already use and replace every bracket. It asks for one HTML file with no outside services, a schedule that stacks cleanly on a narrow phone screen, and buttons you can use from a keyboard. Before teaching from the result, check three things yourself: the times still add up, every exit-ticket answer is right, and nothing appears that you didn’t write.
Teaching from it, and fixing it before second period
Say your co-teacher runs the pair work at the back table and wants the plan on a tablet. You keep the page in NOS and send them its share link; they can open it without creating an account.
First period runs long: pairs need twenty minutes, not fifteen. Between classes you click into the schedule and type the new times directly on the page—pair work 15–35, share-out 35–40, exit ticket 40–45—without asking an AI to rebuild anything. Your co-teacher opens the same link they already have and sees the revised times, with no new file to send.
One limit to know: typing changes the words on the page, not how its interactive parts behave. If you rewrite an exit-ticket question, don’t count on the self-check updating to match; regenerate that piece instead.
When you teach the lesson to another section, start from that corrected page. The plan your co-teacher has in hand stays the plan you’re actually teaching.
A prompt to adapt
Build a one-page lesson plan as a single, self-contained HTML file (HTML, CSS and a little JavaScript in one file). Use no external libraries, fonts, images or network requests, and no forms, logins or data storage.
Use only the details below. If something is missing, show [TO ADD] in that spot instead of inventing it. Do not add standards codes, student names, student data or activities I haven’t listed.
Lesson details:
- Grade and subject: [GRADE] [SUBJECT]
- Lesson title: [LESSON TITLE]
- Length: [TOTAL MINUTES] minutes
- Objective (what students will be able to do): [OBJECTIVE]
- How I’ll know they got it, in three levels: Got it = [DESCRIPTION]; Almost = [DESCRIPTION]; Not yet = [DESCRIPTION]
- Materials I have, with quantities: [MATERIALS]
- Steps, each with start–end minutes, what I do, what students do: [STEP 1], [STEP 2], [STEP 3] …
- Supports and extensions: [SUPPORTS AND EXTENSIONS]
- Exit ticket: [QUESTION], [CHOICES], [CORRECT ANSWER], [ONE-LINE REASON] for each question
Layout, in this order:
1. Header with lesson title, grade, subject and length.
2. Objective, then the three success levels as a small table.
3. Schedule table with columns Time, What I do, What students do. Check that the times add up to [TOTAL MINUTES]; if they don’t, tell me in a note after the code instead of changing my times.
4. Materials as a checklist.
5. Supports and extensions as short cards.
6. Exit ticket as a self-check: each choice is a button; after a choice, show “Correct” or “Not quite” in words plus the reason. Do not save, score or send answers.
Accessibility and mobile:
- Headings in order (one h1), a real table with header cells for the schedule, and real buttons for choices, all usable by keyboard with a visible focus outline.
- Never signal right or wrong by color alone; keep all text high-contrast against its background.
- Body text at least 16px. At 360px wide nothing scrolls sideways: the schedule becomes stacked rows that keep the Time / What I do / What students do labels.
- Add simple print styles so the plan prints cleanly in black and white.
Reply with the complete HTML file.