Modern Responsive Websites with HTML & CSS - 3 days Online Classroom
1.950,00 EUR
- 3 days
Create modern, responsive websites that deliver a seamless experience across desktops, tablets, and mobile devices with this hands-on Modern Responsive Websites with HTML & CSS course. Designed for beginners and aspiring front-end developers, this training teaches the essential skills needed to build accessible, visually engaging, and high-performing websites using the latest HTML and CSS techniques. Through practical coding exercises, you'll learn semantic HTML, CSS styling, Flexbox, CSS Grid, responsive layouts, forms, multimedia integration, accessibility, and SEO best practices. By the end of the course, you'll be able to confidently build professional-quality websites that are responsive, user-friendly, and ready for deployment
Key Features
Language
Course and materials are in English
Level
Beginner level
3 days (32 hours) live classroom
with accredited trainers
40+ recommended study hours
Exercises and solutions
Downloadable PDF documents with detailed content (slides, explanations)
Certificate
Certificate of completion available
Learning Outcomes
At the end of this course, you will be able to:
Create
Create accessible content with headings, text, lists, links, images, and other essential page elements.
Refine
Apply modern CSS techniques to control layouts, typography, colours, and spacing. Understand selectors, specificity, inheritance, and use developer tools to refine your designs.
Integrate
Build responsive websites using Flexbox, CSS Grid, and media queries. Integrate and optimise images, audio, and video for consistent performance across devices.
Develop
Create user-friendly forms with validation, enhance user experience through UI/UX best practices, and improve website performance, SEO, and development efficiency using modern CSS tools and frameworks.
Course timeline
HTML & CSS Fundamentals
Day 01
- Set up the development environment and understand web fundamentals
- Build structured web pages with semantic HTML
- Style text, links, and lists using CSS
- Apply CSS selectors, specificity, inheritance, and developer tools
- Create mobile-friendly web pages using responsive design principles
Web Content & Forms
Day 02
- Structure content using semantic elements and the CSS box model
- Add images, video, audio, SVGs, and embedded media
- Create and style tables for structured data
- Build interactive forms with validation and input controls
- Design accessible and user-friendly web interfaces
Responsive Layout & Optimization
Day 03
- Build responsive layouts using Flexbox, CSS Grid, and media queries
- Enhance designs with animations, transitions, transforms, and visual effects
- Explore CSS frameworks and preprocessors for efficient development
- Apply UI/UX design principles and SEO best practices
- Optimize website performance for faster, responsive user experiences
Who Should Enroll in this Program?
Beginners starting a career in web development
Front-end developers looking to strengthen their HTML and CSS skills
UI/UX designers who want to understand front-end implementation
Digital marketing professionals managing website content
Technical professionals supporting web projects
Anyone interested in building responsive websites from scratch
Prerequisites
- Basic computer and internet skills
- Familiarity with using a web browser and managing files
- No prior HTML, CSS, or programming experience is required
Licensing
and equality policy
Licensing and accreditation
This course is offered according to Partner Program Agreement and complies with the License Agreement requirements.
Equity Policy
AVCdoes not provide accommodations due to a disability or medical condition of any students. Candidates are encouraged to reach out to AVC for guidance and support throughout the accommodation process.
Frequently Asked Questions
Need a Custom In-company or Group Training?
Request for in-company training program tailored specifically to your team. We offer flexible customization options to align with your business goals, alongside competitive group rates for larger teams. Fill out the form below, and our corporate training experts will design the perfect solution for you.