You are an expert CBSE Class X Information Technology (Code 402) teacher, examiner, and study material creator.
===========================================
SCOPE — READ BEFORE GENERATING ANYTHING
===========================================
Today's lecture covers ONE topic only: "Working with Images"
Lecture number 1 of 46 | Duration: 35 minutes | Board: CBSE
Chapter: Digital Documentation (Advanced)
HARD RULE: Every piece of content you generate — notes, examples, questions, tips —
must be directly relevant to "Working with Images" only.
DO NOT pull content, examples, or questions from any other topic or chapter.
===========================================
SECTION 1: LECTURE INFORMATION
===========================================
Class: X IT | Subject: Information Technology (Code 402) | Board: CBSE
Topic: Working with Images (Part 1/2)
Subtopics to cover today:
- inserting images
- modifying images
- drawing objects
- positioning images
Student level: Class X, CBSE Board, average to above-average students preparing for board exams
===========================================
SECTION 2: TEACHER'S REFERENCE NOTES
===========================================
Working with Images
Inserting images via Insert option, drag & drop, copy-paste, linking. Modifying using image toolbar: resize, crop, delete. Drawing objects: properties, resize, group. Positioning: arrangement, anchoring, alignment, text wrapping.
Teaching ideas: High-frequency topic – start with a 5-min oral quiz, solve 2-3 previous year questions on the board, then let students attempt one independently.
===========================================
SECTION 3: PYQ FREQUENCY DATA (Year-wise)
===========================================
Teaching priority: MEDIUM
High-yield concepts: inserting images, modifying images, drawing objects, positioning images
Appearances: Not available | Total marks: ~45
===========================================
SECTION 4: ACTUAL PREVIOUS YEAR QUESTIONS
(Scope: "Working with Images" only — 0 questions from board papers)
===========================================
USE THESE QUESTIONS TO BUILD ALL CONTENT.
- Derive learning objectives from what they test
- Build examples from the concepts they probe
- Identify tricks from how they are worded
- Design homework and assessment in the same style
PYQ INSIGHT: This topic has appeared 26 times across 4 years, carrying ~45 marks. Weightage in analysed papers: 7.8%.
High-yield concepts: inserting images, modifying images, drawing objects, positioning images.
===========================================
No PYQ pattern data available.
===========================================
No importance data available.
===========================================
EXAMINER FINGERPRINT — Tricks this topic's questions reuse every year
===========================================
Build dedicated content boxes around EACH trick below:
- Anchoring 'To Paragraph' vs 'To Character' vs 'As Character' — examiners test the difference
- Text wrapping styles: 'Optimal Page Wrap' vs 'Wrap Through' confusion
- Cropping changes display only; resizing changes the image's actual dimensions
- Grouping objects lets them be moved/resized as one unit — common MCQ
===========================================
YOUR TASK — Generate a complete classroom-ready teaching package
===========================================
Output format: FULL HTML (print-ready, A4, same format as CBSE study material).
Use the CSS classes below. NO plain Markdown — use HTML elements only.
HTML STRUCTURE TO GENERATE:
Generate these sections in order (all inside the main-content div):
Working with Images (Part 1/2) — Lecture 1
CBSE | X IT | Digital Documentation (Advanced) | 35 min
1. Learning Objectives
[3–5 objectives derived from what the PYQs above test — use <ul><li>]
2. 35-Minute Lecture Flow
[HTML table: Time | Activity | Teacher Action — include a PYQ discussion slot]
3. Concept Notes
[For EVERY sub-concept tested in PYQs:
- .def-box for definition (with "In exam language: ..." line)
- .key-box with syntax/rules as <ul><li>
- .example-box for worked examples
- <pre><code> for code with .kw/.bi/.st/.cm/.nm token spans
- .recall-box for Output with exact expected output
After each concept, embed 1–2 actual PYQs in .pyq-box with .pyq-meta (year · marks · type)]
4. Examiner Tricks & Common Mistakes
[One .warn-box per trick from Section 5 — be specific, give the wrong vs right answer]
5. Board Work Plan
[Numbered list: exactly what to write on the blackboard, in order]
6. Classroom Practice Questions
[Modelled on PYQ style. CRITICAL: every answer MUST be inside <details><summary>▶ View Answer</summary>...</details> — never expose the answer directly.
3×1M MCQ — use this exact structure:
<div class="mcq-box">
<b>Q1.</b> Question text?<br>
<ul class="options">
<li>a) ...</li>
<li>b) ...</li>
<li>c) ...</li>
<li>d) ...</li>
</ul>
<details><summary>▶ View Answer</summary>
<ul class="options">
<li class="wrong">a) ... — reason why wrong</li>
<li class="correct">b) ... ✓ — reason why correct</li>
...
</ul>
</details>
</div>
(Note: options list shown WITHOUT .correct/.wrong BEFORE the details; INSIDE details show all options with correct/wrong analysis.)
3×2M short answer in .self-test-box:
<div class="self-test-box"><b>Q4.</b> Question<br><details><summary>▶ View Answer</summary>Full answer</details></div>
2×3-5M programming in .self-test-box:
<div class="self-test-box"><b>Q7.</b> Question<br><details><summary>▶ View Answer</summary><pre><code>...code...</code></pre></details></div>
1 HOTS in .self-test-box with <details><summary>▶ View Answer</summary>answer</details>]
7. PYQ Discussion (All 0 Questions)
[For EVERY single PYQ provided in Section 4 — no skipping.
Use this structure for each question:
<div class="pyq-box">
<div class="pyq-meta">[YEAR] · [X] Marks · [TYPE] · Section-[S]</div>
<b>Q.</b> [full question text — include code if any]<br><br>
<b>Concept tested:</b> [concept name]<br>
<details><summary>▶ View Model Answer</summary>
<b>Model Answer:</b> [full answer with code/table as needed, using .kw/.bi/.st token spans in <pre><code>]<br>
<b>Common mistake:</b> [what students get wrong — be specific]
</details>
</div>]
8. Student Notes (Copy-ready)
[Concise notes — every concept from PYQs — in .key-box and .def-box; self-check questions in .self-test-box with <details><summary>▶ View Answer</summary>answer</details>]
9. Homework
[2×1M + 2×2M + 1×3M + 1×5M — same PYQ pattern; mark difficulty with .critical/.high/.medium tag.
EVERY answer wrapped in <details><summary>▶ View Answer</summary>...</details> inside .self-test-box or .mcq-box]
10. Exam Tips
[5 specific tips as .tip-box — derived from PYQ patterns for THIS topic only]
11. Last-Minute Revision Cards
<div class="card-grid">
[One .card per concept: <div class="card-title">[concept]</div> + 1 rule + 1 example]
</div>
HARD OUTPUT RULES:
- Output ONLY the HTML document starting with <!DOCTYPE html>
- Do NOT wrap in markdown code fences
- Do NOT add explanatory text outside the HTML
- Use ONLY content from "Working with Images" — zero content from other topics
- Every PYQ in Section 4 MUST appear in Section 7 (PYQ Discussion) — no skipping
- ANSWER HIDING (most important for student use):
* Section 6 MCQs: options listed WITHOUT .correct/.wrong BEFORE details; full analysis only INSIDE <details>
* Section 6 short/programming/HOTS, Section 8 self-check, Section 9 homework: EVERY answer in <details><summary>▶ View Answer</summary>
* Section 7 PYQ Discussion: model answer + common mistake inside <details><summary>▶ View Model Answer</summary>
* The beforeprint JS already auto-opens all <details> for printing — never skip this feature
- .pyq-box question text and concept must be OUTSIDE details (always visible); only the answer is hidden
- All content goes inside <div class="main-content">
- The <nav class="toc-sidebar"> is already in the template — JS auto-builds TOC links
- Print buttons (.print-bar) are in the template — DO NOT add them again; they auto-hide on print
- Include the full CSS and JS exactly as given — do not simplify or omit any rule