Пройти обучение в HTML академии
Этот год начался с постепенного воплощения в жизнь давно сидевших в голове желаний. И научиться основам верстки одно из них.
В принципе с базой я уже знакома, за что спасибо tumblr и необходимости редактировать темы, но более точны, собранных вместе знаний не хватает. К тому же я задумываюсь над тем, чтобы в будущем работать над сайтами, поэтому маленький шажок к основам точно не помешает.
Пока воспользуюсь услугами html academy, по первому уроку ресурс пришелся мне по душе, надеюсь он себя оправдает. И немного мотивации:
Разницу между тем, кто чего-то достиг, и тем, кто не достиг ничего, определяет то, кто стартовал раньше.
Чарльз Шваб
Критерий завершения
Пройдено 18 уроков.
-
Знакомство
-
Структура HTML-документа
Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.
-
Разметка текста
Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое.
-
Ссылки и изображения
Научимся использовать ссылки, вставлять на страницу изображения. А в конце курса небольшой сюрприз.
-
Знакомство с таблицами
Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.
-
Знакомство с формами
Разберёмся как создавать простейшие формы, попрактикуемся использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.
-
Знакомство с CSS
Посмотрим на базовые понятия CSS: селекторы, каскадность, наследование, приоритеты. Взглянем на некоторые CSS-свойства для оформления текста, создания сетки страницы и позиционирования элементов.
-
Селекторы, часть 1
Опробуем один из самых важнейших механизмов CSS — селекторы. Научимся пользоваться простыми и продвинутыми селекторами, псевдоклассами, а также комбинировать их.
-
Наследование и каскадирование
Наследование, каскадирование, специфичность: что это и как их правильно использовать?
-
Оформление текста, часть 1
Разберёмся с самыми распространёнными CSS-свойствами для оформления текста: жирность, курсив, размер, цвет и многое другое.
-
Фоны, часть 1
Научимся использовать фоновые изображения и задавать цвета фона. Разберёмся с популярными форматами изображений и взглянем на некоторые приёмы создания декоративных эффектов.
-
Блочная модель документа
Научимся управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.
-
Сетки
Попробуем поймать поток документа и разобраться что это такое. Взглянем на тонкости свойства float и блочно-строчных элементов. Отработаем основные приёмы построения сеток.
-
Позиционирование
Взглянем на несколько режимов позиционирования элементов: относительном, абсолютном и фиксированном. А также попрактикуемся изменять расположение элементов на странице с помощью CSS-свойств для позиционирования.
-
Мастерская: создаём меню
Создадим с нуля несколько типовых навигационных меню: вертикальное, горизонтальное, многоуровневое и с выпадающим подменю. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предыдущих курсах.
-
Мастерская: декоративные элементы
Создадим с нуля различные декоративные элементы: социальные кнопки, переключатели страниц, блоки комментариев и так далее. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предшествующих курсах.
-
Знакомство с LESS
Познакомимся с основами препроцессора LESS и начнём разрабатывать свою библиотеку визуальных компонентов. Вместе научимся создавать цветовую схему для элементов интерфейса.
-
Знакомство с SVG
Мы познакомимся с SVG — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.
- 946
- 21 января 2017, 20:27
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением