Students join a two week one to one web development journey learning to build websites using HTML for structure and CSS for styling. They create pages with text, images, links, layouts, colors, and forms while learning responsive and clean design. With mentor guidance they finish a portfolio ready site and gain skills, confidence, and eligibility for advanced web learning.
In this 2-week 1:1 immersive journey of 2 hours per day, students dive into building web pages from scratch using HTML for structure and CSS for styling.Guided by a YoungGates Mentor, learners get hands-on experience creating interactive, visually appealing websites, while understanding best practices in web design and development.By the end of Module 1, students will build their first portfolio-ready website, learning to combine creativity with coding logic.
What Students Will Learn
HTML Basics: Structure pages using headings, paragraphs, links, images, lists
CSS Fundamentals: Style text, layouts, colors, backgrounds, and borders
Responsive Design: Make web pages adapt to different screen sizes using basic CSS techniques
Box Model & Layouts: Understand padding, margin, borders, and element positioning
Interactive Elements: Add buttons, hover effects, and simple forms
Web Project Workflow: Plan, build, and deploy a simple static websiteMentors ensure concepts are learned by doing, not just reading — making every lesson hands-on and engaging.
Week-by-Week BreakdownWeek 1 –
“Building Your First Web Page”• Learn HTML structure and tags• Add text, headings, lists, links, and images• Practice by creating a simple personal webpage
Mini Projects:1 My Portfolio Page — Build a page introducing yourself2 Photo Gallery — Display images in a grid layout using HTML3 Link Your Pages — Connect multiple pages with navigation links
Mentor Role:Mentors guide live coding sessions, provide personalized feedback, and explain best practices for structuring HTML efficiently.
Week 2 – “Styling & Layout with CSS”• Learn CSS basics: colors, fonts, borders, backgrounds, and spacing• Explore the box model and element positioning• Make pages visually appealing with hover effects and interactive elements
Mini Projects:
1 Styled Portfolio — Enhance your HTML pages with CSS styling
2 Interactive Gallery — Add hover effects and transitions to images
3 Contact Form Page — Build a functional form with basic styling
Mentor Role:Mentors encourage creative experimentation, help debug CSS issues, and guide students to make visually appealing websites that stand out.Project Showcase (End of Module 1)Students present their complete portfolio website, demonstrating structure, style, and interactivity.Parents can view live websites, see their teen explain design choices, and celebrate their first real web development project.
Outcome & CertificationAt the end of Module 1, students earn: YoungGates Certified Web Explorer (HTML & CSS) Personalized Mentor Feedback Report Star Rating & Eligibility for Level 2 – Web Developer Creator
Mentorship Promise“We don’t just teach code — we teach creativity and confidence on the web.”Each learner receives:• 1:1 mentor guidance for every mini-project• Daily check-ins and challenge reviews• Hands-on exercises to encourage independent experimentation• Motivation to continue building real-world websites
Recently Updated
Recently Updated