12345, начинаем верстку изучать

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

Итак, рассмотрим те ресурсы, которые доступны и понятны для любого пользователя.

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

  1. Базовые понятия, основные теги;
  2. Структура html-кода;
  3. Таблицы, списки, разметка текста, маркировка ссылок;
  4. Создание и редактирование документа html;
  5. Принципы и основы табличной, блочной верстки;

Конечно, предложенная схема заслуживает здравой критики. Но в случае самообучения любая схема будет максимально субъективной.

Основной ресурс, на который я ориентируюсь постоянно — это w3.org

Ниже представлен небольшой обзор ресурсов, которые мне помогали в изучении:

1. htmlbook.ru — бесплатный ресурс Влада Мержевича для тех, кто делает сайты. На этом сайте есть масса полезной информации с примерами как по html, так и по css.

2. w3schools.com — отличный англоязычный ресурс с примерами по xml, html, css и многому другому. Советую использовать после ознакомления с азами html, чтобы не заблудиться.

3. xiper.net — бесплатный русскоязычный ресурс. На этом ресурсе можно найти массу полезных статей и приемов, которые пригодятся в дальнейшем. Все описано подробно и понятным языком.

4. dimox.name — авторский блог вебмастера для вебмастеров. Есть ряд тематических примеров и решений, изложенных доступным языком.

5. ktonanovenkogo.ru — еще один авторский блог для начинающих вебмастеров.

 

Еще несколько полезных сайтов: htmlka.com , webmascon.com.

Бонус: презентация возможностей html5

Если у Вас возникнут вопросы, я на них всегда готов ответить. Обычно я делаю это в течении нескольких часов.

 

About the author

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Я использую Google +

Пример рекламы от Google

Наши партнеры

www.work-zilla.com


Шаблоны для сайтов

Уже дописана статья

Подписка на новости блога