Build Responsive Websites with HTML5 and CSS3 - eLearning
450,00 EUR
- 20 hours
Build a strong foundation in modern web development with HTML5 and CSS3—the core technologies behind every website on the internet. This course is designed to help you create visually appealing, responsive, and user-friendly web pages from scratch. You’ll start with the basics of HTML structure and gradually move into advanced styling techniques using CSS3, including Flexbox, Grid, animations, and responsive design principles. Through hands-on practice and real-world projects, you’ll learn how to design and build professional-quality websites that work seamlessly across devices.
Key Features
Language
Course and material in English
Level
Beginner-Intermediate level
Access
1 Year access to the learning platform
7+ Hours of On-Demand Videos
with 20+ hours study time recommended
34 Guided Hands-On Exercises
8 Auto-Graded Assessments
3 Assignments
with 60 Recall Quizzes
Certification
Program completion certification included
Learning Outcomes
At the end of this Course, you will be able to:
Types
Understand different types of HTML input elements and how to use them to build interactive web forms
Validate
Learn how to validate form inputs using HTML to improve data accuracy and user experience
Tags
Structure web content effectively using semantic HTML tags for better readability and accessibility
CSS
Apply CSS styles in a cascading manner to control how rules are prioritized and displayed across a webpage
Pseudo
Use CSS pseudo-elements to enhance design and add styling effects without extra HTML markup
Flexbox
Work with Flexbox to create flexible, responsive layouts and efficiently manage alignment and spacing of elements
Course timeline
Introduction to Web Development
Lesson 01
- What is HTML
- What is CSS
- Setting up the Environment
- Hello World!
- Using VS Code with Live Reload
- Using Emmet and Online Tools
- Using Chrome Developer Tools
Introduction to HTML
Lesson 02
- HTML Elements and Tags
- Singular and Paired Tags
- Structure of an HTML Page
- Heading and Paragraph Tags
- Attributes in HTML
- Images
- Links - Internal and External
- Lists
- Tables
- The Style Attribute
- Colors in HTML
- HTML5 Semantic Tags
- HTML5 Audio and Video Tags
- Basic HTML Tags and Attributes
- Image Tag and Attributes
- Links - Internal and External
- Lists - Ordered and Unordered
- Tables in HTML
- The Style Attribute
- Colors in HTML
- HTML5 Semantic Elements
- HTML Audio and Video Elements
Forms and Inputs
Lesson 03
- The Form Tag
- Using the Label Tag
- HTML Input Tag
- Select and TextArea
- Buttons
- Datalist
- Building a Contact Form
- Simple Form Element
- Labels and Inputs
- Basic HTML Tags and Attributes
- Selects and Options
- Email, Password Inputs, and Buttons
- Datalists in HTML
Introduction to CSS
Lesson 04
- Using the Style Tag
- Targeting HTML Elements
- Targeting Nested HTML Elements
- Using External Stylesheets
- Overriding CSS Styles
- Common CSS Properties
- CSS Units
- The CSS Box Model
- More CSS Properties
- CSS Pseudo-Classes
- Using the Style Element
- Targeting HTML Elements in CSS
- Targeting Nested HTML Elements
- Using External Stylesheets
- Styling Using External Stylesheets
Advanced CSS
Lesson 05
- CSS Positioning - Static, Relative and Absolute
- CSS Positioning - Fixed and Sticky
- CSS Pseudo-Elements ::Before and ::After
- CSS Variables
- Custom Fonts in CSS
- Importing External Stylesheets
Transitions and Animations
Lesson 06
- What are CSS Transitions
- Basic Transitions and CSS Properties
- CSS Animations and Properties
- Defining Keyframes
Responsive Web Design
Lesson 07
- Media Queries
- What is CSS Flexbox
- Creating Rows and Columns
- More Flexbox Properties
- What is CSS Grid Layout
- Rows and Columns in Grid
- Allocating Cells
- Grid Template Areas
- Building a Responsive Image Gallery
- Media Queries
- CSS Flexbox Properties
- Advanced Flexbox Properties
- CSS Grid
- CSS Grid Properties
- Grid Areas in CSS Grid
Who Should Enroll in This Program?
Prerequisites
No prior programming experience required. Interest in web design and development is needed
Aspiring web developers
Beginners in front-end development
UI/UX designers who want to code their designs
Anyone interested in building websites from scratch
Statements
Licensing and accreditation
This course is offered according to Partner Program Agreement and complies with the License Agreement requirements
Equity Policy
Candidates are encouraged to reach out to AVC for guidance and support throughout the accommodation process.
Frequently Asked Questions
Need corporate solutions or LMS integration?
Didn't find the course or program which would work for your business? Need LMS integration? Write us, we will solve everything!