The course covers the basic basics necessary to work with the external interface of any site: creating a site structure, using semantic tags, specifying paths for files, options for working with element sizes, internal and external indents, element borders, text formatting, displaying images/pictures, placing blocks in the right amount and order, nesting rules for tables and lists, color palette.
COURSE PROGRAM
- Introduction to HTML. Types of elements and attributes
At the beginning of the course we will consider what HTML is, what it is for and how its elements are written. You will learn about tags, formatting in HTML, about the editor in which the initial markup code is written, with which any web page is built and what comments in the code are used for. How to add images to the page, as well as various link transitions. - Introduction to CSS and block sizing
The lesson will cover the ways to connect styles to the page, the types of selectors that can be used to bind styles to the specified elements of the page. And by what principles the priority of entries in CSS is determined. In this lesson, the student will consider the basic behavior of elements to form their size. - Working with indents, margin property, working with text and visibility of elements
The student will get acquainted with the mechanics of external indentation of elements. You will learn what indentation is and in what cases it exists. We will review implicit indents when working with inline-block elements. Get acquainted with the various CSS rules for styling text and how the inheritance of styles of children elements works. - Layout using Flexbox
The purpose of the lesson is to understand the basic principles of the Flexbox module and learn how to use them. The ability to set a flexible distance between blocks and how their sizes are determined in some cases. - Combining selectors and working with background, background property
Combining is a very important part of writing code, which is considered in the structure of lists and tables, since large nesting must be created and parsed constantly during the project. The possibility of accessing elements from pseudo-classes and the work of priority in such structures. - Semantic layout
The student learns about the new semantic tags that have appeared with HTML version 5 and the rules for their use. The structures of simple sites with the use of semantic tags are considered. - Forms
The purpose of this lesson is to get acquainted with forms and their purpose. Consideration of form elements, their capabilities and nuances of working with both functionality and styling. - Positioning of elements
The purpose of this lesson is to get acquainted with the formatting of page elements, the task of positioning through the position property. Pseudo elements and the ability to implement simple animation for elements will also be considered. - Practice
The purpose of this lesson is to consolidate the theoretical material. - Practice
The purpose of this lesson is to consolidate knowledge in practice by laying out the layout.