Расскажу про палочку-выручалочку вебмастера — firebug. Существует сие чудо как приложение для mozilla firefox. Сейчас я даже не могу представить как я творил без firebug.

Основное назначение — наглядный «разбор» странички.

Ниже представлен внешнийвид приложения.

firebug - внешний видfirebug - внешний вид

Итак, пора перейти от общих слов к конкретике, а именно к тому как я использу firebug.

Установить firebug вы можете с официальной страницы плагина http://firebug.ru

1. Определение размеров элементов веб-страницы

Зачастую разбирая тот или иной шаблон или элемент странички для того что бы узнать размеры приходиться лезть в html или css код и долго искать необходимый элемент. С firebug всё заметно упрощается!

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

firebug режим макетfirebug режим макет

2. Изучение структуры страницы

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

3. Изучение css свойств дествующих на элемент

firebug позволяет узнать все css правила которые распостраняются на выбранный элемент. Он отображает не только свойства написанные непосредственно для элемента, но и наследуемые, причем свойства которые «перебиты» другим параметром вы так же можете увидеть, а это очень и очень упрощает «разбор полетов».

Скриншот для всех элементов страницы задано параметр padding=0На скриншоте выше можно увидеть что для всех элементов страницы задано параметр padding: 0 а для блока leftcol переопределен на padding: 5 px . Это значит что при удалении этого параметра значение lefcol станет 0.

Конечно это далеко не полный список задач решаемых уникальным приложением, но думаю что вы поняли что к чему и уже качаете firebug. Остальные возможности надеюсь вы изучите самостоятельно, и быть может напишете об этом пост) а я его с удовольствием прочту)

__________________________________________________________________________________________________________________

скачать joomla | обновление joomla | модуль joomla | администрирование | seo продвижение | joomla магазиншаблоны сайтов

обратная связь 

При копировании материала ссылка на сайт joomla4.ru обязательна.