Html не является языком программирования, как думают многие начинающие верстальщики. Собственно, html – это аббревиатура от словосочетания HyperText Markup Language, которое переводится на русский как язык гипертекстовой разметки.
С помощью языка разметки html создается структура (каркас) web страниц, а при помощи каскадных таблиц стилей, называемых css, страницы html получают необходимое оформление и приобретают красивый внешний вид.
Таким образом, когда Вы заходите на какой-либо сайт, Ваш браузер получает необходимые веб-страницы в виде html-кода и оформления к нему.
Упрощенно схема работы с сайтами выглядит следующим образом:
- сначала пользователь вводит в браузере доменное имя нужного сайта, например, yandex.ru или google.com;
- браузер посылает соответствующий запрос на сервер, где расположен сайт;
- сервер возвращает браузеру ответ, в котором содержится html-код запрошенной страницы;
- получив html- код, браузер обрабатывает его, загружает с сервера все необходимые дополнительные элементы оформления страницы (например, ccs файлы, изображения, скрипты), объединяет их между собой и в итоге пользователь видит на экране полноценную страницу сайта.
Что именно содержится в html-коде, который возвращается браузеру от сервера, и как этот код создается, мы начнем изучать со следующего урока. А сейчас рассмотрим инструментарий, который нам понадобится уже с первых уроков.
1. Первое, что нам необходимо – это интернет-браузер.
На текущий момент интернет-браузеров очень много, но несмотря на ваши предпочтения, для обучения Вам необходимо установить браузеры Mozila Firefox и Google Chrome как самые распространенные. Если они у Вас установлены – хорошо, если нет, то скачать их можно с официальных сайтов по ссылкам:
После установки браузера Mozila Firefox необходимо установить для него расширение Firebug. Для браузера Google Chrome это делать не нужно.
Как установить расширение Firebug для Mozila.
В меню «Инструменты» выбираем пункт «Дополнения». В открывшемся окне в строке поиска набираем слово firebug и нажимаем поиск. Среди всех расширений находим Firebug со значком жучка и устанавливаем его. После этого в панели меню появляется соответствующая кнопка. Для чего она нужна и как работать с расширением Firebug мы разберем на следующих уроках.
2. Следующий инструмент, который нам необходим – это программа для написания и редактирования html и css кода. Такие программы называются редакторами кода, их существует довольно много и особого требования к конкретной программе у меня нет. Если Вы уже пользуетесь каким-либо редактором кода и он Вам нравится - хорошо. Если – нет, то вот несколько ссылок на бесплатные редакторы:
Если Вам важно работать в русифицированной программе, то установите программу «Notepad++». Если английский язык Вас не пугает – рекомендую установить редактор «SublimeText».
