Главная » 2008 » Сентябрь » 1

Полезное расширение для изучающих HTML

Тэги: css, html, firefox Категория: Internet
01.09.2008
Комментариев: 7| Просмотров: 4727
Internet: Полезное расширение для изучающих HTML | showmehow.ru


Доброго времени суток уважаемые.

Прежде всего поздравляю всех с днём знаний! Дорогих учителей, которые иногда посещают мой сайт, а так же учеников и студентов с началом учебного года. Учится, учится и ещё раз учится, как завещал дедушка Ленин. Пожалуй это лучшее, что он сказал!

От поздравлений к полезной, надеюсь, информации.

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

Сегодня я расскажу вам о расширении которое очень полезно для сайтостроителей, как профессионалов в HTML, так и (особенно) для начинающих и только осваивающих HTML вэбмастеров.

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

Итак начнём.

Для начала, необходимо установить сам браузер, если вы этого ещё не сделали. Для этого зайдите на страничку http://www.mozilla.ru, где сразу на первой же странице вам будет предложено (хоть и по английски) скачать самую последнюю русскую версию. Думаю со скачиванием и установкой у вас проблем не возникнет. На момент написания заметки самая последняя версия 3.0.1

Далее устанавливаем само дополнение. Для этого идём в меню Инструменты\Дополнения


В открывшемся окне переходим на вкладку "Поиск дополнений" и вводим в строке поиска слово firebug (как это показано на изображении)


Затем нажимаем кнопку "Добавить в Firefox" и в открывшемся окне нажимаем "Установить сейчас"



В завершении потребуется перезагрузит  браузер. После перезагрузки браузера вы увидите иконку с изображением жука свежеустановленного расширения в строке статуса браузера.



Теперь зайдите на любой сайт, например тот над которым вы работаете, и нажмите эту самую иконку с жуком. Внизу окна браузера откроется панель с отображением кода текущей HTML страницы открытой в браузере. Если код не отображается нажмите кнопку HTML на панели инструментов Firebug.



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

Для пущей наглядности я отснял небольшое видео (всего на одну минутку).

Посмотреть его онлайн можно здесь

Формат не совсем привычный для пользователей Windows, но он успешно проигрывается любым проигрывателем если у вас установлены более-менее свежие кодэки (например набор K-Lite Codec Pack).

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

На этом на сегодня всё. До новых встреч. Удачного сайтостроительства!
 

Оцените статью Комментариев: 7

Комментарии к статье Полезное расширение для изучающих HTML

Всего комментариев: 7
avatar
7 A88 • 18:44, 03.01.2011
никак не появляется иконка с жуком
avatar
5 antiman • 20:59, 24.01.2010
ссылка на скачивание видеоурока не рабочая.
avatar
2 MatveyX • 16:55, 26.10.2009
А-а-а, Вы похоже уже "уехали"!
avatar
3 Administrator • 07:08, 27.10.2009
Кто уехал? Куда уехал?
avatar
1 michel • 01:16, 21.11.2008
Уважаемый Константин!!! Безумно интересны Ваши уроки, хочу себе построить Вебсайт и буду очень признателен за Ваши советы и прежде всего с чего начать, подскажите литературу или Ваши уроки. Это первое, второе, я хотел бы также получить совет по строительству моста при подключении WINXP к инету, чтобы не было 100% загрузки процессора. Поясню - я в UBUNTE 8.10 (хостмашина) установил VirtualBox 2.04, далее на VirtualBox 2.04 установил WINXP и, действуя строго Вашим рекомендациям, установил связь с инетом. Все получилось, но тем не менее, при попытке установить видеосвязь с помощью программы oovoo или skype, получается следующая картина - вебкамера хорошо работает, а при настройке звука происходит 100% загрузка процессора и, в результате программа зависает и ничего далее не получается. Бьюсь неделю и пока ноль. У меня подозрение, что моста связи инета от WINXP напрямую к модему не получается, происходит одновременное подключение к инету как UBUNTU 8.10, так и WINXP. Необходимо разделить это подключение таким образом, чтобы процессор обслуживал по мере необходимости либо WINXP либо UBUNTU 8.10, тогда, очевидно будет нормальная работа всех подключаемых программ. То есть, необходим свопинг процессора, который бы опрашивал работающие программы на данный момент времени и соответственно соединял бы их по мере необходимости с инетом. Для ясности у меня машина - Р4 intel 2,45GGz, 2GGb, 1Trb vinhester, modem TOMSON model TCM425, videokarta NVIDIO 6600 256mb. Очень буду признателен за помощь, с уважением, М.Л.
Ответ: michel, спасибо за добрый отзыв.
Начинать создание сайта нужно начинать с изучения HTML и CSS, я уже неоднократно в блоге давал ссылки как на книги, так и на видеоуроки, а в самом первом видеоуроке я прикладывал электронную книгу для начинающих. Вот ссылки:
http://www.showmehow.ru/blog/2008-09-19-24
http://www.showmehow.ru/blog/2008-07-08-6
http://www.showmehow.ru/blog/2008-06-24-3

Что касается моста и загрузки процессора. Для каких-то рекомендаций слишком мало информации. На сколько я понял загрузка процессора происходит во время работы из гостевой машины со звуковой картой компьютера? Подключение типа сетевой мост ни коем образом не влияет на это, а вот настройки виртуальной машины очень даже могут. Есть шанс, что VirtualBox просто напросто плохо работает со звуком, хотя я при воспроизведении в виртуальной машине mp3 никаких проблем не наблюдал. Кроме того, не могу ничего сказать на счёт oovoo, но вот Skype точно есть натуральный под Linux вообще и под Ubuntu в частности. Поэтому логичнее было бы использовать скомпилированный специально под линукс пакет Skype. Можно так же поискать в интернет, возможно есть натуральный аналог oovoo под линукс.

avatar
4 antiman • 20:52, 24.01.2010
А не лучше ли установить сам XP и 0 проблем...Чем столько мучатся.или же windows 7.
avatar
6 dkplayer • 19:43, 08.02.2010
Лучше чем что, Linux? Вопрос субъективный, кому то нравится пользоваться бесплатными безопасными программами, кому то продукцией известной софтверной компании... кому то хочется чувствовать свою правовую защищённость, а кому то пофиг на то что ОС ворованная... кому то кажется кощунством использование командной строки, а кого то бесит "улучшенный" графический интерфейс последних версий ОС гиганта ИТ индустрии...
avatar

При полном или частичном копировании материалов сайта, установка ссылки на сайт источник: http://www.showmehow.ru обязательна!