Браузер видит не страницу, а дерево элементов. Понять это дерево — значит перестать подбирать оформление наугад.
Веб-сайты и веб-страницы: клиент и сервер, статические и динамические страницы, роль браузера. Структура HTML-документа: заголовочная часть и тело, теги и атрибуты, парные и одиночные теги, вложенность элементов. Текстовые веб-страницы: заголовки разных уровней, абзацы, списки, ссылки внутренние и внешние. Оформление веб-страниц: каскадные таблицы стилей, селекторы по тегу, классу и идентификатору, подключение стилей, наследование и каскад, цвет, шрифт, отступы и рамки. Рисунки, звук и видео на странице, альтернативный текст, форматы и вес файлов. Таблицы: строки, ячейки, заголовки, объединение ячеек. Блоки и блочная вёрстка, потоки и позиционирование, адаптивность. XML и XHTML, строгие правила разметки. Динамический HTML и сценарии, изменение страницы после загрузки. Размещение сайта: хостинг, доменное имя, загрузка файлов на сервер.
HTML отвечает за смысл элементов, CSS — за их вид. Заголовок остаётся заголовком, даже если его сделать мелким; поисковые системы и программы чтения с экрана ориентируются именно на разметку.
Он показывается вместо не загрузившейся картинки, читается вслух программами для незрячих и учитывается поисковыми системами. Пустым его оставляют только у чисто декоративных изображений.
Одиннадцать заданий: выбор варианта, соответствие между элементом страницы и его назначением, восстановление пропусков, упорядочивание частей документа и вопросы на приоритет стилей. Разбор к каждому заданию показывает признак, по которому получен ответ. Работа рассчитана примерно на двадцать пять минут, отметка выставляется по шкале пятьдесят, семьдесят и восемьдесят пять процентов. Отдельные вопросы посвящены селекторам, объединению ячеек таблицы и публикации сайта на хостинге.
Тестирование одинаково удобно и на компьютере, и на смартфоне. Поскольку для работы можно указать окно выполнения, ученики вправе проходить её дистанционно, из дома. От списывания помогает наблюдение за переходами в другие вкладки и приложения в ходе прохождения.
Установите соответствие между понятием и его ролью при создании сайта.
Что задаёт заголовочная часть HTML-документа?
Разовая оплата, доступ навсегда — без подписки. Проведение с любого устройства: участники заходят по ссылке или QR-коду, регистрация не нужна. Результат и разбор ошибок — сразу после работы.
Купить тест — 490 ₽ Оферта и реквизитыДля всей школы — подключить организацию по лицензии →
Та же работа в кабинете родителя: ребёнок проходит её с телефона или компьютера, вы видите баллы, разбор каждой ошибки и то, какие темы просели. Первый тест — бесплатно.
Кабинет родителя Как проверять знанияЧтобы добавить тест в базу и провести диагностику — подключите школу к ЗнаниоМетр. Тест станет вашей редактируемой копией: правьте вопросы, баллы и запускайте сессии.
Подключить школу Посмотреть в демоРеальные экраны прохождения в ЗнаниоМетр: на компьютере, на смартфоне и версия для печати (PDF).