Web Development Basics

Description:
Learn to build interactive websites using HTML, CSS, and JavaScript, covering both front-end structure and behavior.

Learning Objectives:

  • Understand how websites work

  • Create web pages using HTML

  • Style web pages with CSS

  • Make web pages interactive with JavaScript

  • Publish a website online

Detailed Content:

3.1 HTML Basics

  • Elements and tags: <html>, <head>, <body>.

  • Text formatting tags like <p>, <h1>–<h6>.

  • Links <a href="..."> and images <img>.

  • Forms for user input.

3.2 CSS Styling

  • Selectors (class, id, element).

  • Box model: margin, border, padding, content.

  • Layout with Flexbox and Grid.

  • Responsive design with media queries.

3.3 JavaScript Fundamentals

  • Variables, functions, events.

  • DOM manipulation to dynamically change content.

  • Basic event handling (clicks, form submission).

3.4 Publishing a Website

  • Using free services like GitHub Pages.

  • Understanding domains and hosting.