Firebug для Firefox! Как пользоваться расширением Firebug? Как использовать Firebug для работы с CSS. Возможности и принципы использования Firebug

У меня был установлен достаточно давно, вникать в специфику dev-версий, разбираться с их установкой/тестированием и собирать на себя все баги, которыми они были богаты — у меня не было ни малейшего желания.

По этой причине, до момента выхода версии с полноценной поддержкой расширений, я использовал Google Chrome только как более быструю альтернативу Mozilla Firefox — если мне нужно было быстро зайти на какой-то сайт, вместо довольно тяжелого Firefox, я открывал быстрый Chrome, смотрел нужную информацию и закрывал его. Дешево и сердито — но дальше дело не шло.

Однако с выходом новой версии, я решил поподробнее присмотреться к функционалу плагинов. Изначально, я пришел в каталог расширений для Google Chrome исключительно ради тех дополнений, к которым я привык в Firefox — управление табами, блокировщик рекламы и флеша, организация закладок и прочее. Памятуя довольно медленный процесс разработки плагинов для Mozilla Firefox, я рассчитывал увидеть не более чем alpha-версии плагинов, но был приятно удивлен — практически весь перечень расширений, используемый мною В Mozilla Firefox — был представлен и для Chrome. Причем, что меня больше всего удивило — некоторые плагины для Chrome превосходили по функционалу свои аналоги в Firefox.

Например, Twitter-клиент Cromed Bird уже умеет работать с листами, в отличие своего аналога — Echofon , а в уже изначально встроена поддержка определения ссылок (аналогичной функции в SeoQuake для Firefox — нет).

Воодушевившись действительно богатым арсеналом плагинов, у меня закралась крамольная мысль перевести Google Chrome из разряда программ «когда-никогда» в категорию «постоянно используемые». Исходя из этого, я с нова обратился к репозиторию плагинов — с целью найти те, которые привык использовать в процессе работы.

Итак, вот тот перечень плагинов, который был найден и используется.

Frebug Lite

Firebug Lite — думаю, этот плагин известен каждому разработчику и стоит одним из первых в его арсенале. Firebug для Google Chrome позволяет просматривать и редактировать HTML, CSS и JavaScript любой страницы «на лету», не выходя из браузера.

Достаточно лишь открыть панель Firebug, нажать «Inspect» и подвести курсор к нужному элементу — и HTML и CSS-код этого элемента отобразится в Firebug. Кроме того, особым «шиком» является тот факт, что код может быть отредактирован прямо в самом Firebug, без внесения изменений в исходные файлы.

Права нужно отметить, что его функционал пока еще несколько более ограничен по сравнению с версией этого же плагина для Mozilla Firefox, но с одной стороны — это пока только beta-версия, а с другой — основной функционал уже присутствует и работает без ошибок.

IE Tab

IE Tab — Internet Explorer абсолютно непопулярен среди разработчиков, поскольку чаще всего является источником бесконечных проблем. Однако данная точка зрения не разделяется пользователями и даже на сегодняшний день, при всем многообразии браузеров, IE занимает лидирующую позицию, вынуждая разработчиков в обязательном порядке учитывать все его «прелести».

IE Tab запускает движок Internet Explorer непосредственно в интерфейсе Google Chrome, позволяя разработчику быстро просматривать и находить проблемные места в верстке сайта.

Кроме того, иногда встречается обратная ситуация, при которой сайт адекватно отображается в Internet Explorer, но проблемно — в Mozilla Firefox или Google Chrome (в основном это относится к старым сайтам) . Для таких сайтов в IE Tab предусмотрен режим автоматической загрузки определенного сайта сразу же в Internet Explorer, минуя его загрузку в Google Chrome.

Eye Dropper

Eye Dropper — расширение, позволяющее узнать цвет любого элемента на странице. Кликнув «пипеткой» на элементе, вы получите информацию об этом цвете в RGB и HTML-коде.

В сущности, этот плагин — аналог инструмента Eyedropper Tool в Adobe Photoshop. Для меня плагин полезен в разработке тем, что позволяет не просматривать CSS-файл на предмет цвета какого-либо элемента, а также возможности открыть в соседней вкладке графический макет сайта и с помощью Eye Dropper быстро верстать CSS, не обращаясь каждый раз к Adobe Photoshop.

Resolution Test

