Создание дизайна сайта в HTML: Основы и продвинутые техникиВведение в HTML для веб-дизайнаПрежде чем перейти к техническим аспектам, важно понять основную роль языка разметки HTML (HyperText Markup Language) в разработке дизайна сайтов. HTML — это фундаме
Введение в HTML для веб-дизайна
Прежде чем перейти к техническим аспектам, важно понять основную роль языка разметки HTML (HyperText Markup Language) в разработке дизайна сайтов. HTML — это фундамент, на котором строится внешний вид и структура веб-страницы. Хотя HTML сам по себе не позволяет создавать сложные визуальные эффекты как CSS или JavaScript, он необходим для определения элементов содержимого.
Основы структуры документа
Основой любого HTML-документа является его структура, которая задается несколькими ключевыми элементами:
- ``: Объявление типа документа, необходимое для правильной обработки браузером.
- ``, ``, и ``: Элементы, определяющие язык страницы (``), метаданные в голове страницы (например, ``), а также содержимое, отображаемое на экране.<br><h2>Основные теги для структуры</h2>С помощью HTML можно создать четкую структуру контента:<br>- `<header>`, `<footer>`: Для шапки и подвала сайта соответственно.<br>- `<nav>`: Для навигационного меню.<br>- `<article>`, `<section>`: Для разделения текстового содержимого по темам или статьям.<br>- `<aside>`: Для боковой панели с дополнительным контентом, таким как реклама или сайдбар.<br><h2>Работа со шрифтами и цвета</h2>Для оформления текста используются атрибуты `style` или CSS классы:<br>```html<br><h1 style="color:red;">Заголовок</h2><br><p class="my-text-class">Текст параграфа.</p><br>```<br>В CSS файле (или внутри `<style>` в HTML) можно определить стили для класса:<br>```css<br>.my-text-class {<br> font-family: Arial, sans-serif;<br> color: <h2>333;</h2>}<br>```<br><h2>Создание таблиц и списков</h2>Таблицы и списки помогают организовать информацию:<br>- `<table>`, `<tr>`, `<th>`, `<td>` для таблиц.<br>- `<ul>`, `<ol>`, `<li>` для неупорядоченных и упорядоченных списков соответственно.<br><h2>Вставка изображений, видео и аудио</h2>Для вставки мультимедиа используются соответствующие теги:<br>```html<br><img src="image.jpg" alt="Описание изображения"><br><video controls><br> <source src="movie.mp4" type="video/mp4"><br></video><br><audio controls><br> <source src="audio.mp3" type="audio/mpeg"><br></audio><br>```<br><h2>Адаптивный дизайн</h2>Использование медиазапросов CSS позволяет адаптировать дизайн под разные устройства:<br>```css<br>@media screen and (max-width: 600px) {<br> body {<br> background-color: lightblue;<br> }<br>}<br>```<br><h2>Валидация HTML-документа</h2>Проверка HTML-кода на валидность помогает избежать ошибок и улучшить качество сайта. Можно использовать онлайн-сервисы для проверки.<br>Создание дизайна сайта в HTML – это не просто использование тегов, но и понимание принципов веб-дизайна и верстки. Основываясь на вышеизложенном, можно приступить к практической реализации дизайнерских решений непосредственно в коде.<br><h2>Заключение</h2>HTML остается ключевым инструментом для создания структуры сайта. Научившись основам HTML-верстки, веб-дизайнеры могут создавать доступные и функциональные сайты.<br><br></div><div class="popular">
<h2 style="margin-bottom: 1em; font-weight: bold;">Посмортите другие материалы в категории: Дизайн сайта:</h2>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy"><img src="/content/images/thumb/fc036ca3-874f-48c7-b0b9-3d4527279ab5.jpg" title="Дизайн окна регистрации на сайте красивый" alt="Дизайн окна регистрации на сайте красивый"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy">Дизайн окна регистрации на сайте красивый</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">204</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy">29.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt"><img src="/content/images/thumb/723cadb1-950e-4479-9394-d93685be30df.jpg" title="Пермский техникум дизайна и технологий сайт" alt="Пермский техникум дизайна и технологий сайт"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt">Пермский техникум дизайна и технологий сайт</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">197</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt">29.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/osenniy-dizayn-sayta"><img src="/content/images/thumb/7503971c-9ce2-4362-906c-4cba1cf126e5.jpg" title="Осенний дизайн сайта" alt="Осенний дизайн сайта"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/osenniy-dizayn-sayta">Осенний дизайн сайта</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">115</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/osenniy-dizayn-sayta">30.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta"><img src="/content/images/thumb/e9691714-0704-4f76-ba56-32615169da62.jpg" title="Где искать референсы для дизайна сайта" alt="Где искать референсы для дизайна сайта"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta">Где искать референсы для дизайна сайта</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">103</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta">29.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/minimalizm-v-veb-dizayne-sayt"><img src="/content/images/thumb/8d87ac7d-1678-46f9-9037-88bb5186ac0b.jpg" title="Минимализм в веб дизайне сайт" alt="Минимализм в веб дизайне сайт"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/minimalizm-v-veb-dizayne-sayt">Минимализм в веб дизайне сайт</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">101</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/minimalizm-v-veb-dizayne-sayt">30.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/gde-prodavat-dizayny-saytov"><img src="/content/images/thumb/f6e0fc79-31bf-487e-b50e-207653640cfe.jpg" title="Где продавать дизайны сайтов" alt="Где продавать дизайны сайтов"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/gde-prodavat-dizayny-saytov">Где продавать дизайны сайтов</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">100</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/gde-prodavat-dizayny-saytov">29.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/kak-rasschitat-stoimost-dizayna-sayta"><img src="/content/images/thumb/46dfa8f4-f743-4904-b6e4-54f0191f41bd.jpg" title="Как рассчитать стоимость дизайна сайта" alt="Как рассчитать стоимость дизайна сайта"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/kak-rasschitat-stoimost-dizayna-sayta">Как рассчитать стоимость дизайна сайта</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">99</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/kak-rasschitat-stoimost-dizayna-sayta">30.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/dizayn-sayta-magazina-krossovok"><img src="/content/images/thumb/56fb26dc-0988-479f-bc29-840edcd03637.jpg" title="Дизайн сайта магазина кроссовок" alt="Дизайн сайта магазина кроссовок"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/dizayn-sayta-magazina-krossovok">Дизайн сайта магазина кроссовок</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">97</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/dizayn-sayta-magazina-krossovok">29.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/dizayn-sayta/kak-analizirovat-ca-dlya-razrabotki-dizayn-sayta"><img src="/content/images/thumb/b5bcc0f9-b368-44d0-930d-3c568251099c.jpg" title="Как анализировать ца для разработки дизайн сайта" alt="Как анализировать ца для разработки дизайн сайта"/></a>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; top: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/kak-analizirovat-ca-dlya-razrabotki-dizayn-sayta">Как анализировать ца для разработки дизайн сайта</a>
<div style="position: absolute; text-shadow: #000 0 0 0.5em; right: 2.5em; bottom: 0.5em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">97</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: #000 0 0 0.5em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/kak-analizirovat-ca-dlya-razrabotki-dizayn-sayta">29.01.2025</a>
</div>
</div>
</div>
<div id="pageright" class="pageright">
<div style="margin: 1em; font-size: 0.9em; line-height: 1.2em;">
Привет! Меня зовут Илья Федотов я веб-разработчик.<br><br>
Занимаюсь <b>разработкой сайтов</b>, CRM-Систем и веб-приложений более 12 лет. Разрабатываю <strong>веб-проекты</strong> любой сложности на PHP + JS
<img style="margin-top: 10px; margin-bottom: 10px; border-radius: 20px;" src="/content/my/fedotov.jpg" width="100%" height="auto" alt=""/>
<div style="text-align: center;">
Звоните:
<a style="font-weight: bold; font-size: 1.4em; display: block; margin-bottom: 0.5em;" href="tel:+79174373926">+7 917 43-73-926</a>
или пишите:
<a style="font-weight: bold; font-size: 1.4em; display: block;" href="https://wa.me/79174373926?text=%D0%9F%D1%80%D0%B8%D0%B2%D0%B5%D1%82!%20%F0%9F%91%8B%20%D0%9C%D0%B5%D0%BD%D1%8F%20%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D1%83%D0%B5%D1%82...">WhatsApp</a>
</div>
<div class="popular2">
<h3 style="margin-bottom: 1em; font-weight: bold;">Самое читаемое:</h3>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy"><img src="/content/images/thumb/fc036ca3-874f-48c7-b0b9-3d4527279ab5.jpg" title="Дизайн окна регистрации на сайте красивый" alt="Дизайн окна регистрации на сайте красивый"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy">Дизайн окна регистрации на сайте красивый</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">204</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/dizayn-okna-registracii-na-sayte-krasivyy">29.01.2025</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt"><img src="/content/images/thumb/723cadb1-950e-4479-9394-d93685be30df.jpg" title="Пермский техникум дизайна и технологий сайт" alt="Пермский техникум дизайна и технологий сайт"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt">Пермский техникум дизайна и технологий сайт</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">197</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/permskiy-tehnikum-dizayna-i-tehnologiy-sayt">29.01.2025</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/osenniy-dizayn-sayta"><img src="/content/images/thumb/7503971c-9ce2-4362-906c-4cba1cf126e5.jpg" title="Осенний дизайн сайта" alt="Осенний дизайн сайта"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/osenniy-dizayn-sayta">Осенний дизайн сайта</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">115</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/osenniy-dizayn-sayta">30.01.2025</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code"><img src="/content/images/thumb/d25f8f04-755c-4752-90b6-3da7a1386e65.jpg" title="Создание сайта в visual studio code" alt="Создание сайта в visual studio code"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code">Создание сайта в visual studio code</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">107</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/sozdanie-saytov/sozdanie-sayta-v-visual-studio-code">08.12.2024</a>
</div>
<div class="popularitem2">
<a class="popularitemimg2" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta"><img src="/content/images/thumb/e9691714-0704-4f76-ba56-32615169da62.jpg" title="Где искать референсы для дизайна сайта" alt="Где искать референсы для дизайна сайта"/></a>
<a style="position: absolute; left: 0.6em; top: 0.6em; font-size: 1em; line-height: 1em; font-weight: bold; color: #FFF; text-shadow: #000 0.1em 0.1em 0.2em" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta">Где искать референсы для дизайна сайта</a>
<div style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; right: 3em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;">103</div>
<img style="position: absolute; right: 0.8em; bottom: 0.8em; font-size: 0.8em; font-weight: bold;" src="/templates/img/eye.png" width="20" height="20" title="просмотров" alt="просмотров"/>
<a style="position: absolute; text-shadow: black 0.1em 0.1em 0.2em; left: 0.8em; bottom: 0.6em; font-size: 0.8em; font-weight: bold; color: #FFFFFF;" href="/dizayn-sayta/gde-iskat-referensy-dlya-dizayna-sayta">29.01.2025</a>
</div>
</div>
</div></div>
</div>
<div class="pagebottom">
<div class="pagebottomc"><div class="copy">
<div class="copy_text"><p>ИП Федотов И.А - Создание сайтов, веб-проектов и веб-приложений. Все права сохранены.</p></div>
<div class="copy_caunter"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" target="_blank"><img id="licnt3CBF" width="88" height="31" style="border:0" title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt=""/></a><script>(function(d,s){d.getElementById("licnt3CBF").src= "https://counter.yadro.ru/hit?t16.1;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script><!--/LiveInternet--></div>
</div></div>
</div>
<div style="width: 96%; background-color: #AF0002; position: fixed; bottom: 0px; padding-top: 1em; padding-bottom: 1em; padding-left: 2%; padding-right: 2%; font-size: 1em; color: #FFFFFF; text-align: center; z-index: 2000;">Продолжая, Вы принимаете нашу политику использования cookies. Мы используем файлы cookies для улучшения работы сайта. Чтобы узнать больше, ознакомьтесь с нашей <a style="color: #FFFFFF;text-decoration: underline; font-weight: bold;" target="_blank" href="/cookies/policy">политикой обработки персональных данных</a> далее "ПОПД".<div><a style="color: #FFFFFF; display: block; padding: 10px; border: 1px solid #FFFFFF; max-width: 400px; margin: 0 auto; margin-top: 1em; font-weight: bold; font-size: 1em; text-align: center;" href="/cookies">Хорошо, с ПОПД ознакомлен(а)</a></div></div><link href='/templates/css/style.css' media='all' rel='stylesheet' type='text/css'/>
</body>
</html> 