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

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

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

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

06 декабря 2016

Цель заброшена

Автор не отписывался в цели 7 лет 5 месяцев 7 дней

Образование

Пройти курс по HTML ACADEMY. Повторение - мать учения. (открытая часть курса)

HTML ACADEMY. #htmlacademy

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

Берусь прямо сейчас. Кто в теме, ПОДПИСЫВАЙТЕСЬ и ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ!

(этапы и цели, будут добавляться/редактироваться по-мере прохождения курса )

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

Пройден весь, доступный бесплатно курс по HTML ACADEMY.

 Личные ресурсы

1. Время

2. Желание стать мастером веб-разработки

3. Стремление. Без него никак.

4. Интерес к данной области программирования.

 Экологичность цели

Создание дополнительных навыков для лучшей жизни.

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

  13. Сетки

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

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

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

    1. Кратко: чему научился ?

    2. Кратко: какие возникли вопросы?

  • 761
  • 06 декабря 2016, 16:08
Регистрация

Регистрация

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

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

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