Вёрстка сайта при помощи — Firebug!

Приветствую, всех читателей — Sozdaiblog.ru!

Сегодня, я покажу, как пользоваться Firebug.

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

Если Вы, как и я ведёте свой блог то думаю, давно столкнулись со словом – «Вёрстка». И всегда, делая эту злополучную вёрстку, сталкиваетесь с кучей проблем.

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

Как установить программу для вёрстки сайта – Firebug (Фаербаг).

Для того чтобы установить плагин firebug, нужно перейти по ссылке, на официальный сайт. Здесь, в правом верхнем углу нажать на большую красную кнопку:

В открывшемся окне, выбираем рекомендуемую версию фаербага и нажимаем кнопку – «Download»:

Вас, тут же перебрасывают в новое окно, где нужно нажать на большую зелёную кнопку с надписью – «+ Add too Firefox»:

После этого начнётся загрузка фаербага. Вам будет нужно разрешить его установку и по завершению перезагрузить браузер.

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

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

Вёрстка сайта — как пользоваться Firebug (Фаербаг).

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

После этих действий, внизу браузера появится рабочее окно данного дополнения:

Далее, в левом верхнем углу этого окна, нажимаем на иконку в виде прямоугольника со стрелочкой:

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

Теперь, в окне Firebug, в правой его части, будут отображаться – CSS свойства выделенного объекта, а в левой, можно посмотреть HTML-код и его местонахождение:

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

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

Надеюсь Вы поняли, как пользоваться Firebug (фаербаг) и страшные слова – «Вёрстка сайтов», больше Вас не пугают.

Перед тем, как делать вёрстку в обязательном порядке прочитайте – «Как сделать бэкап базы данных».

Так же можете почитать:

• Как вывести HTML-код в статье.

• Плеер для сайта.

• Как сделать карту сайта.

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

А Вы, самостоятельно верстаете свои сайты или обращаетесь к специалистам?

С уважением, Денис Черников!