Please enable JavaScript.
Coggle requires JavaScript to display documents.
Технология проектирования и разработки интерфейсов для веб-ориентированных…
Технология проектирования и разработки интерфейсов для веб-ориентированных ИС
3.1 Структура HTML-документа. Правила оформления HTML-документа. Элементы и атрибуты. HTML5.
Структура HTML-документа
Базовая структура HTML-документа
Видео
Базовая структура HTML документа
HTML для начинающих 2021 / Структура документа
Структура HTML-документа
HTML Для Чайников. Структура HTML документа, или основы HTML для начинающих с нуля за 1 час
Структура HTML-документа
Правила оформления HTML-документа
Правила оформления HTML-кода
Руководство по оформлению HTML/CSS кода от Google
Правила оформления HTML
Видео
Правильное оформление HTML и CSS кода
Как оформлять HTML разметку. Советы начинающим!
Элементы и атрибуты HTML-документа
Metanit. Элементы и атрибуты HTML5
Mozilla. Начало работы с HTML
Хабр. Базовая структура HTML-документа с объяснением каждой строчки
Видео "Атрибуты элементов в HTML || Виды, свойства и синтаксис атрибутов"
Курс по HTML5 от "Metanit"
3.2 CSS. Способы добавления. Виды селекторов. CSS flexbox. CSS grid.
Курс от "Metanit"
Основы CSS
Mozilla. Основы CSS
Видео "Основы CSS для Начинающих (в 2023)"
Артур Нестеренко. Основы CSS
Способы добавления
Статьи
Timeweb. Как правильно подключить CSS к HTML
Htmlbook. Способы добавления стилей на страницу
Artzolin. Включение CSS в документы HTML
Встроенные стили (inline)
Внедренные стили (embed)
Внешние стили (external)
Глобальные стили
Связанные стили
Интерактивна карта "Самоучитель по HTML и CSS"
Виды селекторов
Универсальные селекторы
Селекторы по названию тега
Селекторы по классу
Селекторы по ID
Селекторы по атрибуту
Селекторы потомков/контекстные селекторы
Селекторы дочерние (только первые)
Селекторы сестринские/соседние (расположенные на одном уровне)
Селекторы псевдоклассов (селекторы состояния)
Селекторы псевдоэлементов
Статьи
Loftschool. Селекторы CSS
Mozilla. Селекторы CSS
Skillbox. Селекторы в CSS: что это такое, как они работают и какие бывают
HTML Academy. CSS-селекторы. шпаргалка для новичков
CSS flexbox
Mozilla. Flexbox
Mozilla. Основные понятия Flexbox
Хабр. Полное руководство по Flexbox
Doka. Гайд по Flexbox
Видео "CSS Flexbox. Полный курс"
CSS grid
Mozilla. Основные понятия Grid Layout
Хабра. CSS Grid понятно для всех
Skillbox. большой гайд по CSS Grid
Видео
Плейлист "CSS Grid верстка простыми словами"
CSS Grid верстка - Введение. Что такое гриды и зачем они нужны.
CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS
3.3 Приемы реализации адаптивной верстки. Основы веб-дизайна
Что такое адаптивная вёрстка и адаптивный дизайн сайта
Что такое адаптивная вёрстка страниц сайта: полный гайд, теория и практика
Адаптивная вёрстка: что это и как использовать
Как адаптировать сайт для мобильных: методы и примеры
Видео
Адаптивная верстка сайта на HTML CSS
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
КУРС "Основы веб разработки. HTML и CSS"
3.4 CSS-фреймворки при разработке образовательных ресурсов
Основы разработки электронных образовательных ресурсов -
https://kito.bspu.by/admin-panel/vendor/kcfinder/upload/files/lekzii/ЛК_Разработка%20ЭОР(2).pdf
Создание электронных образовательных ресурсов, поддерживающих активные или деятельностные с элементами исследовательских формы взаимодействия пользователя с контентом
Примеры
Создание структуры и разработка интерактивного цифрового ресурса по теме «Определённый интеграл» средствами html и CSS
Создание структуры и разработка интерактивного цифрового ресурса по теме «Булева алгебра» средствами html и CSS