Resolution Test — основной функционал плагина обозначен уже в самом его названии. Resolution Test для Google Chrome позволяет эмулировать изменение разрешение монитора за счет изменения размеров окна браузера.

Это означает, что не изменяя реального разрешения вашего монитора, Вы можете увидеть как будет отображаться сайт под другим разрешением.

В перечне доступных присутствуют практически все потенциально возможные разрешения, а в том случае, если требуется какое-либо нестандартное — его можно ввести в поле «Custom».

Также можно отметить галочками все требуемые разрешения и эмуляции будут открыты в новых окнах.

MeasureIt!

MeasureIt! — с точки зрения функционала, этот плагин очень прост и даже не имеет настроек. Он добавляет в Google Chrome — линейку, которая позволяет вам измерять в пикселях любой элемент или блок на сайте.

Я использую этот же плагин также и под Mozilla Firefox и помню насколько сильно был рад, когда его нашел. Очень часто возникают ситуации, при которых необходимо измерить размер какого-либо блока, состоящего из нескольких элементов — но сделать это без подобной «линейки» практически нереально.

Pendule

Pendule — этот плагин напоминает Web Developer для Mozilla Firefox, но пока что с гораздо меньшим функционалом. В данный момент плагин умеет работать с CSS, формами, изображениями и валидаторами. Кроме того, он обладает встроенным функционалом MeasureIt и Eye Dropper.

Speed Tracer

Speed Tracer — этот плагин позволит вам проанализировать, обнаружить и исправить проблемы в производительности вашего сайта. Расширение показывает в наглядной форме — на что и сколько тратится времени браузера, в частности: на разбор и выполнение Javascript, выполнение CSS, загрузка сетевых ресурсов, работу с DOM-элементами, рендеринг верстки сайта и т.д.

Aviary Screen Capture

Aviary Screen Capture — предоставляет вам возможность, используя средства сайта Aviary.com, создавать скриншоты любых страниц. Кроме этого, расширение позволяет:

• сохранять полученный скриншот на компьютере или сайте Aviary.com;
• использовать простые функции редактирования изображения.
• выделять области, поворачивать и обрезать изображение;
• быстрый запуск 6 дополнительных инструментов из пакета Aviary: Image editor, Markup editor, Vector editor, Color palette editor, Effects editor & Audio editor.

Chrome Sniffer

Chrome Sniffer — позволяет узнать, какие Frameworks, CMS и JavaScript библиотеки используются на сайте. Использовать его очень просто — при загрузке сайта, в адресной строке появляется иконка того или иного приложения.

В настоящее время расширение умеет определять до 50 популярных CMS и библиотек JavaScript, а в будущих обновлениях разработчики обещают расширять этот список.

Lorem Ipsum Generator

Lorem Ipsum Generator — расширение предназначено для генерации случайных текстов на основе Lorem Ipsum в один клик. Из настроек есть только 2 опции — «слов в строке» и «количество строк». Но, как говорит сам разработчик: «вам ведь не нужна базука для уничтожения крысы, ведь так?»

SeoQuake

SeoQuake — очень удобный плагин, демонстрирующий SEO-показатели сайта:

• Google PageRank
• Google Index
• Yahoo links
• Yahoo linkdomain
• Bing index
• Alexa Rank
• Webarchive age
• Delicious index
• ссылка на Whois
• исходный код страницы
• SEMRush rank
• подсветка Nofollow-ссылок.

По сравнению с версией для Mozilla Firefox, версия SeoQuake под Google Chrome в данный момент обладает более бедным функционалом, однако авторы просят учитывать, что это пока лишь только beta.

Chrome SEO

Chrome SEO — расширение с более серьезным функционалом, чем предыдущее. Если SeoQuake можно считать именно SEO плагином, то Chrome SEO — уже больше подходит обозначение SEO/SMO. Позволяет:

• Keyword Research Tool (Alpha Version);
• Подсветка NoFollow ссылок;
• Количество проиндексированных страниц;
• Текущий трафик и ранжирование;
• Демонстрация графиков;
• Определение Robots.txt и Sitemap.xml;
• Показатели социальных закладок;
• Кешированная версия страницы;
• Информация о домене: DNS, IP, Whois, Server Location

Yandex TIC & PR Viewer

