G79-1 Web Development using HTML & CSS

Grades 7–9

Why This Course?

Coding is the foundational literacy of the digital age. This course teaches your child to think computationally, break down problems, and create solutions through structured, project-based programming. Explore, understand and apply the fundamentals of HTML to create web pages. A project-based approach to create and design a website with the help of HTML and CSS. * Create and maintain your websites * Layout/ Template designing using CSS * Upload and make live changes in GitHub By the end of this course, students will have built real projects and developed confidence in their ability to create with technology.

What Your Child Will Learn

Course Content

**Explore inline styling with HTML** Starting the HTML code and using inline styling with HTML elements to change the look of that element.

Adding images to your webpage and change the layout of the images using internal styling

* Adding the data in various formats * in hierarchical order * Not in a specific order * words and their descriptions * dialogue format

* To display the information in the form of a table. * Make use of rowspan and colspan

Linking all the pages created so far to give it a look of a website (binding all pages together to form a book)

Different types of media file for exploring the beauty of the place. Embedding different types of media files: * audio * video * YouTube videos

Build the navigation bar for the website. The navigation bar is the menu items of the website. Navigation bar includes: * About Myself * Travel diaries * My hobbies * My Achievements * Media files I like the most

A favicon, also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons, associated with a particular website or web page.

Making changes to the template taken for the project. Make the desired changes. Give credits to the source of information.

This ordinal shows how AI is a useful in building websites using tools like Lovable, Replit, and app.site123. * https://app.site123.com/manager/items_list.php * https://replit.com/~ * https://lovable.dev/ Students will explore how these platforms assist with design, coding, and content creation while encouraging creativity and control. Remember AI is a helping hand—not a replacement.

Design the feedback form using different input elements and this feedback will be sent to the designated email id.

Uploading the website on GitHub and explain while presenting the website to your classmates.

Ready to get started?

Book a free trial class for G79-1 Web Development using HTML & CSS and see your child build something amazing.

Book a Free Trial Class