<<
>>

Умение учиться — профессиональное качество веб-журн

алиста Перед веб-журналистом помимо выполнения своих непосредственных обязанностей стоит задача постоянного самосовершенст­вования в различных сферах, но главное — в технологиях интернета. Помочь ему в этом может сам интернет.
Интернет действительно способен удовлетворить практически любые образовательные запросы.
Если у вас появился вопрос относительно какого-то нового устройства или программного средства, то маловероятно, что этот вопрос возник только у вас. Скорее всего этот вопрос уже обсуждается на конференциях интернета или же присутствует в разделах FAQ (часто задаваемые вопросы). Так что вам остается только найти эти информационные ресурсы. Чаще всего, двигаясь таким путем, можно быстро получить ответ. Если найти его не удается, то либо вопрос поставлен некорректно, либо вы действительно обратили внимание на что-то новое, и тем ценнее будет для всех обсуждение вашего вопроса в соответствующих конференциях. Кроме того, у вас, как правило, есть возможность обратиться непосредственно к разработчикам техники и программ, найти и скачать посвященные данной теме руководства, учебные пособия, статьи и т.п. А также записаться на курсы, пройти тестирование и даже получить сертификат в интересующей вас области.
Советами по самообучению с помощью средств интернета будет легко воспользоваться, если у вас не вызывает трудностей работа с информацией, представленной в форме гипертекста. То есть не вызывают отторжения следующие уже рассмотренные нами характерологические свойства гипертекста:
• неопределенность, нелинейность, разрывность переходов;
• фрагментарность и клиповость;
• деканонизация ветхих ценностей и их профанация;
• серфинг по поверхности информационного мира вместо углубленного погружения в него;
• игровая реальность;
• всеобщий плюрализм.
5. Умение учиться как профессиональное качество веб-журналиста
Кроме того, современная культурная традиция работы с текстом носит в основном книжный характер. Непросто научиться воспринимать объемный в своей основе гипертекст тем, кто всю жизнь учился в линейном пространстве методом «от простого — к сложному», «от общего — к частному». Поэтому гипертекст требует известных усилий по адаптации своего мышления к структуре интернета.
Для начала вновь вернемся к краткому знакомству с HTML. Рекомендуем найти в сети то руководство по HTML, которое вам больше понравится. Их диапазон начинается от «HTML для чайников» или «HTML за пять минут» до спецификаций языка HTML.
HTML-код страницы — это то, что вы увидите, если попросите браузер вам его показать, или то, что откроется вам при попытках редактирования страницы с помощью текстового редактора, например блокнота.
Пример самого простого гипертекстового документа:
<ТITLE>Пример HTML документа
<Н1> Заголовок перврго уровня
<Р>Добро пожаловать в Internet!