Yandex TIC & PR Viewer — отображает PR и ТИЦ сайта, а также количество проиндексированных Google и Яндексом страниц, и Alexa Rank.

iPage Rank

iPage Rank — по словам разработчика, в отличие от всех остальных плагинов для простой проверки PR и ТИЦ, iPage Rank расскажет вам — сколько PR и ТИЦ будет передано на ваш сайт с помощью Dofollow ссылки на странице. Такой подход достаточно удобен для того, чтобы определить — есть ли смысл получать обратную ссылку с этого сайта.

Кроме того, он показывает сколько ссылок, follow ссылок, внешних follow links and внутренних follow есть на странице. Также, плагин использует случайный Google-сервер для получения значений PR — для избежания блокировки со стороны Google.

Pasterbin

Pasterbin — плагин позволяет вставлятьи подсвечивать код (C, Python, Ruby, HTML, CSS
...) в pastebin сервисы . Очень удобно для размещения кода на форумах, IRC или в социальных сетях (например, Twitter). Работает с paste.pocoo.org.

— плагин-комбайн, который позволяет получать разностороннюю информацию о вашем сайте:

А какие интересные расширения для Google Chrome используете Вы?

Firebug — отладчик web-приложений, используется как отдельное расширение для браузера Mozilla Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest.

Маловероятно, что эта статья заинтересует опытных веб-разработчиков, потому как среди них вряд ли найдется человек, который бы не знал, что такое Firebug и как им пользоваться.

Но ведь веб-мастерами не рождаются, ими становятся. И каждый гуру сайтостроительства когда-то тоже был новичком, старательно вникающим в пугающие своей сложностью технические премудрости процесса создания веб-сайтов.

Вот для таких людей, которые только начинают постигать азы сайтостроительства и написана эта статья, где мы постараемся рассказать об одном замечательном инструменте и незаменимом помощнике в таком непростом деле, как создание интернет-сайтов.

Вы сможете редактировать, отлаживать и исследовать CSS, HTML и Javascript вживую, на любой веб-странице.

Файрбаг

Речь идет о плагине Firebug, или как его еще называют по-русски «Файрбаг», «Фаербаг», что в переводе с английского означает «огненный жук».

Плагин Firebug – это встроенный в браузер программный продукт, который предназначен для просмотра и редактирования структуры страниц веб-сайта (html-кода, стилей CSS, скриптов и др.). Инструмент этот совершенно не интересен обычным пользователям всемирной паутины, но для тех, кто пробует себя в создании сайтов – вещь совершенно незаменимая.

Общепризнано, что самый удобный и как следствие, самый популярный Firebug — у браузера Mozilla Firefox. Вообще, строго говоря, само название Firebug — это бренд от Mozilla. Но так уж сложилось, что аналогичные продукты других производителей во всем мире тоже стали называть файрбагами.

Какие браузеры поддерживают Firebug

Кроме «Огненной лисы» Firebug есть и у браузера Google Chrome.

В принципе, файрбаги этих двух браузеров на современном этапе наиболее популярны у разработчиков сайтов, впрочем, как и сами браузеры.

Есть Firebug и в браузере Opera, но им пользуются намного меньшее число людей.

Пользование плагином Firebug кажется сложным только на первый взгляд. После того, как вы более-менее разберетесь с этим инструментом, вопросов будет возникать все меньше.

Вызывается Firebug во всех браузерах стандартно – нажатием кнопки F12, либо правой кнопкой мыши, где из контекстного меню необходимо в зависимости от вашего браузера выбрать пункт «исследовать элемент» или «инспектировать элемент».

После этого на мониторе появится рабочее окно файрбага, в котором мы можем увидеть весь html-код открытой страницы, а также другие ее элементы, включая css-стили.

А теперь, собственно говоря, поговорим для чего все это нужно.

А нужно все это для того, чтобы прямо из браузера, веб-мастер мог в тестовом режиме редактировать свой сайт, наблюдая в реальном времени за всеми изменениями, которые происходят на странице.

Допустим, на одной из страниц своего сайта вам захотелось поменять дизайн какого-то элемента. При помощи Firebug это можно сделать прямо из браузера, в «пробном режиме», не затрагивая самих файлов вашего сайта на сервере. Проще говоря, Firebug – это такой безопасный полигон, на котором можно ставить любые эксперименты с кодом вашего сайта, не опасаясь что-либо сломать.

