Web Development Course

FCA

Instructor

Falguni Shah

Category

Web Development

Course : Web Development Course

Description

Course Name : Web Development using HTML and CSS

Course Level : Beginner ( Level - 1)

Course Duration : 2.5 Months

Classes per Month : 8 Classes per Month (Total 20 Classes)

About This Course  :

By the end of this course, students will be able to create a complete basic website using HTML  and CSS

1: Introduction to HTML & Web Basics

  • What is a website & web page
  • Introduction to HTML
  • Structure of HTML document
  • First webpage creation

2: Basic Tags & Text Formatting

  • Headings (<h1>–<h6>)
  • Paragraphs <p>
  • Formatting tags (bold, italic, underline)
  • <br>, <hr>

3: Lists & Content Structuring

  • Ordered lists
  • Unordered lists
  • Nested lists

4: Links & Navigation

  • Anchor tag <a>
  • Internal vs external links
  • Navigation between pages

5: Images & Multimedia

  • Image tag <img>
  • Attributes (alt, width, height)
  • Adding videos (basic)

6: Tables

  • <table>, <tr>, <td>, <th>
  • Table structure
  • Basic styling using attributes

7: Forms – Part 1

  • Forms <form>
  • Input types (text, email, password)
  • Labels

8: Forms – Part 2

  • Radio buttons, checkboxes
  • Dropdown <select>
  • Submit/reset buttons

9: Semantic HTML & Structure

  • Semantic tags (<header>, <footer>, <section>)
  • Page structure
  • Introduction to layout

10: Introduction to CSS

  • What is CSS?
  • Types: Inline, Internal, External
  • Basic syntax
  • Colors & background

11: Selectors & Properties

  • Element, class, ID selectors
  • Text styling (font, size, color)
  • Borders & padding

12: Box Model

  • Margin, border, padding, content
  • Width & height
  • Box sizing

13: Layout Basics

  • Display property
  • Block vs inline
  • Flexbox introduction

14: Styling Forms & Tables

  • CSS for forms
  • Styling tables
  • Hover effects

15: Flexbox Deep Dive

  • Flex container & items
  • Justify-content, align-items
  • Responsive layout basics

16: Responsive Design

  • Media queries
  • Mobile-friendly design
  • Viewport concept

17: Positioning

  • Static, relative, absolute, fixed
  • Z-index
  • Layering elements

18-20: Mini Project (Guided)

  • Create a personal webpage
  • Header, content, footer
  • Apply HTML + CSS concepts