diff --git a/guide/russian/html/layouts/index.md b/guide/russian/html/layouts/index.md index a64e26d1b0..9aefea6ad3 100644 --- a/guide/russian/html/layouts/index.md +++ b/guide/russian/html/layouts/index.md @@ -6,27 +6,27 @@ localeTitle: Макеты Макеты организуют различные области веб-страницы. -Почти каждая веб-страница, которую мы видим, можно разделить на поля, которые можно упорядочить в определенном порядке для создания этой веб-страницы. Ниже приведен один из примеров. +Почти каждую веб-страницу, которую мы видим, можно разделить на поля, которые можно упорядочить в определенном порядке для создания этой веб-страницы. Ниже приведен один из примеров. ![Пример дизайна сайта - www.codementor.io](http://i.imgur.com/Z1DSMYC.png) > Веб-сайты часто отображают контент в нескольких столбцах (например, в журнале или в газете). -И методы компоновки HTML помогают нам помещать необходимую информацию в нужный заказ или дизайн. +И методы компоновки HTML помогают нам помещать необходимую информацию в нужном порядке или дизайне. ### Методы реализации макетов #### Таблицы HTML -Один из самых простых инструментов для реализации макетов на веб-странице, это обеспечивается HTML. Но по мере того, как макет становится сложным, таблицы HTML быстро теряют свою легкость из-за увеличения текста разметки. +Один из самых простых инструментов для реализации макетов на веб-странице обеспечивается HTML. Но по мере того, как макет становится сложным, таблицы HTML быстро теряют свою простоту из-за увеличения текста разметки. #### CSS Float -Если вы хотите создать страницу с двумя столбцами с левой навигационной панелью и центральной областью просмотра контента, ее легко сделать с помощью CSS-поплавков. Просто установите левую навигационную страницу в `
` со свойством style `float: left;` , И ты получишь этот дизайн. Но что, если у вас было 4 столбца в одном разделе. Конечно, можно сделать это с помощью float, но синтаксис HTML, который вы написали, будет легко понять. +Если вы хотите создать страницу с двумя столбцами с левой навигационной панелью и центральной областью просмотра контента, ее легко сделать с помощью CSS-поплавков. Просто установите левую навигационную страницу в `
` со свойством style `float: left;` , и вы получите этот дизайн. Но что, если у вас было 4 столбца в одном разделе? Конечно, можно сделать это с помощью float, но синтаксис HTML, который вы пишете, будет легко понять. #### Шаблоны CSS -Здесь появляются CSS-фреймы, такие как [Bootstrap](http://getbootstrap.com/) и [Materialize](http://materializecss.com/) . Эти структуры обеспечивают функциональность сетки, которая позволяет разделить каждый раздел вашей веб-страницы на 12 столбцов, которые вы можете заказать для проектирования. +Здесь появляются CSS-фреймы, такие как [Bootstrap](http://getbootstrap.com/) и [Materialize](http://materializecss.com/) . Эти структуры обеспечивают функциональность сетки, которая позволяет разделить каждый раздел вашей веб-страницы на 12 столбцов, которые вы можете упорядочить для проектирования. ![Пример сетки](http://blog.gridbox.io/wp-content/uploads/2018/01/download-1-1024x271.png) @@ -51,4 +51,4 @@ HTML5 предлагает новые семантические элемент #### Дополнительная информация: * [Школы W3 - макет](https://www.w3schools.com/html/html_layout.asp) -* [CodeMentorTeam](https://www.codementor.io/codementorteam/4-different-html-css-layout-techniques-to-create-a-site-85i9t1x34) - методы компоновки для создания сайта \ No newline at end of file +* [CodeMentorTeam](https://www.codementor.io/codementorteam/4-different-html-css-layout-techniques-to-create-a-site-85i9t1x34) - методы компоновки для создания сайта