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. Кратко: какие возникли вопросы?

  • 760
  • 06 грудня 2016, 16:08

Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?