Главная » Материалы » IT info » Полезные советы

---

Firebug – помощник при создании сайта

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

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

Но обо всем по порядку.

Скачать плагин можно с Firebug.EN.Softtonic.com, после скачивания установки и перезапуска браузера(все в автомате) запускаем плагин кликнув на значок в правом нижнем углу браузера.

Вверху окна расположены кнопки панели управления, а основная часть плагина разделена на левую и правую половину. В левой половине вы видите код HTML страницы сайта открытого в этот момент в браузере, в правой стили CSS. В левой половине окна плагина, вы видите вложенные друг в друга элементы кода, например теги [DIV]. Нажав на «+» мы увидим содержимое этого тега при этом перемещение мышки по контейнерам тегов подсвечивает синим экраном то место в открытой странице, что именно находится в этом контейнере.

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

Выбрав нужный фрагмент страницы кликнем левой клавишей мышки и увидим участок кода синего цвета, отвечающий за этот фрагмент.

Нажав на «+» мы можем изменять открывшийся код, наблюдая за изменениями на открытой странице. При этом никаких изменений в реальном коде не происходит (не бойтесь испортить).

Если вас удовлетворят изменения, то вы должны их запомнить и внести в реальный код.

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

Не пожалейте своего времени, зайдите на страницу Firebug.Ru и более подробно изучите их.