Листаю очень плохую книжку по веб-разработке08.09.2021 11:16
Вот она, лежит у меня на столе. Прямиком из 2008 года, ждала, чтобы я её прочитал и научился делать сайты. Самостоятельно. Самоучитель же. Триумф!
А если тут ещё и предлагают самый быстрый способ, то точно успех, смогу всему научиться, пока пишу эту статью. Смогу ведь, да?
В общем, давайте вместе полистаем старую книжку.
Дисклеймер. Авторы молодцы, издательство молодцы, все молодцы, один я трачу казённые буквы и зря придираюсь к шрифтам. Ну и не будьте такими серьёзными, это просто статья про устаревание технологий и литературы.
Аннотация
Аннотация — важная часть книги. Она помогает определиться, нужно ли покупать книжку, и вкратце рассказывает о содержании. Давайте посмотрим.
Как видите, здесь прекрасно всё. Сразу понятно, что в книге мы узнаем
Чем web-страничка отличается от web-сайта (чем?).
Как стать мастером web-дизайна (запомним раз).
Как пройти полный цикл разработки (забудьте свой грант и галп).
Как сделать всё с помощью пошаговых инструкций (запомним два).
Чем отличается web от Интернета.
Что после книги нам срочно понадобится резюме веб-разработчика с увлекательными творческими фотографиями (в мире, где фотостоки ещё не победили).
Что кириллические шрифты, даже с диска »3000 лучших шрифтов», остаются кириллическими шрифтами.
Что авторы даже все примеры залили на свою web-страничку в Интернете. Залили ведь, да?
(нет)
Вывод: аннотация хороша, ожидания соответствующие. Если правда быстро научат делать сайты, то это вообще триумф. Давайте листать дальше.
Содержание
В книге пять глав. Вот они, слева направо: Намджун, Чонгук, Чингачгук, Гойко Митич, Джин, Юнги.
Глава 1. Как «устроена» web-страница. Чувствуете эту снисходительность? В этой главе мы, буквально, «смотрим устройство чужой web-страницы» и больше ничего не делаем.
Глава 2. Создаем свой первый web-сайт. Глава сразу предлагает нам набор важнейших знаний для любого веб-разработчика из 2008 года.
что такое HTML,
как задать шрифт и оформить текст,
вставить рисунок,
«создать список наших возможностей» (могу копать, могу не копать),
добавить книгу отзывов и предложений (сразу после оформления текста),
добавить ссылки,
создать меню в виде таблицы,
и добавить некие «последние штрихи».
Хорошо, мы потом полистаем дальше. Потому что глава 3 очень уж неожиданная.
Глава 3. Бесплатное размещение сайта в Интернете. В этой главе нам предлагают создать адрес нашего сайта в Интернете и разместить web-страницу с помощью менеджера файлов бесплатной службы. Какой-то очень-очень интригующей бесплатной службы.
Промежуточный итог. Пока всё выглядит как самый быстрый способ создать сайт:
Задать шрифт и оформить текст
Вставить рисунок
Создать список возможностей
Добавить книгу отзывов.
Добавить последние штрихи
И бесплатно разместить сайт в Интернете
Чувствуете, как авторы книги предсказали будущее? Это же буквально любой лендинг на Тильде из 2021. Но продолжим, ведь четвёртая глава посвящена важной для любого разработчика в 2008 году теме — графике и её оптимизации.
Авторы — мастера интриги, ведь даже сейчас тяжело сказать, что такое «прозрачная» графика.
Здесь интрига достигает максимума — если в книжке из 160 страниц 80 уже заняты, что же будет дальше? CSS? Основы JavaScript? Табличная вёрстка? Какой-нибудь модный фреймворк? Переворачиваем страницу.
Нет, в этом месте авторы сдались.
Вторая половина книги — шаманство в Sharepoint Designer 2007. Даже листать туда не хочется, ведь на выходе получится известно что. Но хватит тянуть флексбокс по диагонали, давайте посмотрим, что нам предлагают для изучения.
Глава 1. Как «устроена» web-страница
В этой главе мы узнаём, что каждая web-страница (знали бы вы, как я устал переключать раскладку) может содержать текст, рисунки, видео, звукозаписи и объёмные миры. Вон те знаменитые объемные миры из 2008 года.
Первая страница книги вообще довольно хорошо объясняет штуки. Собрание страниц на одном компьютере называется веб-узлом. А веб-узел это просто сайт. А компьютер с сайтами — это сервер. А сервер должен быть подключен к Интернету и работать по HTTP в World Wide Web. Солидно, по фактам.
И если бы здесь остановиться, то книга бы уже себя окупила. Но мы перевернём страницу и провалимся на 15 лет назад.
Если где-то и есть идеальные сетап и панчлайн, то вот они. Мы снова оказываемся в том мире, fellow kids, где интернет был по карточкам, фотографии медленно грузились сверху вниз, хотя всё самое интересное всегда было внизу, а после загрузки страницы с анекдотами мы прерывали связь с провайдером. Потому что у интернета нулевых не было цели, только путь.
Здесь самое время утереть скупые слёзы и продолжить.
Дальше мы узнаём, что HTML — язык разметки web-страниц, и что самый быстрый способ узнать, как устроена страница, это увидеть её исходный код. И здесь авторы предлагают новичку посмотреть на образец HTML-разметки, который навсегда испортит психику любому просмотревшему. Уберите от экранов детей.
Пошутите тут, пожалуйста, сами, потому что мне нужно оставить силы, , а это только восьмая страница.
Следом авторы разъясняют, из чего состоят теги, и здесь становится понятно, почему к книге прилагался архив с кодом. Ведь иначе было было бы невозможно представить, как написать это:
Как видите, ни одна из кавычек не соответствует действительности. И это, забегая вперёд, большая проблема всей книги — ни один из примеров кода не заработает, потому что везде вот так. Я могу предположить, почему так получилось. Книжку писали в ворде, принесли в издательство, а там случился типограф и всё пошло наперекосяк.
После этого авторы рассказывают, что страница состоит из структуры вида
…
…
Что у страницы может быть </code> из 5–6 слов, <code><meta http-equiv=”Content-type” content=”text/html; charset=windows-1251”</code> (причём именно так), а ещё что комментарии желательно использовать в редких случаях, потому что они тоже весят несколько байт и загружаются со страницей.</p>
<p>Кончается глава в лучших традициях трейлеров супергеройских фильмов.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/958/33e/804/95833e804d14f90d4fc295b7f9a1a2d3.jpg" alt="95833e804d14f90d4fc295b7f9a1a2d3.jpg" /></p>
<p><em>Краткое содержание</em>: не забывайте отключаться от интернета, страница состоит из хед и боди, лучший способ научиться — смотреть чужой код.</p>
<p>Ну и ладно.</p>
<p>Как делать хорошо: тренажёр по структуре HTML-документа. </p>
<h3>Глава 2. Создаём свой первый web-сайт</h3>
<p>Для создания страницы нужен браузер (IE, Opera, Mozilla) и текстовый редактор (notepad.exe). Не то чтобы это был необходимый минимум, но когда начинаешь делать творческие галереи своих фотографий и списки возможностей, становится трудно остановиться…</p>
<p>В этой главе нам предлагают сделать <em>«сайт компании «НЕОТОН», которая работает в области автоматизированных систем управления»</em>. Давайте посмотрим, что получится.</p>
<p>После нехитрых манипуляций (добавили структуру, покрасили боди) получаем вот что: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/4f9/da6/5f7/4f9da65f7465e591a4d0bf671a264537.jpeg" alt="4f9da65f7465e591a4d0bf671a264537.jpeg" /></p>
<p>Стоп, <code>bedcolor</code>? Это что-то из HTML2? Проверяем страницей выше: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/f5a/93f/eea/f5a93feea796664ae28506372e360948.jpg" alt="f5a93feea796664ae28506372e360948.jpg" /></p>
<p>А тут всё ок, <code>bgcolor</code>. Да что ж такое-то. Ладно-ладно, просто книжку диктовали вслух. Ничего страшного. Всё равно мы дальше сохраняем htm-файл и открываем его в браузере. И здесь, на 14 странице, мы встречаем первый действительно полезный совет о тестировании.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/bd4/922/936/bd4922936162bd043fefdc727d0e85a7.jpg" alt="А помните, помните времена, когда ещё не было никакого Хрома?" />А помните, помните времена, когда ещё не было никакого Хрома? </p>
<p>Как делать хорошо: тренажёр по тому, как устроен HTML</p>
<h4>Оформляем текст</h4>
<p>На следующих пяти страницах мы узнаём, что текст можно оформить по-разному: </p>
<ul><li><p>Заголовки разных уровней</p></li><li><p>Полужирное начертание</p></li><li><p>Курсив</p></li><li><p>Полужирный курсив</p></li><li><p>Большой текст с помощью тега <big></p></li></ul>
<p>И чтобы ваш текст точно заметили, используйте все теги сразу: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/8cf/e34/58a/8cfe3458a85ea33f501ab564f05cbc71.jpeg" alt="8cfe3458a85ea33f501ab564f05cbc71.jpeg" /></p>
<p>Так как книга по созданию сайтов почти ничего не будет рассказывать о CSS, авторы предлагают страшное — менять размер шрифта с помощью тега <font> с атрибутом size. Если вы читаете это после 2021 года — не делайте так.</p>
<p>Центрируем текст на странице с помощью тега <center>. Оборачиваем рекламный текст на сайте во всё изученное и получаем, ну, какой-то результат.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/c3d/43a/c49/c3d43ac49a19957d7568c3453306085f.jpeg" alt="c3d43ac49a19957d7568c3453306085f.jpeg" /></p>
<p>Стоп, всё ещё <code>bedcolor</code>?! Им было настолько лень исправить? </p>
<p>В конце замаячил свет — впереди нас ждёт кусочек про CSS. Но не ожидайте от него ничего хорошего, ведь вы же помните про кавычки? Здесь они выходят на новый уровень: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/ffc/659/99e/ffc65999efab86d799780ab920c4b402.jpg" alt="ffc65999efab86d799780ab920c4b402.jpg" /></p>
<p>Но если серьёзно, то эти две страницы вполне сносные — тут намёк на семантику и теги <code><dfn></code>, <code><em></code>, <code><strong></code> и <code><code></code>. Хотя всё равно всё кончается инлайном CSS, а мы все знаем, что это не очень. Ну и <code>bedcolor</code>, куда же без него.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/e0d/4b1/cf9/e0d4b1cf997a1bcdf539d60274346ee3.jpg" alt="e0d4b1cf997a1bcdf539d60274346ee3.jpg" /></p>
<p>Как делать хорошо: тренажёр по разметке текста.</p>
<h4>Вставляем рисунок</h4>
<p>Здесь ничего примечательного — в разделе рассказывают про тег <code><img></code> и показывают <em>(красивое)</em>, как использовать атрибут src без кавычек.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/2da/2de/fee/2da2defeeaee79a0bfdb9342ff1d22c5.jpg" alt="2da2defeeaee79a0bfdb9342ff1d22c5.jpg" /></p>
<p>Валидатор W3C в этом месте захлёбывается тремя алертами (не указан <code>alt,</code> нельзя указывать <code>1</code> как значение и вообще <code>border</code> — устаревший атрибут) и выходит из чата. </p>
<p>Но самое неожиданное происходит дальше — книга даёт совет из мира Unix.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/628/1f0/06b/6281f006b869fec1ea1d091068c8eb8e.jpeg" alt="6281f006b869fec1ea1d091068c8eb8e.jpeg" /></p>
<p>Сразу вспоминается другая известная ситуация с локальными файлами — какой-то видос на китайском (да ведь?) сайте Microsoft со ссылкой на локальный диск H: </p>
<p><img src="https://habr.com/img/image-loader.svg" alt="Внимание на адрес в адресной строке" />Внимание на адрес в адресной строке</p>
<p>Как делать хорошо: тренажёры по изображениям и ссылкам.</p>
<h4>Создаём список наших возможностей</h4>
<p>Помните интригующий заголовок из оглавления? «Списком наших возможностей» оказались обычные маркированные списки с описанием того, что делает «компания НЕОТОН».</p>
<p>Здесь ничего необычного, кроме очередного варианта кавычек, которые, впрочем, встроены в текст и ни на что не влияют: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/806/ed9/808/806ed98081e769cbad5a4db70dac6182.jpg" alt="806ed98081e769cbad5a4db70dac6182.jpg" /></p>
<p>Как сделать хорошо в 2021: тренажёры по работе со списками</p>
<h4>Книга отзывов и предложений</h4>
<p>Какие у вас версии о содержимом главы? Будет тренировка по JavaScript или PHP? Статическая таблица с отзывами? Может быть айфрейм с чем-нибудь? Нет, мы будем делать форму с помощью тега <form> и отправлять ответы себе на почту.</p>
<p>Сначала зарегистрируемся на Народе (помните, был такой сайт примерно в одно время с Клабхаусом?)</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/7aa/a8d/3d1/7aaa8d3d1ae2bfda655331178cf249d3.jpg" alt="7aaa8d3d1ae2bfda655331178cf249d3.jpg" /></p>
<p>А потом за две следующие страницы напишем форму для решительной отправки отзывов и предложений на почту. Естественно, с очередной вариацией кавычек и выравниваем кода по ширине страницы, куда же без них.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/d66/074/f2a/d66074f2a53d77f60f0737f926d53e86.jpg" alt="d66074f2a53d77f60f0737f926d53e86.jpg" /></p>
<p>В конце раздела нам рассказывают немного об информационной безопасности и необходимости не передавать конфиденциальные данные через незащищённую форму. Справедливо. Как защищать — не расскажут, но книга этого и не обещала.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/6ae/20e/ebd/6ae20eebd6fd6efbb1c74d5be9c85104.jpg" alt="6ae20eebd6fd6efbb1c74d5be9c85104.jpg" /></p>
<p>Больше ничего плохого здесь не происходит. Листаем дальше, тем более, осталось недолго.</p>
<p>Как делать хорошо: тренажёры по работе с формами.</p>
<h4>Ссылки, таблицы, последние штрихи</h4>
<p>Мне не очень хочется повторяться — да, дальше всё ещё встречаются разные неправильные кавычки, странные формулировки и устаревшие практики. Да, уже надоело. Поэтому быстренько пролистаем до конца главы, подмечая разные штуки, которые бросаются в глаза в 2021 году.</p>
<p>Обещанный <em>web-дизайн: </em></p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/745/159/cc6/745159cc6dc379730fc725169c30c632.jpeg" alt="745159cc6dc379730fc725169c30c632.jpeg" /></p>
<p>Абсолютные и относительные ссылки (кстати, вот хорошая инструкция, как их ставить правильно): </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/d0b/88d/06e/d0b88d06e2c246cbca8a0d3d3e7388f5.jpeg" alt="d0b88d06e2c246cbca8a0d3d3e7388f5.jpeg" /></p>
<p>Боковое меню, приколоченное к странице через айфреймы (не делайте так): </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/36d/227/81e/36d22781e7065fd96077fc1a70ff10bb.jpg" alt="36d22781e7065fd96077fc1a70ff10bb.jpg" /></p>
<blockquote><p><em>Как видите, фреймы — удобное и эффективное средство для размещения информации на web-страницах. Однако, используя его, не следует терять чувства меры. Слишком большое количество окон на странице не улучшает восприятие информации. Не располагайте на экране более трех фреймов и старайтесь не применять их без необходимости.</em></p></blockquote>
<p>Цитата прямиком из мира, где флексы и гриды ещё не заменили кексы и грибы.</p>
<h3>Что там ещё смешного</h3>
<p>Третья глава — списки бесплатных тогда и платных в 2021 хостингов и пошаговые инструкции по загрузке файлов на narod.ru (тут не соврали в аннотации).</p>
<p>Глава про графические форматы содержит всё, кроме самой графики, зато в ней <strong>очень хорошо</strong> видны графические форматы: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/59d/043/8e7/59d0438e7d9211dfd936fb056891b1bd.jpg" alt="59d0438e7d9211dfd936fb056891b1bd.jpg" /></p>
<p>Не обошлось без <em>web-дизайна</em>: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/a8c/0b0/827/a8c0b08278a98c3c450399a7404e13f2.jpg" alt="a8c0b08278a98c3c450399a7404e13f2.jpg" /></p>
<p>Немного о сглаживании шрифтов: </p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/598/e71/366/598e713669b22122165183b53b327495.jpeg" alt="598e713669b22122165183b53b327495.jpeg" /></p>
<p>И вот какой прекрасный сайт в итоге у нас получится.</p>
<p><img src="https://habrastorage.org/r/w780q1/getpro/habr/upload_files/251/184/6cf/2511846cf269f129ba9b85b337afc278.jpg" alt="2511846cf269f129ba9b85b337afc278.jpg" /></p>
<p>А пятая глава полностью посвящена Sharepoint Designer, но давайте я просто остановлюсь здесь, ведь очевидно, что лучше уже ничего не будет.</p>
<p>Такая вот вышла книга прямиком из дикого мира свободного интернета. Да, она смешная, с глупыми ошибками, изданная без внимания редактора, но хочется верить, что кому-то она помогла понять, что сайты — это не очень сложно, а разработка — интересное занятие. Ведь ошибки, в общем-то, можно найти и исправить, а опыт их поиска останется и пригодится потом.</p>
<p>А самое главное — что для кого-то после прочтения этой книги создание и размещение в интернете резюме, рекламного материала или галереи с фотографиями стало просто увлекательным творческим занятием.</p>
<p>И это не я вам говорю, а книжка по веб-разработке. А книжке надо верить, ведь что попало в типографии не напечатают.</p>
<p class="copyrights"><span class="source">© <a target="_blank" rel="nofollow" href="https://habr.com/ru/post/576810/?utm_campaign=576810&utm_source=habrahabr&utm_medium=rss">Habrahabr.ru</a></span></p>
</div>
<br>
<!--<div align="left">
<script type="text/topadvert">
load_event: page_load
feed_id: 12105
pattern_id: 8187
tech_model:
</script><script type="text/javascript" charset="utf-8" defer="defer" async="async" src="//loader.topadvert.ru/load.js"></script>
</div>
<br>-->
<div style="padding-left: 20px;">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2514821055276660"
crossorigin="anonymous"></script>
<!-- PCNews 336x280 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2514821055276660"
data-ad-slot="1200562049"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- comments -->
<noindex>
<div style="margin: 25px;" id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'pcnewsru';
var disqus_identifier = '1111175';
var disqus_title = 'Листаю очень плохую книжку по веб-разработке';
var disqus_url = 'http://pcnews.ru/blogs/listau_ocen_plohuu_knizku_po_veb_razrabotke-1111175.html';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<!--<noscript>Please enable JavaScript to view the <a rel="nofollow" href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>-->
<!--<a href="http://disqus.com" rel="nofollow" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>-->
</noindex>
</div>
<br class="clearer"/>
</div>
<br class="clearer"/>
<div id="footer-2nd"></div>
<div id="footer">
<br/><br/>
<ul class="horz-menu">
<li class="about"><a href="/info/about.html" title="О проекте">О
проекте</a></li>
<li class="additional-menu"><a href="/archive.html" title="Архив материалов">Архив</a>
</li>
<li class="additional-menu"><a href="/info/reklama.html"
title="Реклама" class="menu-item"><strong>Реклама</strong></a>
<a href="/info/partners.html" title="Партнёры"
class="menu-item">Партнёры</a>
<a href="/info/legal.html" title="Правовая информация"
class="menu-item">Правовая информация</a>
<a href="/info/contacts.html" title="Контакты"
class="menu-item">Контакты</a>
<a href="/feedback.html" title="Обратная связь" class="menu-item">Обратная
связь</a></li>
<li class="email"><a href="mailto:pcnews@pcnews.ru" title="Пишите нам на pcnews@pcnews.ru"><img
src="/media/i/email.gif" alt="e-mail"/></a></li>
<li style="visibility: hidden">
<noindex>
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "93125", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
if (d.getElementById(id)) return;
var ts = d.createElement("script");
ts.type = "text/javascript";
ts.async = true;
ts.id = id;
ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js";
var f = function () {
var s = d.getElementsByTagName("script")[0];
s.parentNode.insertBefore(ts, s);
};
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else {
f();
}
})(document, window, "topmailru-code");
</script>
<noscript>
<div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=93125;js=na" style="border:0;" height="1"
width="1" alt="Рейтинг@Mail.ru"/>
</div>
</noscript>
<!-- //Rating@Mail.ru counter -->
</noindex>
</li>
</ul>
</div>
<!--[if lte IE 7]>
<iframe id="popup-iframe" frameborder="0" scrolling="no"></iframe>
<![endif]-->
<!--<div id="robot-image"><img class="rbimg" src="i/robot-img.png" alt="" width="182" height="305" /></div>-->
<!--[if IE 6]>
<script>DD_belatedPNG.fix('#robot-image, .rbimg');</script><![endif]-->
</div>
<!--[if lte IE 7]>
<iframe id="ie-popup-iframe" frameborder="0" scrolling="no"></iframe>
<![endif]-->
<div id="footer-adlinks"></div>
<noindex>
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a rel='nofollow' href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t45.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='1' height='1'><\/a>")
</script><!--/LiveInternet-->
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "93125", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
if (d.getElementById(id)) return;
var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
ts.src = "https://top-fwz1.mail.ru/js/code.js";
var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window, "topmailru-code");
</script><noscript><div>
<img src="https://top-fwz1.mail.ru/counter?id=93125;js=na" style="border:0;position:absolute;left:-9999px;" alt="Top.Mail.Ru" />
</div></noscript>
<!-- //Rating@Mail.ru counter -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function () {
try {
w.yaCounter23235610 = new Ya.Metrika({
id: 23235610,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
trackHash: true
});
} catch (e) {
}
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () {
n.parentNode.insertBefore(s, n);
};
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else {
f();
}
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/23235610" style="position:absolute; left:-9999px;" alt=""/>
</div>
</noscript>
<!-- /Yandex.Metrika counter -->
<!-- Default Statcounter code for PCNews.ru http://pcnews.ru-->
<script type="text/javascript">
var sc_project=9446204;
var sc_invisible=1;
var sc_security="14d6509a";
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<!-- End of Statcounter Code -->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-46280051-1', 'pcnews.ru');
ga('send', 'pageview');
</script>
<script async="async" src="/assets/uptolike.js?pid=49295"></script>
</noindex>
<!--<div id="AdwolfBanner40x200_842695" ></div>-->
<!--AdWolf Asynchronous Code Start -->
<script type="text/javascript" src="https://pcnews.ru/js/blockAdblock.js"></script>
</body>
</html>