Разбор понятий: веб-страница, веб-сервер, сервисы, API, протокол HTPP, сеть Интернет. frontend & backend (что такое “толстый”, “тонкий” клиент).
Цель: общее представление о современной разработке сайтов и принципах их работы
Понятие HTML - языка разметки документов. Структура HTML документа, работа со ссылками, добавление меда в документ, работа с текстом (заголовки, листы, изменение шрифтов, специальные символы).
Семантика и организация HTML документов: навигация, элементы div и span, section, комментарии. Формы в HTML input’ов). Работа с таблиөами.
Цель: базовые навыки работы с HTML документами.
Занятие 3 Основы СSS.
Язык оформления стилей документа СSS – введение. Селекторы, обзор распространенных свойств, box model в CSS, верстка страницы с помощью float, позициониование элементов. Добавление стилей для передающегося контента. Эффекты: тени, углы, др.
Адаптивность с помощью CSS, media-запросы, flex, grid.
Цель: Умение адаптивно размещать контент HTML страницы.
Занятие 4 Работа с макетом сайта.
Разбор макета для верстки Создание, основа, работа с макетом сайта. Адаптивный дизайн с CSS
Цель: Сверстать страницу по макету, отрисовать простой мультик на CSS (с заданным блоком HTML).
Занятие 5 Основы веб-дизайна.
Введение, типография, использование цветов, подбор палитр, разметка страницы и spacing, введение в user experience, обзор различных guidelines.
Цель: Базовое представление о современном веб-дизайне. Сверстать динамическую страницу (сайт) и разместить напр.на github.com
