1

Этап 1

Знакомство

2

Этап 2

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

3

Этап 3

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

4

Этап 4

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

5

Этап 5

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

6

Этап 6

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

7

Этап 7

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

8

Этап 8

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

9

Этап 9

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

10

Этап 10

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

11

Этап 11

Фоны, часть 1

12

Этап 12

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

13

Этап 13

Сетки

14

Этап 14

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

15

Этап 15

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

16

Этап 16

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

17

Этап 17

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

18

Этап 18

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

1

Этап 1

Знакомство

2

Этап 2

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

3

Этап 3

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

4

Этап 4

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

5

Этап 5

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

6

Этап 6

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

7

Этап 7

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

8

Этап 8

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

9

Этап 9

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

10

Этап 10

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

11

Этап 11

Фоны, часть 1

12

Этап 12

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

13

Этап 13

Сетки

14

Этап 14

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

15

Этап 15

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

16

Этап 16

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

17

Этап 17

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

18

Этап 18

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

21 января 2017
Цель завершена 29 мая 2018
Общая

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

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

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

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

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

 Критерий завершения

Пройдено 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 — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.

  • 969
  • 21 января 2017, 20:27
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?