Who is suitable for the course?
This course is designed for real beginners
For those who want to learn how to create websites with HTML and CSS
For those who have already started, but are having a hard time learning
Basics of HTML and CSS
- Lesson 1. Introduction
- Lesson 2: Installing the Brackets Editor
- Lesson 3 HTML Tags (Theory)
- Lesson 4 Creating an HTML Document Skeleton
- Lesson 5 HTML text formatting tags (h1-h6, p, br, em, i, b, strong, etc.)
- Lesson 6. CSS Selectors and Properties (Theory)
- Lesson 7. Properties for styling text
- Lesson 8. Developer tools – DevTools
- Lesson 9. Images and links (img, a)
- Lesson 10. Raster and vector graphics, image formats (png, jpg, svg)
- Lesson 11 HTML Tables (table, tr, td, th, tbody, etc.)
- Lesson 12. Block and line elements (div, span)
- Lesson 13. Working with the backgrounds. Part 1
- Lesson 14. Working with the backgrounds. Part 2
- Lesson 15. References
- Lesson 16. Naming classes
- Lesson 17. Creating a simple HTML page (practice)
- Lesson 18. HTML forms (form, input, textarea, button)
- Lesson 19. Pseudoclasses
- Lesson 20. Borders (border, outline)
- Lesson 21. Creating a registration form (practice) 26:34
- Lesson 22. Positioning (relative, static, absolute, fixed)
- Lesson 23. Positioning (Practice)
- Lesson 24. Pseudo elements (before, after, first-letter, first-line)
- Lesson 25. HTML5 tags (header, nav, footer, article, etc.)
- Lesson 26. CSS3 properties
- Lesson 27. Basics of flexbox
- Lesson 28. Refining the page (HTML5, CSS3, flexbox)
- Lesson 29. Selectors, pseudoclasses
- Lesson 30. Priorities for selectors
- Lesson 31. Units of measure (em, rem)
- Lesson 32. HTML tags (abbr, code, cite, blockquote, etc.)
- Lesson 33. Code styling (HTML, CSS)
- Lesson 34. Vertical alignment (vertical-align)
- Lesson 35. Wrapping (float, clearfix)
- Lesson 36. Visibility of elements (display, opacity, visibility)
- Lesson 37. Special characters
- Lesson 38. Prefixes (-webkit-, -moz-, -ms-)
- Lesson 39. Inserting video and audio (video, audio, source)
- Lesson 40. Google fonts, local fonts.
- Lesson 41. The basics of adaptive layout (media queries)
- Lesson 42. Colors (HEX, rgb, rgba)
- Lesson 43. Brackets capabilities and plugins
Making an adaptive site from scratch
- Lesson 1. Introduction
- Lesson 2. Basics of working with Photoshop
- Lesson 3. Basics of working with Abode XD
- Lesson 4 Preparatory work
- Lesson 5. Make-up of the site header
- Lesson 6. Make-up of the text block
- Lesson 7. Make-up of photos
- Lesson 8. Make-up of contacts
- Lesson 9. Makeup of the “About the author” page
- Lesson 10. Makeup of the “Contacts” page
- Lesson 11. Adapting the site for different devices. Part 1
- Lesson 12. Adapting the site for different devices. Part 2
- Lesson 13. Favicon, meta tags
- Lesson 14. Cross-browser and valid layout
- Lesson 15. Domain and Hosting. Placing a site on the Internet
- Lesson 16. What to do next? Development plan
The adaptive site that you will make from scratch
You’ll make your first adaptive portfolio site on your own, repeating the steps on the screen and reinforcing the knowledge you get in the lessons.
