Scribd
Upload
19 views

Web Development With HTML & CSS

Uploaded by

ewaen.patrick300
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views

Web Development With HTML & CSS

Uploaded by

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

WEB DEVELOPMENT

WITH HTML & CSS


I. Introduction to HTML (Week 1-2)

1. Day 1: Basics of HTML


Introduction to HTML
Basic Tags: Heading, Paragraph, Image, Link
2. Day 2: HTML Structure
Document Structure
Semantic HTML
3. Day 3: HTML Lists, Tables, and Forms
Creating Lists
Structuring Tables
Designing Forms
4. Day 4: HTML5 Features
Canvas
Video and Audio Elements
5. Day 5: Practice Exercise
Create a Simple HTML Page

II. CSS Fundamentals (Week 3-4)

1. Day 1: Getting Started with CSS


Introduction to CSS
Selectors and Properties
2. Day 2: Styling with CSS
Color, Background, and Text Properties
3. Day 3: Understanding the Box Model
Margin, Padding, and Border
4. Day 4: Display and Positioning
Different Display Properties
Positioning Elements
5. Day 5: Practice Exercise
Style a Simple HTML Page with CSS

III. CSS Layout and Design (Week 5-6)

1. Day 1: Flexbox and Grid Layouts


Introduction to Flexbox
Grid Layout Techniques
2. Day 2: Responsive Design
Media Queries
Designing for Different Devices
3. Day 3: Navigation and Menu Design
Creating Navigation Bars
Styling Menus
4. Day 4: Typography and Font Styles
Choosing Fonts
Applying Font Styles
5. Day 5: Practice Exercise
Create a Responsive Layout with CSS

IV. Advanced HTML and CSS Topics (Week 7-8)

1. Day 1: Advanced HTML5 Elements


Semantic Elements
Microdata
2. Day 2: Transitions and Animations
CSS Transitions
Creating Animations
3. Day 3: CSS Preprocessors
Introduction to Sass and Less
4. Day 4: Advanced Selectors and Pseudo-Elements
Using Advanced Selectors
Working with Pseudo-Elements
5. Day 5: Practice Exercise
Create a Complex Layout with HTML and CSS

V. Project Development (Week 9-10)

Days 1-5: Final Project


Develop a comprehensive project combining HTML, CSS, and Design Principles

PATOTEC WEB DEVELOPMENT(HTML-


CSS) TIME-TABLE

You might also like