В примере использованы следующие термины гипертекста (так называемые тэги):
— тэг, использующийся для определения заголовка;<br /><Н1> — тэг заголовка первого уровня; <br /><P> — тэг параграфа.<br />В языке описания гипертекстовых документов все тэги парные. В конечном тэге присутствует слэш (/), который сообщает обозревателю о завершении.<div class="r91"><script src='https://www.googletagservices.com/tag/js/gpt.js'> googletag.pubads().definePassback('/21200845/91', [[970, 90], [728, 90], [336, 280], [300, 250]]).display(); </script></div> Не все тэги совместимы с обозревателями. Если обозреватель не понимает тэг, то он его просто пропускает.<br />Общая структура документа:<br /><html> — первый тэг документа;<br /><head><br />Заголовок. Все, что находится в head, не отображается на экране, но информирует браузер о названии файла, описании, ключевых словах, кодировке, авторе и т.п. Все это оформляется с помощью так называемых метатэгов.<br /></head> <br /><body><br />А здесь размещается уже содержание страницы, размеченной с помощью тэгов. </body><br /></html> — последний тэг документа. <br />Все, что окажется после него, отображаться не будет. Текст в HTML размечается с помощью тэгов и их атрибутов.<br />Например, запись:<br /><р class=«text» etyle=«word-spacing: 7; text-align: center; line-height: 200%; margin-left: 6%; margin-top: 23px; margin-bottom: 6px»><br />определяет параметры форматирования абзаца: отступы, расстояние между словами, межстрочный интервал, выравнивание и т.п.<br />Особо следует остановиться на организации ссылок.<br />HTML позволяет вам связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием.<br />Для этого используется тэг <А>. После буквы А должен стоять пробел.<br />Запись выглядит примерно так:<br /><А HREF=«begin.html»>Bпepeд</A><br />Здесь слово «Вперед» ссылается на документ begin.html, находящийся в той же директории, что и исходная страница.<br />Если документ, формирующий ссылку, находится в другой директории, то подобная ссылка называется относительной:<br /><А HREF=«01/begin.html»>Bперед</A><br />Файл begin.html находится в нижней относительно исходного файла директории.<br /><А HREF=«../begin.html»>Bперед</A><br />Файл begin.html находится во внешней относительно исходного файла директории.<br /><А HREF=«http://www.s.ru/begin.html»>Bперед</A><br /> <br />Общий шлюзовой интерфейс и формы HTML. Общий шлюзовойинтерфейс (Common Gateway Interface) позволяет работать с данными веб-сервера в интерактивном режиме. Веб-сервер через CGI запускает поисковую программу и пересылает обработанные данные назад. Сама программа CGI хранится в каталоге CGI-BIN. Это означает, что файл из каталога CGI-BIN — всегда исполняемый файл. Если CGI-программа, например, взаимодействует с системой управления базой данных, то пользователь может получать некоторую интересующую его информацию в интерактивном режиме.<br />CGI-программы создаются посредством CGI. Код программы пишется, как правило, на языке описания сценариев Perl. Perl явля­ется интерпретируемым языком, интерпретатор которого соответствует операционной системе. Передача данных от сервера к программе CGI осуществляется сервером через командную строку и переменные окружения. Таким образом, сервер через общий шлюзовой интерфейс запускает программу CGI и пересылает ей вводимые пользователем данные. Сами данные вводятся через так называемые формы HTML.<br />Форма представляет собой гипертекстовую страницу с одним или несколькими полями данных и специальной кнопкой для передачи введенной информации.<br />Как и код любого гипертекстового документа, код формы начинается с тэга<br />FORM ACTION = /CGI-BIN/begin.PL и заканчивается тэгом /FORM. ACTION.<br />Аргумент ACTION — это URL программы CGI, т.е. /CGI-BIN/begin.PL.<br />METHOD — метод, используемый для запроса данных. Этот параметр задает режим передачи данных из формы в программу CGI. Основные режимы передачи — GET, HEAD и POST. Программа CGI должна поддерживать один из этих режимов, иначе обработки данных не произойдет.<br />В режиме GET данные входят через URL в строку запроса. Например, если программа обработки данных begin.PL лежит в каталоге CGI-BIN, то запрос HTML пойдет на сервер через ACTION следующим образом:<br />FORM ACTION=/CGI-BIN/begin.PL METHOD=GET<br />Теперь сервер знает, где находится программа begin. PL, поэтому он ее запустит в режиме GET. Программы CGI получают данные от переменных окружения и посылают выходные данные через общий шлюзовой интерфейс обратно пользователю. Например, после ввода тэга A HREF=begin.html на сервер пойдет запрос GET /begin.html. Заголовок GET определяет получение документа begin.html в корневом каталоге сервера.<br /> </section> <div class="r101"> <script src='https://www.googletagservices.com/tag/js/gpt.js'> googletag.pubads().definePassback('/21200845/101', [[970, 90], [728, 90], [336, 280], [300, 250]]).display(); </script> </div> <div class="tnav"><a href="/smi-jurnalistika-scicenter/vyibor-hosting-provaydera-44950.html" class="button15"><<</a> | <a href="/smi-jurnalistika-scicenter/proektirovanie-strukturyi-sayta-44954.html" class="button15">>></a> <div class="tnavst"><a href="/jurnalistika-smi-uchebniki-scicenter/internet-jurnalistika-pervoistochnik-yuniti.html" class="button15">↑</a></div> </div> <div class="rd" style=" clear: both; height: 10px;"></div> <div style="margin-top: 20px;">Источник: <b><a href="/jurnalistika-smi-uchebniki-scicenter/internet-jurnalistika-pervoistochnik-yuniti.html" class="hr_rez_poisk_tit">Калмыков А. А., Коханова Л. А.. Интернет-журналистика . Первоисточник: М.: ЮНИТИ-ДАНА, 2005. — 383 с. — (Серия «Медиаобразование»).. 2005</a></b> </div> <div class="rd"></div> <h2>Еще по теме Умение учиться — профессиональное качество веб-журн:</h2> <ol> <li><a href="/smi-jurnalistika-scicenter/tezisyi-44939.html">Тезисы</a> </li> <li><a href="/jurnalistika-smi-uchebniki-scicenter/internet-jurnalistika-pervoistochnik-yuniti.html"><b>Глава 5. Умение учиться — профессиональное качество веб-журналиста</b></a> </li> <li><a href="/smi-jurnalistika-scicenter/umenie-uchitsya-professionalnoe-kachestvo-veb-44952.html">Умение учиться — профессиональное качество веб-журн</a> </li> <li><a href="/smi-jurnalistika-scicenter/rezyume-44955.html">Резюме</a> </li> <li><a href="/smi-jurnalistika-scicenter/prilojenie-uchebnyie-programmyi-44979.html">Приложение 3. Учебные программы и проекты</a> </li> <li><a href="/pravo-rossii-jilischnoe-scicenter/formirovanie-jilischnoy-kulturyi-rossiyskih-87963.html">ФОРМИРОВАНИЕ ЖИЛИЩНОЙ КУЛЬТУРЫ У РОССИЙСКИХ ГРАЖДАН.</a> </li> <li><a href="/osnovyi-biznesa_1682-scicenter/brend-27324.html">Глава 2. Бренд</a> </li> <li><a href="/osnovyi-biznesa_1682-scicenter/samoorganizatsiya-effektivnost-28287.html">Самоорганизация и эффективность</a> </li> </ol> <div class="gsh"><gcse:search></gcse:search></div> <div class="bottomnav1"> - <a class="wf-main-nav__link2 selected" href="/smi-jurnalistika-knigi-scicenter.html" title="СМИ и журналистика">СМИ и журналистика</a> - </div> <div class="bottomnav"> - <a class="wf-main-nav__link2 " href="/arhitektura-stroitelstvo-scicenter.html" title="Архитектура и строительство">Архитектура и строительство</a> - <a class="wf-main-nav__link2 " href="/bezopasnost-jiznedeyatelnosti-scicenter.html" title="Безопасность жизнедеятельности">Безопасность жизнедеятельности</a> - <a class="wf-main-nav__link2 " href="/bibliotechnoe-delo-scicenter.html" title="Библиотечное дело">Библиотечное дело</a> - <a class="wf-main-nav__link2 " href="/biznes-knigi-scicenter.html" title="Бизнес">Бизнес</a> - <a class="wf-main-nav__link2 " href="/biologiya-scicenter.html" title="Биология">Биология</a> - <a class="wf-main-nav__link2 " href="/voennyie-distsiplinyi-scicenter.html" title="Военные дисциплины">Военные дисциплины</a> - <a class="wf-main-nav__link2 " href="/geografiya-knigi-scicenter.html" title="География">География</a> - <a class="wf-main-nav__link2 " href="/geologiya-knigi-scicenter.html" title="Геология">Геология</a> - <a class="wf-main-nav__link2 " href="/demografiya-knigi-scicenter.html" title="Демография">Демография</a> - <a class="wf-main-nav__link2 " href="/dissertatsii-rossii-scicenter.html" title="Диссертации России">Диссертации России</a> - <a class="wf-main-nav__link2 " href="/estestvoznanie-scicenter.html" title="Естествознание">Естествознание</a> - <a class="wf-main-nav__link2 selected" href="/jurnalistika-smi-scicenter.html" title="Журналистика и СМИ">Журналистика и СМИ</a> - <a class="wf-main-nav__link2 " href="/iskusstvovedenie-scicenter.html" title="Искусствоведение">Искусствоведение</a> - <a class="wf-main-nav__link2 " href="/istoriya-knigi-scicenter.html" title="История">История</a> - <a class="wf-main-nav__link2 " href="/kulturologiya-knigi-scicenter.html" title="Культурология">Культурология</a> - <a class="wf-main-nav__link2 " href="/literatura-scicenter.html" title="Литература">Литература</a> - <a class="wf-main-nav__link2 " href="/marketing-knigi-uchebniki-scicenter.html" title="Маркетинг">Маркетинг</a> - <a class="wf-main-nav__link2 " href="/matematika-scicenter.html" title="Математика">Математика</a> - <a class="wf-main-nav__link2 " href="/meditsina-knigi-scicenter.html" title="Медицина">Медицина</a> - <a class="wf-main-nav__link2 " href="/menedjment-knigi-uchebniki-scicenter.html" title="Менеджмент">Менеджмент</a> - <a class="wf-main-nav__link2 " href="/pedagogika-knigi-scicenter.html" title="Педагогика">Педагогика</a> - <a class="wf-main-nav__link2 " href="/politologiya-knigi-scicenter.html" title="Политология">Политология</a> - <a class="wf-main-nav__link2 " href="/pravo-scicenter.html" title="Право России">Право России</a> - <a class="wf-main-nav__link2 " href="/pravo-ukrainy-knigi-uchebniki-scicenter.html" title="Право України">Право України</a> - <a class="wf-main-nav__link2 " href="/promyishlennost-knigi-scicenter.html" title="Промышленность">Промышленность</a> - <a class="wf-main-nav__link2 " href="/psihologiya-books-scicenter.html" title="Психология">Психология</a> - <a class="wf-main-nav__link2 " href="/reklama-knigi-scicenter.html" title="Реклама">Реклама</a> - <a class="wf-main-nav__link2 " href="/religiovedenie-scicenter.html" title="Религиоведение">Религиоведение</a> - <a class="wf-main-nav__link2 " href="/sotsiologiya-knigi-scicenter.html" title="Социология">Социология</a> - <a class="wf-main-nav__link2 " href="/strahovanie-knigi-scicenter.html" title="Страхование">Страхование</a> - <a class="wf-main-nav__link2 " href="/tehnicheskie-nauki-scicenter.html" title="Технические науки">Технические науки</a> - <a class="wf-main-nav__link2 " href="/uchebnyiy-protsess-knigi-scicenter.html" title="Учебный процесс">Учебный процесс</a> - <a class="wf-main-nav__link2 " href="/fizika-scicenter.html" title="Физика">Физика</a> - <a class="wf-main-nav__link2 " href="/filosofiya-scicenter.html" title="Философия">Философия</a> - <a class="wf-main-nav__link2 " href="/finansyi-knigi-scicenter.html" title="Финансы">Финансы</a> - <a class="wf-main-nav__link2 " href="/himiya-scicenter.html" title="Химия">Химия</a> - <a class="wf-main-nav__link2 " href="/hudojestvennyie-nauki-scicenter.html" title="Художественные науки">Художественные науки</a> - <a class="wf-main-nav__link2 " href="/ekologiya-knigi-scicenter.html" title="Экология">Экология</a> - <a class="wf-main-nav__link2 " href="/ekonomika-scicenter.html" title="Экономика">Экономика</a> - <a class="wf-main-nav__link2 " href="/energetika-scicenter-knigi.html" title="Энергетика">Энергетика</a> - <a class="wf-main-nav__link2 " href="/yurisprudentsiya-knigi-uchebniki-scicenter.html" title="Юриспруденция">Юриспруденция</a> - <a class="wf-main-nav__link2 " href="/yazyikoznanie-scicenter.html" title="Языкознание">Языкознание</a> - </div><div class="gsh"><gcse:search></gcse:search></div> </div> </section> </div> <div id="side-nav" class="qp-ui qp-ui-side-nav-drawer" > <div class="side-nav-wrapper"> <span id="logo"><a href="/">SciCenter.online</a></span> <nav class="mdl-navigation wf-nav-drawer__container"> <ul class="wf-main-nav__list-level-1 wf-nav__list clear"> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/arhitektura-stroitelstvo-scicenter.html" title="Архитектура и строительство">Архитектура и строительство</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/bezopasnost-jiznedeyatelnosti-scicenter.html" title="Безопасность жизнедеятельности">Безопасность жизнедеятельности</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/bibliotechnoe-delo-scicenter.html" title="Библиотечное дело">Библиотечное дело</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/biznes-knigi-scicenter.html" title="Бизнес">Бизнес</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/biologiya-scicenter.html" title="Биология">Биология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/voennyie-distsiplinyi-scicenter.html" title="Военные дисциплины">Военные дисциплины</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/geografiya-knigi-scicenter.html" title="География">География</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/geologiya-knigi-scicenter.html" title="Геология">Геология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/demografiya-knigi-scicenter.html" title="Демография">Демография</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/dissertatsii-rossii-scicenter.html" title="Диссертации России">Диссертации России</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/estestvoznanie-scicenter.html" title="Естествознание">Естествознание</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section selected" href="/jurnalistika-smi-scicenter.html" title="Журналистика и СМИ">Журналистика и СМИ</a></li> <ul class="wf-main-nav__list-level-2 wf-nav__list clear"> <li class="wf-main-nav__item"><a class="wf-main-nav__link selected" href="/smi-jurnalistika-knigi-scicenter.html" title="СМИ и журналистика">СМИ и журналистика</a></li> </ul> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/iskusstvovedenie-scicenter.html" title="Искусствоведение">Искусствоведение</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/istoriya-knigi-scicenter.html" title="История">История</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/kulturologiya-knigi-scicenter.html" title="Культурология">Культурология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/literatura-scicenter.html" title="Литература">Литература</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/marketing-knigi-uchebniki-scicenter.html" title="Маркетинг">Маркетинг</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/matematika-scicenter.html" title="Математика">Математика</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/meditsina-knigi-scicenter.html" title="Медицина">Медицина</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/menedjment-knigi-uchebniki-scicenter.html" title="Менеджмент">Менеджмент</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/pedagogika-knigi-scicenter.html" title="Педагогика">Педагогика</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/politologiya-knigi-scicenter.html" title="Политология">Политология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/pravo-scicenter.html" title="Право России">Право России</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/pravo-ukrainy-knigi-uchebniki-scicenter.html" title="Право України">Право України</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/promyishlennost-knigi-scicenter.html" title="Промышленность">Промышленность</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/psihologiya-books-scicenter.html" title="Психология">Психология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/reklama-knigi-scicenter.html" title="Реклама">Реклама</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/religiovedenie-scicenter.html" title="Религиоведение">Религиоведение</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/sotsiologiya-knigi-scicenter.html" title="Социология">Социология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/strahovanie-knigi-scicenter.html" title="Страхование">Страхование</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/tehnicheskie-nauki-scicenter.html" title="Технические науки">Технические науки</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/uchebnyiy-protsess-knigi-scicenter.html" title="Учебный процесс">Учебный процесс</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/fizika-scicenter.html" title="Физика">Физика</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/filosofiya-scicenter.html" title="Философия">Философия</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/finansyi-knigi-scicenter.html" title="Финансы">Финансы</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/himiya-scicenter.html" title="Химия">Химия</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/hudojestvennyie-nauki-scicenter.html" title="Художественные науки">Художественные науки</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/ekologiya-knigi-scicenter.html" title="Экология">Экология</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/ekonomika-scicenter.html" title="Экономика">Экономика</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/energetika-scicenter-knigi.html" title="Энергетика">Энергетика</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/yurisprudentsiya-knigi-uchebniki-scicenter.html" title="Юриспруденция">Юриспруденция</a></li> <li class="wf-main-nav__item"><a class="wf-main-nav__link1 page-in-section " href="/yazyikoznanie-scicenter.html" title="Языкознание">Языкознание</a></li> </ul> </nav> <div class="legal"> <p class="copyright">SciCenter.online ©</p> <a title="SciCenter.online" href="mailto:info@scicenter.online">info@scicenter.online</a> </div> </div> </div> <footer class="wf-footer"> <div class="wf-footer__section-container"> <div class="wf-footer-section"> <ul class="wf-footer__list wf-footer__list--primary"> <li><a href="/o-proekte.html" title="О проекте">О проекте</a></li><li><a href="/avtoram.html" title="Авторам">Авторам</a></li> </ul> </div> <div class="wf-footer-section"> <ul class="wf-footer__list wf-footer__list--secondary"> <li><a title="SciCenter.online" href="mailto:info@scicenter.online">info@scicenter.online</a></li> <li> <div id="share"> <div class="social" url="http://scicenter.online/smi-jurnalistika-scicenter/umenie-uchitsya-professionalnoe-kachestvo-veb-44952.html" title="Умение учиться — профессиональное качество веб-журн" desc=""> <a class="push facebook" id="fb" ><i class="fa fa-facebook"></i></a> <a class="push twitter" id="tw"><i class="fa fa-twitter"></i></a> <a class="push vkontakte" id="vk"><i class="fa fa-vk"></i></a> <a class="push ok" id="ok"><i class="fa fa-odnoklassniki"></i></a> </div> </div> </li> </ul> </div> </div> </footer> <div id="maskmodal" class="qp-ui-mask-modal"></div> <script> document.getElementById("chmb").onclick = function() {myFunction()}; function myFunction() { document.getElementById("side-nav").style.visibility = "visible"; document.getElementById("side-nav").style.transform = "translateX(0px)"; document.getElementById("maskmodal").style.visibility = "visible"; document.getElementById("maskmodal").style.opacity = "1"; } document.getElementById("maskmodal").onclick = function() {myFunction1()}; function myFunction1() { /*alert('1'); */ document.getElementById("side-nav").style.visibility = "hidden"; document.getElementById("side-nav").style.transform = "translateX(-281px)"; document.getElementById("maskmodal").style.visibility = "hidden"; document.getElementById("maskmodal").style.opacity = "0.1"; } /*document.getElementById("sb").onclick = function() {myFunction2()}; function myFunction2() { document.getElementById("sw").style.width = "240px"; document.getElementById("sk").style.opacity = "1"; document.getElementById("sk").style.display = "block"; document.getElementById("search-input").focus(); } document.getElementById("sk").onclick = function() {myFunction3()}; function myFunction3() { document.getElementById("sw").style.width = "0px"; document.getElementById("sk").style.opacity = "0.1"; document.getElementById("sk").style.display = "none"; }*/ </script> <!-- Rating@Mail.ru counter --> <script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "2251153", 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=2251153;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" /> </div></noscript> <!-- //Rating@Mail.ru counter --> <div id="form"></div> <link rel="stylesheet" href="https://edugrampromo.com/assets/css/a24.prtnrsWidget.bundle.css"/> <script src="https://edugrampromo.com/partnersforms/form?component=type4&ref=534f780da5545fe1" charset="utf-8" async></script><script> (function() { var cx = '014762566334488543604:fkcxbdpd_88'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script><!-- sr3 --><!-- sr4 --><!-- sr5 --><!-- sr6 --><!-- sr7 --><!-- sr8 --><!-- sr10 --><!-- sr11 --><!-- sr12 --><!-- sr13 --><!-- sr14 --><!-- sr15 --><!-- sr16 --><!-- sr17 --> </body> </html>