Scribd
Upload
5 views3 pages

Web Development Milestone Plan Jss & Sss

The document outlines a milestone plan for web development education, divided into Junior and Senior Secondary sessions. Each session covers essential topics in HTML, CSS, and JavaScript, with specific activities aimed at creating and enhancing personal web pages. The final projects culminate in a showcase of the integrated skills learned throughout the sessions.

Uploaded by

isrealadeniyi58
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views3 pages

Web Development Milestone Plan Jss & Sss

The document outlines a milestone plan for web development education, divided into Junior and Senior Secondary sessions. Each session covers essential topics in HTML, CSS, and JavaScript, with specific activities aimed at creating and enhancing personal web pages. The final projects culminate in a showcase of the integrated skills learned throughout the sessions.

Uploaded by

isrealadeniyi58
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Web Development Milestone Plan Jss & Sss

Junior Secondary Milestone Plan

Session 1: HTML Basics

Topics Covered:

 Basic computer orientation.

 HTML structure: <html>, <head>, <body>, headings, paragraphs, images.

Activity:

 Create an "About Me" page with a heading, a short paragraph, and an image.

Outcome:

 A simple HTML page introducing the student.

Session 2: CSS Styling

Topics Covered:

 What CSS is and how it works with HTML.

 Basic styling: colors, fonts, margins, and padding.

Activity:

 Enhance the "About Me" page by linking a CSS file (or using an embedded <style> block) to
adjust colors, fonts, and layout.

Outcome:

 A visually enhanced webpage.

Session 3: JavaScript Interactivity

Topics Covered:

 Introduction to JavaScript and its role on web pages.

 Adding a script and basic event handling.

Activity:

 Add a button to the "About Me" page that displays a greeting (e.g., via an alert) or changes an
element’s background color when clicked.

Outcome:
 A simple interactive feature integrated into the page.

Session 4: Final Project & Showcase

Topics Covered:

 Integrating HTML, CSS, and JavaScript.

 Debugging and final touches.

Activity:

 Finalize the personal "About Me" webpage with any additional features.

 Prepare a brief presentation to showcase the project.

Outcome:

 A completed, integrated webpage ready to be shared with family and friends.

Senior Secondary Milestone Plan

Session 1: HTML Fundamentals

Topics Covered:

 Basic HTML structure, including semantic elements.

 Incorporating multimedia (images, links).

Activity:

 Build a personal profile page that includes your name, a short introduction, and an image.

Outcome:

 A functional HTML profile page.

Session 2: CSS Advanced Styling

Topics Covered:

 Advanced CSS styling techniques (simple layouts, color schemes).

 Introduction to layout basics.

Activity:

 Apply CSS to the profile page, experimenting with colors, fonts, and spacing.

Outcome:
 A neatly styled and visually appealing profile page.

Session 3: JavaScript Interactivity

Topics Covered:

 Basic JavaScript concepts: adding scripts and handling events.

 Introduction to simple DOM manipulation.

Activity:

 Enhance the profile page by adding a button that, when clicked, displays a greeting or changes
the page’s color.

Outcome:

 A profile page with a basic interactive feature.

Session 4: Final Project & Showcase

Topics Covered:

 Bringing together HTML, CSS, and JavaScript.

 Final debugging and polishing.

Activity:

 Finalize the personal profile page, optionally adding extra features.

 Present the project in a brief class showcase.

Outcome:

 A complete, integrated website that demonstrates basic web development skills.

You might also like