In this course, you’ll obtain the knowledge and skills to start building professional web pages. You'll learn modern best practices and coding standards for content and page styling with HTML and CSS, as well as responsive layouts, Flexbox, and CSS Grid. With these skills, you'll create a business landing page that meets modern responsiveness and semantic standards.
Overview
Syllabus
- HTML Fundamentals
- Learn the basics of HTML and start developing in VS Code, using different elements to build out the basic structure of webpages. Learn basic HTML debugging techniques using web browser DevTools.
- Semantic HTML
- Elevate basic HTML knowledge with up do date semantic standards that optimize your code for better readability, accessibility, and Search Engine Optimization.
- CSS Fundamentals
- Learn the basics of CSS and start using various color, text, and display properties to style your HTML elements and start adding personality and visual appeal to your we pages.
- Layout Techniques and Respoinsive Design
- You'll learn layout techniques using flexbox, grid, and float for structuring webpages, as well as responsive design techniques and mobile-first principles that accommodate various screen sizes.
- Project: Business Landing Website
- This project builds a 2-page fictional business site using HTML and CSS, with forms, images, and links. It uses Flexbox, Grid, media queries for responsiveness, and follows Semantic HTML standards.
Taught by
Eric Kovalevskyy