Как пользоваться

Итак, вот страница нашего сайта. Перед нами стоит задача изменить цвет области вот этого заголовка с синего на какой-либо другой. Эту задачу, конечно, можно выполнить, изменив код непосредственно в файле стилей на сервере. Но ведь после изменения нам захочется посмотреть результат и если он нас не устроит, придется снова лезть в файл и править код. И так несколько раз, пока мы не добьемся нужного результата. Согласитесь, что это неудобно. С Firebug задача существенно упрощается.

В принципе, этот инструмент позволяет экспериментировать со многими другими параметрами сайта или же дает возможность посмотреть, как реализована понравившаяся вам идея на другом ресурсе – ведь Firebug позволяет смотреть код не только собственных сайтов, но и любых других.

Разобраться с премудростями работы Firebug не так сложно, как кажется на первый взгляд. И поверьте – оно того стоит. Пройдет буквально несколько недель после того, как вы впервые откроете для себя Firebug, и вам уже будет сложно представить, как можно было раньше обходиться без этого инструмента.

Для работы Firebug 1.4 требуется Firefox 3.0 или выше.

Я познакомлю Вас с незаменимым помощником для каждого веб-мастера. Работа со стилями, с таким инструментом, упрощается в несколько раз.

Расширение Firebug, как любое расширение служит для увеличения возможностей браузера. В данной статье я расскажу: где скачать Firebug для популярных браузеров Mozilla Firefox, Google Chrome и Opera, как его установить, а также постараюсь подробно описать, как пользоваться Firebug.

Изначально, плагин или расширение Firebug было создано группой разработчиком для Mozilla Firefox, поэтому в данном браузере расширение имеет самый мощный функционал.

Для остальных популярных интернет браузеров, таких как: Google Chrome, Opera и Internet Explorer, была разработана упрощенная версия — Firebug Lite, которая существенно уступает оригиналу, но тем не менее является вполне работоспособной.

Хочу подчеркнуть, что в этой статье я не стану описывать все возможности Firebug, а затрону лишь работу с HTML и CSS, так как основные читатели моего блога — это начинающие веб-мастера и для них будет сложно усвоить такие функции, как «JavaScript отладчик» или «DOM исследование».

С использованием дополнения, отпадает необходимость копаться в файлах шаблона, пытаясь определить какой class или id задан для определенного участка страницы.

В общем, работа с внешним видом сайта становится гораздо легче, быстрее и приятней. Поехали!

Где скачать и как установить расширение Firebug

Чтобы скачать расширение Firebug для Mozilla Firefox, необходимо открыть данный браузер и перейти по этой ссылке . Попадаем мы на страничку, где надо нажать на кнопку — «Добавить в Firefox»:

Затем откроется такое окошко:

Нажимаем на кнопку — «Установить сейчас» и начнется недолгий процесс установки. Если после перезагрузки браузера в верхнем правом углу появится значок с изображением жука, то значит Firebug успешно установился.

Установка на Chrome и Opera очень схожа и я думаю Вы разберетесь. Вот ссылочки на страницы для скачивания

Скачать Firebug для Chrome

Скачать Firebug для Opera

Выше я уже писал, что в браузерах Google Chrome и Opera, расширение представлено в сокращенном виде и чтобы более полно описать функционал Firebug, я запущу его в браузере Mozilla Firefox.

Работа со стилями. Как пользоваться Firebug

Начнем с самого простого примера. Допустим, нам надо поправить форму подписки от feedburner. У новичков очень часто с этим бывают большие сложности.

Недавно мне пришло письмо от одного моего постоянного читателя, в котором он попросил меня помочь справится с «непослушной» формой подписки. Ну вот у меня теперь есть прекрасная возможность продемонстрировать работу Firebug и заодно помочь человеку.

Вот как на данный момент выглядит форма на блоге автора письма:

Просто человек захотел разместить форму подписки непосредственно в статье и она растянулась у него на ширину всей страницы. Теперь я попробую исправить ситуацию средствами «волшебного» дополнения Firebug.

В браузере я нажимаю на значок жука и внизу страницы откроется «рабочая зона» расширения:

Далее, на панели управления выбираю иконку с изображением стрелочки (на скриншоте я ее обвел красным). C помощью этой функции можно выделить любой объект на странице и его код отобразится во вкладке — «HTML».

