HTML/Инструменты

Материал из Викиверситета

HTML — язык разметки. Код можно писать явно, с помощью текстового редактора, или генерировать с помощью WYSIWYG-редактора.

Код HTML определяется стандартами, поэтому существует средства автоматической проверки разметки, так называемые валидаторы. Если код проходит проверку валидатора, то его называют валидным.

Свободные текстовые редакторы[править]

Среди текстовых редакторов наиболее популярными сейчас являются:

Atom - бесплатный текстовый редактор от GitHub с открытым исходным кодом. Поддерживают подсветку синтаксиса, систему Git, есть различные темы и плагины. Идеален для тех, кто не хочет утруждаться с настройками программы.

Sublime Text - проприентарный текстовый редактор с возможностью пробной версии. Аналогично Atom, поддерживает подсветку синтаксиса, темы плагины, но требует предварительной установки. Идеален для тех, кто хочет подстроить программу полностью под себя

Выбор текстового редактора - дело удобства.

Отладка[править]

FireFox[править]

Сам по себе FireFox не даёт никаких средств для отладки кода. Но имеются специальные дополнения такие как, Web Developer и Firebug. Мы вкратце рассмотрим самые нужные опции этих двух дополнений. Web Developer даёт возможность блокировать некоторые возможности страницы (кэш, CSS, картинки, JavaScript и многое другое), показывать альтернативный текст картинки рядом с ней, быстро переходить к валидаторам для CSS и HTML, проверять ссылки и многое другое. Firebug может показывать консоль ошибок в JavaScript-коде, CSS, даже внешний.

Google Chrome[править]

ctrl+shift+j — запускает встроенный отладчик типа FireBug'а.

Cтартовая страница браузера[править]

При разработке бывает нужно много ссылок и чтобы все они были доступны очень быстро. Их удобно разместить на стартовой странице браузера, причём, стартовая страница должна быть доступна независимо от наличия интернета. Это значит, что стартовая страница должна находиться на Вашем компьютере. Нужно создать html-файл с каким-нибудь говорящим названием, например, start_page.html. И разместить его лучше в такой папке, откуда его никто случайно не удалит, например, C:\WebServers\home\start_page.html.

В FireFox'e c помощью плагина TabMixPlus настраиваем, чтобы стартовая страница открывалась в каждой новой вкладке браузера.

Понятно, что редактировать эту страницу можно меняя её исходный код. Но этот способ не подходит, потому что нам нужна скорость работы. В FireFox-е нам поможет плагин ViewSourceWith. Он позволяет установить в качестве дополнительного редактора исходного кода WYSIWYG-редактор. В качестве WYSIWYG-редактора можно использовать Seamonkey, т.к. он одновременно является ещё и браузером. А дополнительный браузер при web-разработке ещё пригодится.

Задания[править]

Заданий нет

Дополнительные задания[править]

Разместите в статье краткое описание хотя бы одного текстового или WYSIWYG-редактора. Попробуйте описать Notepad++, Visual Studio Code, Geany.