Создать сайт на Joomla просто и удобно

В этой статье пойдет речь о расширении для браузера Firefox, которое поможет при верстании сайта и его продвижению в поисковых системах. Почему именно Firefox? Браузер «Opera», гораздо меньше подходит для верстания сайта, чем браузер Firefox, оснащенный замечательным плагином Firebug.

Firebug, позволят в разы снизить время на то, чтобы найти и исправить место в Html коде. Если вы только начинающий вебмастер  и понятие CMS вам не знакомо, то без него вам просто не обойтись.

Если у вас массу свободного времени, и необременительно искать нужное место вручную на исходной странице, то firebug вам не к чему. Этот плагин есть только у браузера Firefox, а браузер Opera пока отстает в этом вопросе.

Где же можно найти это чудесное творение? Его можно скачать со страницы аддонов для Firefox. На сегодняшний день актуальна версия 1.4.3.

Это простое дополнение, который позволяет расширить функционал браузера Firefox. На странице веб-разработчиков можно найти такую надпись Firebug – это эволюция web-разработки. И это так!

Попадая на страницу с аддонами для Firefox, увидите зеленую кнопку «Add to Firefox»  нажимаете ее напротив версии, которую хотите установить. Если вы это проделали находясь в браузере Firefox, то после нажатия на кнопку сразу начнется установка плагина Firebug. Для его активации, нужно перезагрузить страницу браузера, что и будет предложено сделать сразу после установки.

Если вы зашли на страницу с адднами для Firefox через другой браузер, то после клика мышкой на кнопку откроется обычный диалог загрузки. Этот плагин нужно будет сохранить на своем компьютере, затем зайти в Firefox - верхнее меню – «Файл» - «Открыть файл», на своем компьютере находите скаченный файл, после чего начнется процесс установки.

На успешную установку плагина, будет указывать значок Firebug в виде жучка, в правом нижнем углу Firefox.

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

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

В этом случае Firebug предлагает просто кликнуть правой кнопкой мыши по определенному месту, и с помощью контекстного меню выбрать пункт «Анализировать элемент» («Inspect»). В окне Firebug откроется только данный участок Html кода. Это очень удобно, и сколько сэкономите времени.

В открывшимся окне Firebug, внизу страницы вы увидите Html код. А тот элемент страницы, который вас интересует, будет подсвечен, синим цветом. Обратите внимание на строку вверху окна, которая начинается со слова редактировать. Если вы кликнете по этому слову мышкой, то появиться возможность редактирования выделенного фрагмента кода. И все проделанные изменения сразу появятся на странице. То эти изменения отразятся только на странице подчиненной Firebug, и на вашем ресурсе никак не отобразятся. При обновлении страницы все встанет на свои места. Таким образом, можно экспериментировать, например, с картинками на сайте.

Как вы уже поняли, в Firebug можно смоделировать различные варианты изменений в Html и CSS коде на страницах сайта. Теперь можно не теряя времени на поиск файла движка CMS, отвечающий за данный участок Html кода, просмотреть разные возможные варианты и подобрать нужный, или не производить никакие изменения. Любые манипуляции с Html и Css кодом может как улучшить вид вебстраницы, так и наоборот.