1

Etapa 1

Знакомство

2

Etapa 2

Структура HTML-документа

3

Etapa 3

Разметка текста с помощью HTML

4

Etapa 4

Ссылки и изображения

5

Etapa 5

Знакомство с таблицами

6

Etapa 6

Знакомство с формами

7

Etapa 7

Знакомство с CSS

8

Etapa 8

Селекторы

9

Etapa 9

Наследование и каскадирование

10

Etapa 10

Промежуточные испытания

11

Etapa 11

Оформление текста с помощью CSS

12

Etapa 12

Блочная модель документа

13

Etapa 13

Позиционирование

14

Etapa 14

Сетки

15

Etapa 15

Фоны

16

Etapa 16

Мастерская: создаём меню

17

Etapa 17

Мастерская: декоративные элементы

18

Etapa 18

Завершающие испытания

1

Etapa 1

Знакомство

2

Etapa 2

Структура HTML-документа

3

Etapa 3

Разметка текста с помощью HTML

4

Etapa 4

Ссылки и изображения

5

Etapa 5

Знакомство с таблицами

6

Etapa 6

Знакомство с формами

7

Etapa 7

Знакомство с CSS

8

Etapa 8

Селекторы

9

Etapa 9

Наследование и каскадирование

10

Etapa 10

Промежуточные испытания

11

Etapa 11

Оформление текста с помощью CSS

12

Etapa 12

Блочная модель документа

13

Etapa 13

Позиционирование

14

Etapa 14

Сетки

15

Etapa 15

Фоны

16

Etapa 16

Мастерская: создаём меню

17

Etapa 17

Мастерская: декоративные элементы

18

Etapa 18

Завершающие испытания

31 mayo 2014

El objetivo está bloqueado

El autor del objetivo 21 junio 2014 bloqueó el objetivo

General

Изучить HTML5 + CSS

Давно хочу изучить HTML5, раньше начинал, но забросил. Основы помню, но все таки это не то.

Хочется научиться создавать простенькие сайты, а уже потом изучать PHP, реализовыать проекты самому, без чьей либо помощи.

Ну а пока в этом мне поможет ресурс http://htmlacademy.ru

Буду проходить все по этапам, записывая важное в тетрадку, которая пригодится освежать знания :)

  1. Знакомство

    Самые простые задания для знакомства с интерфейсом системы и базовыми понятиями верстки.

  2. Структура HTML-документа

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

  3. Разметка текста с помощью HTML

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

  4. Ссылки и изображения

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

  5. Знакомство с таблицами

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

  6. Знакомство с формами

    В этом курсе вы научитесь создавать простейшие формы, попрактикуетесь использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.

  7. Знакомство с CSS

    Вводный курс, в котором рассматриваются базовые понятия CSS: селекторы, каскадность, наследование, приоритеты. Вы познакомитесь с некоторыми CSS-свойствами для оформления текста, создания сетки страницы, позиционирования элементов.

  8. Селекторы

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

  9. Наследование и каскадирование

    Наследование, каскадирование, специфичность: что это и как их правильно использовать?

  10. Промежуточные испытания

    Промежуточные испытания базового цикла, в которых проверяется, как вы освоили HTML и основы CSS.

  11. Оформление текста с помощью CSS

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

  12. Блочная модель документа

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

  13. Позиционирование

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

  14. Сетки

    В курсе разбираются понятие потока документа, тонкости свойства float и блочно-строчных элементов, отрабатываются основные приёмы построения сеток.

  15. Фоны

    В этом курсе вы научитесь использовать фоновые изображения и задавать цвета фона. Также мы разберемся с популярными в веб форматами изображений и познакомимся с некоторыми приёмами создания декоративных эффектов.

  16. Мастерская: создаём меню

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

  17. Мастерская: декоративные элементы

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

  18. Завершающие испытания

    Завершающие испытания базового цикла, в которых проверяется, как вы освоили HTML и CSS.

  • 2661
  • 31 mayo 2014, 22:55
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?