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

Материал из Викиверситета
Перейти к навигации Перейти к поиску

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

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

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

  • Notepad++ — бесплатный редактор текстовых файлов (замена стандартного Блокнота). Данная бесплатная программа облегчит работу в первую очередь программистам при редактировании кода или всем тем, кому необходим удобный и бесплатный текстовый редактор.

Основные особенности программы – удобная подсветка синтаксиса, поддержка многих языков программирования (CSS, HTML, JavaScript, PHP, Python, SQL, XML и тех с которыми веб-разработчик вообще не столкнётся), возможность создать свою подсветку синтаксиса, большое количество локализаций (в т.ч русской), возможность работы с несколькими документами, удобный поиск в тексте (а также замена), большое количество бесплатных плагинов и многое другое.

Распространяется: бесплатно. разработчик: Don HO Cистема: Windows All Размер: 4.93 Мб Адрес программы: [1]

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

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-редактора.