После нажатия на иконку, отвечающую за выделения, передвигаю курсор на край формы подписки и границы зоны очерчивается рамкой:

Ну вот и код формы подписки, с которым мне предстоит поработать. Чтобы закрепить выделенную область, надо щелкнуть, по появившейся рамке, левой клавишей мыши и тогда код формы должен подсветится синим фоном:

Теперь я буду править форму подписки, так сказать, в реальном времени.

Итак, в любом шаблоне есть файл style.css и как правило все стили прописываются именно в этом файле, но бывают и исключения. В форме подписки от feedburner стили заложены в сам код и мне надо найти слово style (с англ — стиль), после которого прописаны селекторы и их значения, отвечающие за различные параметры:

Давайте разберем, что за селекторы заданы для данной формы.

Border: 2px solid #00B344;

Селектор border (с англ. — граница) выводит рамку вокруг формы, толщиной в 2px (два пикселя).

Значение solid (можно перевести, как сплошная линия) задает вид рамки, т.е. если задать другое значение, например: dashed (пунктирная линия), то рамка станет пунктирной.

И последнее значение #00B344 — это цвет рамки.

Padding: 3px;

Селектор padding (с англ. — набивка) отвечает за внутренние отступы, т.е. в данном случаи селектор задает расстояния в пикселях от самой формы до рамки.

Text-align: center;

Селектор text-align (с англ. — выравнивание текста) выравнивает текст, относительно страницы. Значение center (с англ. — центр) дает команду браузеру выравнивать данные элемент по центру страницы.

Конечно я не буду перечислять все селекторы, которые используются в CSS. Делаю я это, так сказать, для наглядности и облегчения восприятия. В будущем я обязательно выпущу бесплатный, для своих подписчиков , видеокурс по основам HTML и CSS.

Итак, с заданными стилями мы разобрались, теперь я буду приводить форму подписки в надлежащий вид.

Для этого я применю еще один селектор margin (с англ. — край), который отвечает за внешние отступы, т.е. расстояния от рамки до краев расположенных рядом элементов.

Видно, что форма растянута и с помощью внешних отступов можно сделать ее немного компактней.

Делаю двойной клик левой копкой мыши по нужному участку кода и теперь, прямо в рабочей зоне расширения Firebug, можно вносить изменения в уже существующие параметры или задавать новые:

В самый конец кода формы подписки я добавляю селектор margin изадам для него следующие значения:

Margin: 0 180px 0 180px;

Немного поясню, что за цифры я тут написал. Цифры — это расстояния внешних отступов в пикселях, начиная с верхнего и далее по часовой стрелки. Т.е. для верхнего и нижнего отступов — значение ноль, а для левого и правого, задано расстояние в 180 пикселей.

Если есть одинаковые значения, то их можно «склеить», тем самым немного сократив код:

Margin: 0 180px;

Вот что в итоге должно получится:

И вот оно чудо! Форма подписки моментально приняла другой вид.

Все изменения внешнего вида сайта, сделанные с помощью расширения Firebug, для пользователей будут незаметны, и после обновления страницы исчезнут.

Если навести курсор на синий фон кода, то на странице подсветятся: внешние отступы — желтым цветом, внутренние — фиолетовым.

Другое дело! Только вот кнопочка «Подпишитесь» уж как-то сильно прижалась к полю ввода e-mail, надо ее немного опустить. Выделяю кнопку с помощью вышеописанных действий и вот ее код:

Но теперь, для наглядности, я пойду другим путем и воспользуюсь вкладкой «Редактировать», где задам следующие отступы для кнопки:

Margin: 7px 0 3px 0;

У меня получились одинаковые значения для правого и левого отступа и надо «склеить» нули:

Margin: 7px 0 3px;

Смотрим на результат:

Как я уже писал выше, после перезагрузки страницы все изменения исчезнут и чтобы они по-настоящему вступили в силу, придется править файл шаблона.

Firebug не только с легкостью находить коды, отвечающие за то или иной участок веб-страницы, но и предоставляет возможность предосмотра будущих изменений.

Но что же делать, если стили прописаны в отдельном файле? Давайте разберем и эту ситуацию.

Теперь для примера я выбрал блок с хлебными крошками со своего блога. Выделяю его, и в правом окне рабочей зоны отобразятся стили, которые прописаны в файле style.css :

