Пройти ряд курсов на htmlacademy, чтобы понять "что есть верстка" (что там внутри)
Заинтересовалась версткой, хочу попробовать себя в этом. Для начала решила старт взять с курсов.
Похожие цели читала, много нового для себя почерпнула. Объем большой, поэтому решила начать с мизерного шажочка, т.к. боюсь утонуть в амбициях, так ничего и не сделав (или просто испугаюсь разных "а вдруг" и так и не начну ни с чего).
(не уверена к какой именно группе отнести цель)
План будет редактироваться по мере прохождения курсов (буду добавлять новые, отчетность для себя).
Критерій завершення
Пройдены все бесплатные курсы?*
Особисті ресурси
бесплатные курсы, время, упорство страху
-
Курс знакомство
-
Поехали
-
СSS в действии
-
Закрепление
-
Азы HTML
-
Одиночные HTML-теги
-
Атрибуты HTML-тегов
-
Ищем ошибки
-
Азы CSS
-
Другие способы подключения CSS
-
Селекторы в CSS
-
Классы в CSS
-
Свойства и значения CSS
-
Работа над ошибками
-
Первое испытание
-
-
Структура HTML-документа
https://htmlacademy.ru/courses/26
Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.
-
С чего начинается HTML
-
Простейшая HTML-страница
-
Заголовок HTML-страницы
-
Кодировка HTML-страницы
-
Ключевые слова
-
Описание содержания страницы
-
HTML-комментарии
-
Подключение стилей
-
Тайна CSS-редактора
-
Подключение внешних стилей
-
Подключение скриптов
-
Подключение внешних скриптов
-
Первое итоговое задание
-
Второе итоговое задание
-
-
Разметка текста
https://htmlacademy.ru/courses/38
Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое.
-
Абзацы
-
Заголовки и подзаголовки
-
Неупорядоченный список
-
Упорядоченный список
-
Многоуровневый список
-
Ещё более многоуровневый
-
Список определений
-
Важность. Теги strong и b
-
Акцентируем внимание. Теги em и i
-
Переносы и разделители. Теги br и hr
-
Цитаты
-
Верхние и нижние индексы
-
Помечаем изменения. Теги del и ins
-
Преформатированный текст
-
Просто выделенный текст
-
Испытание: разметка статьи
-
Испытание: рецепт
-
-
Ссылки и изображения
https://htmlacademy.ru/courses/40
Научимся использовать ссылки, вставлять на страницу изображения. А в конце курса небольшой сюрприз.
-
Что такое ссылка?
-
Задаём адрес ссылки
-
Абсолютные адреса
-
Относительные адреса
-
Ссылка на файл
-
Ссылка на изображение
-
Ссылка с якорем
-
Всплывающая подсказка
-
Добавим изображение
-
Размеры изображения
-
Альтернативный текст
-
Изображение-ссылка
-
Фоторепортаж
-
-
Знакомство с таблицами
-
Знакомство с формами
-
Первая форма
-
Текстовое поле ввода
-
Идентификатор и значение по умолчанию
-
-
Знакомство с CSS
-
Селекторы, часть 1
-
Платные курсы
-
Кексби. Знакомство
-
Кексби. Разметка, оформление текста
-
Кексби. Ссылки и изображения
-
Знакомство с HTML5
-
Знакомство с JavaScript
-
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
