Инструментарий
Для эффективной работы не обойтись без необходимых и привычных инструментов, в том числе и при написании кода HTML. Поэтому для разработки веб-страниц или даже небольшого сайта — так называется набор страниц, связанных между собой ссылками и единым оформлением, нам понадобятся следующие программы:
- текстовый редактор для написания кода;
- браузер для просмотра результатов;
- валидатор — сервис для проверки синтаксиса HTML и выявления ошибок в коде;
- графический редактор.
Далее рассмотрим эти инструменты подробнее.
Текстовый редактор
HTML-документ можно создавать в любом текстовом редакторе, хоть Блокноте, тем не менее, для этой цели подойдёт не всякая программа. Нужна такая, чтобы поддерживала следующие возможности.
- Подсветка синтаксиса — выделение тегов, текста, ключевых слов и атрибутов разными цветами. Это облегчает поиск нужного элемента, ускоряет работу разработчика и снижает возникновение ошибок.
- Работа с вкладками. Сайт представляет собой набор файлов, которые приходится править по отдельности, для чего нужен редактор, умеющий одновременно работать сразу с несколькими документами. При этом файлы удобно открывать в отдельных вкладках, чтобы быстро переходить к нужному документу.
- Проверка текущего документа на ошибки.
- Автодополнение — автоматическое закрытие скобок, кавычек и тегов. Опять же, это ускоряет работу и снижает число возможных ошибок. Некоторые редакторы также позволяют быстро вводить теги, определяя их по первым введённым буквам.
Ссылки на известные подобные редакторы приведены ниже.
Notepad++
Бесплатный редактор под Windows, обладающий массой возможностей, при этом оставаясь простым в освоении и очень шустрым.
Где скачать
https://notepad-plus-plus.org/download
Brackets
Лёгкий, быстрый, но современный текстовый редактор от Adobe, ориентированный на веб-разработку.
Где скачать
http://brackets.io
Sublime Text
Популярный среди веб-разработчиков редактор для Mac, Windows, Linux. Хотя Sublime Text является платным, но скачанной с сайта незарегистрированной версией можно пользоваться неограниченное время.
Где скачать
https://www.sublimetext.com/3
Браузер
Браузер — это программа, предназначенная для просмотра веб-страниц. На первых порах подойдёт любой браузер, но с повышением опыта и знаний потребуется завести целый «зверинец», чтобы проверять правильность отображения сайта в разных браузерах. Дело в том, что каждый браузер имеет свои уникальные особенности, поэтому для проверки универсальности кода требуется просматривать и корректировать код с их учётом. На сегодняшний день наибольшей популярностью пользуются следующие браузеры: Chrome, Firefox, Internet Explorer, Opera, Safari.
Google Chrome
Браузер, появившийся на рынке в конце 2008 года. Разработан компанией Google.
Где скачать
https://www.google.ru/intl/ru/chrome/browser/desktop/
Mozilla Firefox
Перспективный браузер, получивший признание во всем мире. Его особенность — простота и расширяемость, которая получается за счёт специальных расширений, как они называются. Изначально Firefox имеет набор только самых необходимых функций, но устанавливая желаемые расширения в итоге можно нарастить браузер до системы, выполняющей все необходимые для вашей работы действия. Браузер Firefox является открытой системой, разрабатываемый группой Mozilla.
Где скачать
https://www.mozilla.org/ru/firefox/products/
Microsoft Internet Explorer (IE)
Один из старейших браузеров, который бесплатно поставляется вместе с операционной системой Windows. Это и определило его популярность.
Где скачать
https://www.microsoft.com/ru-ru/download/internet-explorer.aspx
Microsoft Edge
Новый браузер, пришедший на смену IE. Поставляется вместе с операционной системой Windows 10.
Где скачать
https://www.microsoft.com/ru-ru/windows/microsoft-edge
Opera
Быстрый и удобный браузер, поддерживающий множество дополнительных возможностей, повышающих комфортность работы с сайтами.
Где скачать
http://ru.opera.com/download/
Safari
Этот браузер поставляется вместе с операционной системой MacOS на компьютерах, а также на смартфонах и планшетах Apple.
Где скачать
http://www.apple.com/ru/safari/
Валидатор
Валидация HTML-документа предназначена для выявления ошибок в синтаксисе веб-страниц и расхождений со спецификацией HTML. Соответственно, программа или сервис для такой проверки называется валидатором.
Для проверки следует зайти по адресу validator.w3.org и ввести путь к проверяемому документу или сайту в специальной форме. После проверки будут показаны возможные ошибки или появится надпись, что документ прошел валидацию успешно.
Графический редактор
Графический редактор необходим для обработки изображений и их подготовки для публикации на веб-странице. Самой популярной программой такого рода является Photoshop, ставший стандартом де-факто для обработки фотографий и создания графических изображений для сайтов. Но в большинстве случаев мощь Photoshop-а избыточна и лучше воспользоваться чем-нибудь более простым и проворным. В частности, программа Paint.Net позволяет сделать все необходимые манипуляции с изображениями, вдобавок бесплатна для использования.
Скачать Paint.Net
http://www.getpaint.net/download.html
Paint.Net работает только под Windows, под другие операционные системы есть редактор Gimp, также бесплатный для использования.
Скачать Gimp
https://www.gimp.org/downloads/
Из интересных редакторов есть Pixlr, у которого существует версия в виде веб-приложения, по своим возможностям отдалённо напоминающее Photoshop, но работающее прямо в браузере. Это позволяет быстро внести правки в графический файл, не устанавливая дополнительных программ.