Итак, что мы видим. Мне открылись все стили, прописанные в файле style.css, для идентификатора breadcrumbs.

Допустим, я хочу изменить цвет текста, и размер шрифта. Для этого мне понадобиться внести изменения в значения для селекторов: color (с англ. — цвет) и font-size (с англ. — размер шрифта).

Делаю двойной клик по значению селектора и появляется поле для правки:

Теперь мне не нравиться тени шрифта, надо их убрать. За тени отвечает селектор text-shadow (с англ. — тень текста). Навожу курсор на селектор и слева от него появляется красный значок:

Если кликнуть на этот значок, то селектор исчезнет и отменяться все его значения. Смотрим:

Тени, как не бывало! Следуя своим внезапным капризам, я решил сделать текст немного жирнее. Ага, а такого селектора здесь нет. Ну что же, придется его добавить.

За «жирность» текста в CSS отвечает селектор font-weight (с англ. — начертание шрифта).

Делаю двойной по символу «;» (можно кликать по любой строчке), который находится в конце каждой строки или по символу «}» и появится поле для ввода нового селектора и его значений:

Сначала, в появившемся поле, я прописываю сам селектор, потом нажимаю клавишу Tab и вписываю значение bold (с англ. — отчетливый):

Наверное Вы заметили, что Firebug показывает порядковый номер строки, начиная с которой в файле style.css прописаны стили для выделенного идентификатора или класса:

И если кликнуть по номеру, то в правом окне рабочей зоны, откроется файл style.css и стили для идентификатора, с которыми я работал, подсветятся голубоватым фоном.

Также для правки стилей можно пользоваться вкладкой CSS, где будет отображаться файл style.css целиком:

Если выделить объект и воспользоваться вкладкой «Маркет», расположенной в правом окне рабочей зоны, то мы увидим следующую картину:

Как Вы уже догадались, в этой вкладке наглядно демонстрируется размеры самого выделенного элемента (690х41 пикселей), а также: внутренние отступы (padding) , рамка (border) и внешние отступы (margin).

Надо закруглятся, а то я так статью никогда не закончу. Надеюсь я доходчиво объяснил использовать Firebug для работы со стилями, но если какие-то моменты Вам остались непонятны, задавайте свои вопросы в комментариях и постараюсь точечно разобрать ситуацию.

P.S. Как видите, если немного знать английский язык, то изменение стилей окажется не таким уж и сложным занятием.

На сегодня у меня все! Как вам статья?

С уважением, Виталий Кириллов

Он позволяет увидеть то, как будет выглядеть внешний вид блога, не внося изменения в код темы WordPress . Откорректированный дизайн будет доступен в режиме онлайн только Вам и только на открытой странице браузера. Если Вы захотите попробовать новый шрифт или размер символов, то благодаря Firebug Chrome можно моментально увидеть изменения:smile:.

Конечно, реально обойтись без расширения для Гугл Хром и самостоятельно доработать код, найдя нужное место. И все же я помню, как абсолютно ничего не понимая в коде, пытался изменить дизайн блога WordPress. Приходилось регулярно , правда, хорошо, что все предварительные изменения делал на специально .

В общем, Firebug Lite установить нужно обязательно и научиться им пользоваться тоже. Это очень нужное и полезное расширение для Хром еще не раз пригодится Вам;). Лично я просто обожаю его за свою простоту и эффективность.

Как установить Firebug на Chrome?

Для пользователей браузера Firefox также есть своё дополнение Mozilla FireBug. Скачать бесплатно Firebug для Firefox можно на официальном сайте . Кстати, это расширение имеет гораздо больше функциональных возможностей, чем в браузере Хром.

Как пользоваться расширением FireBug в Chrome?

Узнать, как пользоваться FireBug не составит большого труда. На мой взгляд, даже обладая минимальными знаниями можно быстро сделать красивый внешний вид. FireBug для Chrome – это очень удобная и нужная вещь, рекомендую всем начинающим web-мастерам освоить работу с ним.

Мы еще не раз будем возвращаться к этому ценному расширению при работе над дизайном и чтобы всегда быть в курсе последних новостей, подписывайтесь на обновления .

Учимся общаться с президентами! С президентом России нужно говорит хорошо и бросать трубку быстро;), вот как-то так: