Предыдущий ролик Следующий ролик  

Видео урок: Источники для изучения HTML

Основы веб-дизайна

Несмотря на то что изучать синтаксис HTML относительно просто, приходится еще изучать множество элементов, атрибутов и других сущностей, а также быть в курсе связанных с ними изменений. С учетом этого мне хотелось бы познакомить вас с парочкой онлайн-ресурсов по HTML, которые помогут вам приступить к изучению HTML, а в дальнейшем, когда вы будете создавать собственные страницы, послужат вам ценным справочным материалом. Итак, начнем вот с этой актуальной спецификации. Это W3.org, сайт проекта W3C. А это спецификация HTML5.1.

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

Поэтому если вы хотите сделать эту информацию более удобной для вас как для автора, то можете перейти в правый верхний угол и нажать кнопку "Add author-only styles" (Добавить только авторские стили). После этого вот здесь появится надпись "Developer View" (С точки зрения разработчика). Если прокрутить страницу вниз, то можно заметить, что содержание стало более удобным. Я не буду утверждать, что оно уже не такое огромное, зато были удалены все эти реализаторские штучки. И вы можете спокойно посмотреть, к примеру, что такое элемент body. Нажмите вот сюда. Откроется раздел, в котором описывается этот элемент, а затем приводится несколько примеров кода.

Это описание содержит именно ту информацию, которую хотел донести до нас автор. Участники проекта W3C разработали еще множество других документов, которые размещены либо на главной странице сайта, либо разбросаны по разделам со справочной информацией об HTML, CSS или вещах подобного рода. Да, их действительно сложно найти, к тому же они не очень хорошо структурированы. В связи с этим команда W3C и некоторые другие члены сообщества по стандартизации разработали вот этот сайт. Сайт webplatform.org. Как видите, на самом деле адрес этого сайта - docs.webplatform.org.

Это вики-сервис, предназначенный для обучения основам веб-дизайна и получения различной справочной информации. Остановим свое внимание на HTML-странице, хотя, как вы можете себе представить, этот сайт позволяет получить информацию не только об HTML. В разделе "HTML" спустимся чуть ниже и увидим некоторый обучающий материал по HTML5 и HTML. Здесь есть справочный материал по атрибутам на тот случай, если вы захотите узнать о них побольше. Есть справочная информация об элементах, что позволяет изучить все эти элементы. Тут хранится действительно замечательный набор документов.

Поскольку это вики-сервис, в некоторых из его разделов будет представлено больше информации, чем в остальных. Во время записи этого курса сайт docs.webplatform.org был еще относительно новым сайтом, поэтому в него до сих пор добавляется новая информация. Так что не удивляйтесь, если вдруг обнаружите несколько пробелов в текущей структуре документа. Чтобы получить более исчерпывающую информацию об HTML, рекомендую вам обратиться к проекту "Mozilla Developer Network" и найти там страницы, посвященные HTML5 и HTML. Это фантастический проект, поскольку здесь представлены... в общем, если спуститься чуть ниже, то можно увидеть разделы, специально предназначенные для обучения тому, как писать смысловой код, как с помощью HTML5 и HTML структурировать формы, разделы, содержащие вводную информацию по HTML5.

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

Для этих целей рекомендую вам воспользоваться сайтом html5doctor.com. Это совместный сайт, созданный множеством людей, одним из которых является Брюс Лоусон. Они выполняют фантастическую работу - отслеживают развитие HTML5 и оптимальные методики, используемые вами при структурировании различных типов контента с помощью тегов и элементов разных типов. Поэтому когда вам захочется получить более подробную информацию, обратитесь к этому замечательному сайту. И, конечно, мне хочется порекомендовать вам два курса lynda.com. Первый - "HTML Essential Training" Билла Вайнмана.

В нем действительно содержится множество вводной и более подробной информации по HTML. Второй курс - "Up and Running with HTML". Этот курс немного поменьше. Предназначен он для того, чтобы вы незамедлительно погрузились в HTML и познакомились с самим языком. Каждый из этих курсов отлично подходит для начального обучения HTML. Они позволят вам получить практический опыт создания страниц с помощью HTML.