редактирование CSS

Сегодня я хочу сказать несколько слов о плагине Firebug для Firefox, ведь FF должен стать хорошим другом веб-мастера, который желает заняться корректировкой дизайна своего сайта самостоятельно. Аддон firebug просто незаменим при разработке, создании, тестировании и изменении внешнего вида интернет-проекта, так как позволяет при поверхностном уровне знаний добиться хорошего результата.

Возможности Firebug

В предыдущей статье я рассказывал, как поменять шапку сайта на Joomla сегодня же расскажу коротко о других возможностях плагина, ведь всегда хочется подстроить шаблон сайта под свои нужды, а платить за достаточно простую работу не всегда есть желание. Firebug поможет не только проверить и при необходимости изменить таблицу стилей CSS (рисунок 2)и код html, но и даст возможность узнать потаённые тайны про JavaScript на странице. 

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

Проверяем скорость загрузки

Что касается скорости загрузки страниц, то для этого в плагине есть функция Page Speed, с помощью которой можно не только определить саму скорость, но и увидеть основные проблемы, замедляющие загрузку. Всё это будет в Вашем распоряжении, после того как Вы скачаете Firebug для Firefox с официального сайта здесь http://getfirebug.com/ и установите плагин, как показано на рисунке 1.

как открыть firebug

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

Подсказка на рубль

То есть, плагин Fifebug для Mozilla Firefox ничего сам не меняет – он подсказывает, что надо подкорректировать для смены шрифта, отступов и иных параметров страницы. На практике сначала подбирается необходимый стиль оформления ресурса, и после изменения переносятся на хостинг, а для удобства в левом окне аддона можно увидеть место расположения файлов CSS и даже строк для необходимой точной корректировки.

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

Комментарии   

0 #1 anatolij 17.07.2012 18:10
Давно хотел кое - что поправить в дизайне сайта. Теперь, прочитавши статью, наконецто это сделаю.
Цитировать

Добавить комментарий


Защитный код
Обновить