Web Development Essentials (beginner to intermediate)
this course: Learn to create website layouts with HTML and CSS, code your own CV, portfolio, event, and content websites. Explore various web development concepts and apply them to create stunning websites. From basic HTML tags to different CSS styling techniques, backgrounds, navigation, buttons, audio/video embedding, and responsive design, this course covers it all. Get hands-on experience with sample websites and access resources for reference. Perfect for those who already have a basic understanding of HTML and CSS.
What you’ll learn
- Learn to create website layouts with html and css only
- Learn to code one’s own curriculum vitae,portfolio,event and content websites
- Learn to apply Web development concepts for a website creation
Featured here in this course
– A quick brush up section that contains explanation about
– Basic Html tags used in the course
-Different types of CSS styling (Inline,Internal,External)with examples
-Different ways of applying style properties(Tag ,Id selector,Class selector)with examples
–Background: Different types of backgrounds explained (Simple,Partition,Fixed,Changing)
–Navigation: Different types of navigation explained(Text,image,button,navigation with co-ordinates)
–Button: Explanation on
-How to design a simple button to animated button,
-How to apply different style properties for a button,
-How to get code from button generators online,
-How to design a vertical and horizontal navigation bar with button properties
–Audio and video: Explanation on
-How to include audio and video files
-How to include background music and background video
-Video background Explained
Embedding features: Explanation on
-How to embed essential widgets (For ex: Clock, Calendar,Weather,Calculator,Dictionary etc.,)
-How to link external website
-How to add text animations
-How to embed pdf and maps
Website Layout: Explained
-Logo Positioning
-Div styling
-Div Positioning
Responsive Design:
Explained View port elements and ways to create website that fit to different display size.
Sample Website 1: Curriculum vitae website
Sample Website 2: Portfolio website
Sample Website 3: Event Website
Sample Website 4: Text animated website
Resources:
Copies of all the code used during the session has been uploaded for reference.
Who this course is for:
- People who already know the basic concepts of HTML and CSS
User Reviews
Be the first to review “Web Development Essentials (beginner to intermediate)”
You must be logged in to post a review.
There are no reviews yet.