Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
16 views

Web Development With HTML & CSS

Uploaded by

ewaen.patrick300
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
16 views

Web Development With HTML & CSS

Uploaded by

ewaen.patrick300
Copyright
© © All Rights Reserved
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