HTML. В качестве предисловия

Оглавление
03 июня 2009 г.

Что нужно для того, чтобы сделать сайт? Освоить один (или несколько) языков web-программирования. А какой из них в данной области наиболее востребован и популярен? Очевидный ответ - HTML.

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

Потом вам в любом случае придётся искать учебник по CSS и, вероятно, учебник по PHP. Потому что на голом HTML нормальный сайт сделать достаточно проблематично. К тому же потом ещё и переделывать придётся! Поэтому я решил в данном учебнике объединить информацию по основам HTML, CSS и добавить вводную статью о PHP.

На самом деле HTML и CSS перестали быть отдельными языками после выхода четвёртой версии спецификации HTML в 1998 году. Это случилось потому, что значительную долю функционала, присутствовавшего в версии HTML 3.2 перенесли в CSS. Это разгрузило HTML и сделало процесс создания web-интерфейсов более гибким.

HTML - HyperText Markup Language (язык разметки гипертекста)
CSS - Cascade Style Sheet (каскадные таблицы стилей)

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

То есть в спецификации HTML 4.01 (актуальная версия на конец 2012 года). Все учебники HTML написаны либо близко к спецификации, либо не близко и вполне могут сформировать неправильное представления о языке. Поэтому писать очередной учебник смысла нет.

В 2009 году я писал вводную статью для рассылки, которую позже решил не вести. Статья не потеряла актуальности и, несомненно, будет полезна и интересна всем читающим и желающим изучать HTML и делать сайты.

Начало изучения HTML

Итак, а что же в начале? С чего все начинается? Вот пришла в голову идея создать сайт. А что потом? Каждый подумает о чем-то конкретном, своем. Но сделают все абсолютно одно и то же - отправятся искать информацию.

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

Вся масса желающих разделится на две категории и отправится в яндекс вводить поисковые запросы учебник HTML и конструктор сайтов соответственно. Первых можно уважительно назвать чайниками, а вторых – снисходительно лодырями.

Если читатель не поленился и перешел по ссылкам, то будет очевидно, что соотношение первой группы ко второй будет приблизительно 1 к 4. Отдельно стоит заметить, что число лодырей со времени написания статьи увеличилось по отношению к чайникам на 50%:

Статистика поисковых запросов Яндекса

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

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

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

Кроме двух описанных групп возникнет третья. Те, кто наберет запрос спецификация html. Если мы обратимся к статистике яндекса, то выяснится, что группа эта очень малочисленна. Видите, как мало в наше время искателей истины?

Статистика поисковых запросов Яндекса

Собственно, эта статистика достаточно объективно иллюстрирует соотношение профессионального и любительского предложения на рынке труда в сфере сайтостроения (где-то 1 к 100). Так что грамотного специалиста найти сегодня крайне трудно. Соответственно, такие специалисты высоко ценятся. Любитель делает сайты за 5000 руб., хороший специалист - от 30000 руб. и выше.

И рано или поздно ко всем любителям экономить на качестве приходит понимание того, что нормальный сайт не может стоить 5000 руб.. Так что сами думайте - каким путём вы хотели бы пойти!

Вывод

Обучение HTML только лишь по спецификации - непростой путь. В спецификации присутствуют как рекомендации для разработчиков сайтов (по сути пользователей), так и техническая информация для разработчиков самого стандарта HTML и работающего с ним ПО (обозревателей). Причём чёткого разграничения одного с другим нет.

Но вот в чем загвоздка: если учиться по спецификации трудно или очень трудно, то учиться без спецификации просто неправильно или ошибочно. Такой вот выбор. В свою очередь всем, сделавшим выбор в пользу спецификации, я постараюсь помочь данным руководством.

Если у вас возникло ощущение, что вы читаете совершенно ненужную теоретическую нудятину, то имейте ввиду, что пословица Поспешишь - людей насмешишь! скорее всего про вас. Весь этот раздел (HTML & CSS) написан не для того, чтобы вы бросились создавать шедевры, а для того, чтобы помочь вам разобраться во всех тонкостях перед тем, как вы начнёте что-либо создавать.

Все последующие действия, которые вы сделаете по ходу ознакомления с данным разделом, носят тренировочный характер и не являются инструкцией по созданию сайта.

Когда вы ознакомитесь со всем разделом до конца и все примеры, описанные тут, у вас получатся, тогда (и только тогда) следует переходить ко второму подразделу Сайтостроения - Создание сайтов. Тем более в этом разделе не только теория и тут всего 9 страниц, так что будьте терпеливы.

Похожие статьи
HTML- это...

Так и напрашивается продолжение - HTML это что? Любой человек хоть немного знакомый с сайтостроением ответит: HTML - это язык разметки гипертекста. То есть надо им какой-то непонятный текст размечать, который непонятно почему вдруг стал с приставкой гипер (почему не супер?).

Следующий ожидаемый вопрос: Гипертекст – это что и зачем его размечать?. А гипертекст, друзья мои, - это...

18 июля 2009 г.

Яндекс.Метрика