1

Etapa 1

Знакомство

2

Etapa 2

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

3

Etapa 3

Разметка текста

4

Etapa 4

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

5

Etapa 5

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

6

Etapa 6

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

7

Etapa 7

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

8

Etapa 8

Селекторы, часть 1

9

Etapa 9

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

10

Etapa 10

Оформление текста, часть 1

11

Etapa 11

Фоны, часть 1

12

Etapa 12

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

13

Etapa 13

Сетки

14

Etapa 14

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

15

Etapa 15

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

16

Etapa 16

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

17

Etapa 17

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

18

Etapa 18

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

1

Etapa 1

Знакомство

2

Etapa 2

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

3

Etapa 3

Разметка текста

4

Etapa 4

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

5

Etapa 5

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

6

Etapa 6

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

7

Etapa 7

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

8

Etapa 8

Селекторы, часть 1

9

Etapa 9

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

10

Etapa 10

Оформление текста, часть 1

11

Etapa 11

Фоны, часть 1

12

Etapa 12

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

13

Etapa 13

Сетки

14

Etapa 14

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

15

Etapa 15

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

16

Etapa 16

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

17

Etapa 17

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

18

Etapa 18

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

21 enero 2017
Objetivo completado 29 mayo 2018

Autor del objetivo

Мартин

Ucrania, Киев

8 año / año / año

General

Пройти обучение в HTML академии

Этот год начался с постепенного воплощения в жизнь давно сидевших в голове желаний. И научиться основам верстки одно из них.

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

Пока воспользуюсь услугами html academy, по первому уроку ресурс пришелся мне по душе, надеюсь он себя оправдает. И немного мотивации:

Разницу между тем, кто чего-то достиг, и тем, кто не достиг ничего, определяет то, кто стартовал раньше.
Чарльз Шваб

 Criterio del fin

Пройдено 18 уроков.

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

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

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

  3. Разметка текста

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

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

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

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

    Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.

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

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

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

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

  8. Селекторы, часть 1

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

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

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

  10. Оформление текста, часть 1

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

  11. Фоны, часть 1

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

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

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

  13. Сетки

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

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

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

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

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

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

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

  17. Знакомство с LESS

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

  18. Знакомство с SVG

    Мы познакомимся с SVG — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.

  • 947
  • 21 enero 2017, 20:27
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?