HTML5

Справочник HTML

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

Все примеры со всеми картинками теперь можно смотреть сразу в браузере!

Вот форма сразу для оплаты. Справочник стоит 59 рублей (с учётом комиссии обойдётся рублей в 65 примерно); как обычно, считайте это поддержкой сайта, чтобы в будущем были новые учебные курсы и руководства. Без вашей поддержки ничего этого не будет.

Кто уже приобретал, обновление должно прийти автоматом, лишний раз платить ничего не нужно.

Разделы веб-страницы

На webref.ru добавил новый курс Разделы веб-страницы, в котором описано, как использовать элементы nav, section, aside и др. Как обычно, курс отличается тем, что в нём есть вопросы для самостоятельной проверки, интерактивные задания и финальный тест для проверки знаний.

Структурные элементы страницы

Набор структурных элементов HTML5 вызывает массу вопросов у начинающих верстальщиков. Чем отличается <article> и <section>? В каком случае надо писать <main>, а в каком <article>? Что ставить в <aside>? Можно ли добавлять <section> в <footer>? В общем, вместо того, чтобы облегчить работу и упростить код, эти элементы только запутали. Казалось бы, есть спецификация HTML, к ней и надо обращаться по спорным вопросам. Но беда в том, что тексты спецификации можно трактовать по разному, поэтому на форумах часто происходят словесные баталии, каждый отстаивает свою противоположную позицию.

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

  • «шапка»;
  • «подвал»;
  • навигация;
  • статья;
  • боковая панель;
  • раздел.

Основы HTML

Приложение Основы HTML достигло показателя 5 тысяч установок. Более 30 положительных отзывов, более 100 оценок на пять звёзд и лишь единственная на единицу. Да, всегда найдётся пчёлка, которая в бочку несёт дёготь, а не мёд.

В общем, если вы ещё не установили это приложение на свой Андроид, то самое время это сделать. Приложение бесплатное, не содержит рекламы и каких-либо скрытых платежей.

Основы HTML

Объединил несколько учебных курсов от Джереми Томаса, связанных с HTML, в один, и сделал из них мобильное приложение под Android. Все задания в каждом уроке в наличии, а кроме того есть удобная навигация и быстрый переход к любому уроку.

Скачать приложение бесплатно без рекламы, регистрации и СМС.

Устанавливайте, используйте, делитесь и пишите письма, если заметите какие-либо ошибки.

Продвинутые уроки по HTML и CSS

Вот и всё. Книга Шэя Хоу полностью переведена и выложена для всеобщего обозрения. Это обзор веб-технологий, которые применяются при разработке сайтов и ориентированы они на тех, кто уже освоил HTML5 и CSS3.

Курс «Содержимое в HTML»

На сайте webref.ru появился новый курс Содержимое в HTML от Джереми Томаса, который закрывает тему основ HTML. К каждому уроку идут интерактивные задания для закрепления знаний, в конце курса проверочный тест. Задания разнообразных типов, так что на будущее будет полезно, если в комментариях вы скажете, какой тип заданий вам понравился больше всего.

Курсы по HTML

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

Курсы

На сайте WebReference появился раздел с курсами, как я их назвал. Пока их всего два, но со временем станет больше. Отличие от руководств на том же сайте в интерактивных заданиях, которые идут после каждой главы. Задания призваны проверить усвоенные знания и закрепить их. В планах также добавить проверку знаний в виде тестов в конце каждого курса и сделать практические задания для самостоятельного выполнения.

В общем, смотрите, читайте, делитесь впечатлениями.

Уроки по HTML и CSS

Начал переводить замечательную книгу Шэя Хоу Уроки по HTML и CSS. Книга довольно объёмная, состоит из 12 глав, так что решил выкладывать её постепенно, по мере перевода каждой главы, а не ждать завершения работы целиком.

Сейчас можно ознакомиться с первыми главами, в которых рассказывается что такое HTML и CSS на примере вёрстки сайта.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.