Отчет по разработке сайта html css js
Подготовка к разработке
Перед тем как приступить непосредственно к написанию кода, необходимо провести подготовительный этап. Он включает в себя анализ целевой аудитории, планирование структуры сайта и создание прототипов будущих страниц с учетом UX/UI дизайна.
Шаг 1: Определение требований
На данном шаге важно четко определить цели и задачи проекта. Вам необходимо понять, какие функции будет выполнять ваш сайт – это может быть продажа товаров и услуг, предоставление информации или общение с пользователями через форум.
Шаг 2: Прототипирование
Создание прототипов позволяет визуализировать структуру будущего сайта. Это могут быть как низкоуровневые чертежи блоков на бумаге, так и детализированные макеты с использованием специализированных программ.
Разработка HTML
HTML (HyperText Markup Language) – это основной язык разметки в веб-разработке. Он используется для создания структуры страницы и добавления текста, изображений и других элементов.
Шаг 1: Определение базовой структуры
Используя HTML, вы определяете основу вашего сайта с помощью таких тегов как ``, ``, `` и ``. Внутри тега `` размещают метаданные, такие как заголовок страницы (тег ``), стили CSS и ссылки на JavaScript.<br><strong>Шаг 2: Создание разметки</strong><br>Каждый элемент веб-страницы оборачивается в соответствующий HTML-тег. Например, параграфы текста заключаются в теги `<p>`, заголовки – в теги `<h2>` до `<h6>`.<br><h2>Применение CSS</h2>CSS (Cascading Style Sheets) добавляет стили и оформление веб-страницам. С его помощью можно изменить цвет, шрифты, расположение элементов на странице.<br><strong>Шаг 1: Разделение представления от содержимого</strong><br>Основное правило CSS – это отделять структуру (HTML) от стилей (CSS). Это позволяет разрабатывать внешний вид сайта независимо от его содержания.<br><strong>Шаг 2: Упорядочивание и визуализация элементов</strong><br>Использование свойств вроде `margin`, `padding`, `float` или Flexbox для упорядочивания блоками, а свойства цвета и шрифтов, такие как `color`, `font-family`, и селекторы типов псевдо-элементов (например `:hover`) улучшают визуальную составляющую элементов на странице.<br><h2>Добавление интерактивности с помощью JavaScript</h2>JavaScript – это язык программирования, который позволяет веб-страницам взаимодействовать с пользователем и адаптироваться в реальном времени. Он важен для реализации различных функциональностей, таких как анимации, модальные окна и динамическое изменение содержимого.<br><strong>Шаг 1: Обработка событий</strong><br>Событийно-ориентированный подход включает определение кода JavaScript, который будет выполнен на появлении события (например, клик по кнопке или прокрутка страницы).<br><strong>Шаг 2: Работа с DOM</strong><br>JavaScript позволяет манипулировать структурой веб-страницы через Document Object Model (DOM). При помощи метода `querySelector` можно выбирать элементы на странице для дальнейших модификаций.<br><h2>Тестирование и оптимизация</h2>После разработки всех функциональных элементов сайта проводится тестирование. Необходимо убедиться, что все функции работают корректно на разных устройствах и браузерах. Далее следует этап оптимизации – минимизация загрузки страницы, улучшение производительности.<br><h2>Заключение</h2>Разработка веб-сайта - это путешествие с множеством шагов от идеи до реализации в жизнь через код. Каждый аспект: начиная с структуры HTML и заканчивая сложными интерактивностями на JavaScript требует терпения, технического мастерства и понимания того как работает всемирный информационное пространство для создания качественного и удобного пользовательского интерфейса.<br><h2>Последующие шаги</h2>Исходя из текущего статуса проекта, планируется детальная проверка верстки с точки зрения доступности контента (WCAG), анализ SEO-оптимизации для улучшения позиции в поисковых системах и работа над внедрением дополнительно функционала по обратной связи от пользователей для дальнейшего совершенствования продукта.<br><strong></strong><br><strong></strong></div><div class="popular">
<h2 style="margin-bottom: 1em; font-weight: bold;">Посмортите другие материалы в категории: Разработка сайтов:</h2>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/razrabotka-saytov-html-css-js"><img src="/content/images/thumb/b2fad8f6-1f0b-4c07-86e0-406764ea6219.jpg" title="Разработка сайтов html css js" alt="Разработка сайтов html css js"/></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="/razrabotka-saytov/razrabotka-saytov-html-css-js">Разработка сайтов html css js</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="/razrabotka-saytov/razrabotka-saytov-html-css-js">08.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/otchet-po-razrabotke-sayta-html-css-js"><img src="/content/images/thumb/e0602a83-4693-488d-9318-ae7b1b183bdf.jpg" title="Отчет по разработке сайта html css js" alt="Отчет по разработке сайта html css js"/></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="/razrabotka-saytov/otchet-po-razrabotke-sayta-html-css-js">Отчет по разработке сайта html css js</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;">91</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="/razrabotka-saytov/otchet-po-razrabotke-sayta-html-css-js">13.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/sozdanie-veb-saytov-razrabotka-prodvijenie-internet-seotica"><img src="/content/images/thumb/15897165-f8e0-4354-8809-6b3ed100e8a1.jpg" title="Создание веб сайтов разработка продвижение интернет seotica" alt="Создание веб сайтов разработка продвижение интернет seotica"/></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="/razrabotka-saytov/sozdanie-veb-saytov-razrabotka-prodvijenie-internet-seotica">Создание веб сайтов разработка продвижение интернет seotica</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;">90</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="/razrabotka-saytov/sozdanie-veb-saytov-razrabotka-prodvijenie-internet-seotica">05.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/razrabotka-sayta-pdf"><img src="/content/images/thumb/b892fbcb-b7ac-44d1-9ae1-a609c4bd922f.jpg" title="Разработка сайта pdf" alt="Разработка сайта pdf"/></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="/razrabotka-saytov/razrabotka-sayta-pdf">Разработка сайта pdf</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;">89</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="/razrabotka-saytov/razrabotka-sayta-pdf">31.12.2024</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/razrabotka-sayta-na-react-js"><img src="/content/images/thumb/d8dc6c4d-91a4-486c-8eae-ee978c1bc234.jpg" title="Разработка сайта на react js" alt="Разработка сайта на react js"/></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="/razrabotka-saytov/razrabotka-sayta-na-react-js">Разработка сайта на react js</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;">87</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="/razrabotka-saytov/razrabotka-sayta-na-react-js">12.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/razrabotka-sayta-na-js"><img src="/content/images/thumb/cbef0634-f6ad-4d68-a579-227c17b405cb.jpg" title="Разработка сайта на js" alt="Разработка сайта на js"/></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="/razrabotka-saytov/razrabotka-sayta-na-js">Разработка сайта на js</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;">87</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="/razrabotka-saytov/razrabotka-sayta-na-js">07.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/razrabotka-lokalnogo-poiskovogo-dvijka-po-saytu-java"><img src="/content/images/thumb/0967ebfd-6316-4bd3-b2e4-d1fe59fcbb8e.jpg" title="Разработка локального поискового движка по сайту java" alt="Разработка локального поискового движка по сайту java"/></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="/razrabotka-saytov/razrabotka-lokalnogo-poiskovogo-dvijka-po-saytu-java">Разработка локального поискового движка по сайту java</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;">86</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="/razrabotka-saytov/razrabotka-lokalnogo-poiskovogo-dvijka-po-saytu-java">13.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/vliyanie-iskusstvennogo-intellekta-na-razrabotku-saytov"><img src="/content/images/thumb/0b3c67d0-15ab-45a5-a545-046ca54d8683.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="/razrabotka-saytov/vliyanie-iskusstvennogo-intellekta-na-razrabotku-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;">85</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="/razrabotka-saytov/vliyanie-iskusstvennogo-intellekta-na-razrabotku-saytov">14.01.2025</a>
</div>
<div class="popularitem">
<a class="popularitemimg" href="/razrabotka-saytov/plan-razrabotki-sayta-primer"><img src="/content/images/thumb/87380ecd-a117-4f5f-959b-c6fda52f4dd7.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="/razrabotka-saytov/plan-razrabotki-sayta-primer">План разработки сайта пример</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;">82</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="/razrabotka-saytov/plan-razrabotki-sayta-primer">11.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;">198</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;">191</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> 