Каждому ученику рекомендуется внимательно прочитать список вопросов (особенно первые 20) и постараться оценить: по скольким пунктам возникает непонимание.
Оценка своих знаний – это самостоятельная работа!
Знаешь основы Web-дизайна – можешь ответить на все вопросы:
Основы
- Что такое интернет, сервер и клиент
- Что такое «Всемирная паутина» World Wide Web, как она устроена, что такое web-страница
- Что такое web-браузер, какие его основные функции («что он делает»), какие браузеры наиболее распространенные
- Что такое HTML, зачем он нужен, как написать web-страницу и открыть ее в браузере, как сделать ее доступной по сети
- Что такое HTML-тег и атрибут, какие бывают виды тегов, как устроены парные теги, что такое принцип вложенности
- Как выглядит шаблон («скелет») написанной по правилам web-страницы, основные служебные элементы: title, link, meta, style, script; что такое объектная модель документа, DOM (Document Object Model)
- Как в HTML устроен перенос на новую строку элемента html (текста, картинки)
- Что такое спецсимволы HTML, как поставить больше одного пробела подряд, знаки «<» и «>»
- Как сделать полужирный, подчеркнутый, курсивный шрифт
- Как создать 5 главных элементов web-страницы: заголовок, параграф, изображение, список, ссылка
Основы верстки
- Как создать таблицу: какие теги необходимы, как устроена их вложенность
- Что такое CSS. Как оформить элементы web-страницы при помощи CSS: внешними, внутренними, встроенными стилями
- Что такое селектор CSS. Есть ли у селекторов типа элемент начальные значения свойств, «по умолчанию». Как использовать основные виды селекторов: универсальный (*), элемент, класс (class), идентификатор (id), потомок, дочерний селектор
- Как задать цвет текста и цвет фона 1) в документе, 2) в отдельном элементе. Как применять способы задания цвета: ключевое слово, 16-ричные значения, функция rgb(), rgba() с прозрачностью. Что такое наследование свойств CSS
- Как задать изображение как фон 1) документа, 2) блока. Какие свойства у фонового изображения
- Что такое блочный и строчный элементы, какие их основные различия, можно ли блочный элемент сделать строчным и наоборот
- Позиционирование: как задать размеры блока, его рамку и его выравнивание по левому краю, по центру и по правому краю
- Как задать размер текста и его выравнивание по левому краю, по центру и по правому краю внутри блока
- Что такое внутренние и внешние отступы, как их задать для всего документа, для отдельного блока
- Что такое семантическая разметка документа, когда применяют ее основные элементы: header, main, nav, section, article, aside, footer
Верстка
- Как управлять свойствами таблицы, как верстать блоками, когда применять display: inline-block
- Как сделать меню на основе списка, как делать вложенные списки
- Какие существуют свойства текста, как и когда применять свойства text-transform, white-space, line-break, text-align, text-align-all, text-align-last, word-spacing, letter-spacing, text-indent, text-decoration
- Какие есть основные свойства шрифтов, их виды, начертание: как применять свойства font-family, font-weight, font-style, font-size. Чем отличаются базовые семейства шрифтов: serif, sans-serif, monospace, cursive, fantasy
- Как выбрать и установить внешние шрифты c fonts.google.com
- Как управлять стилем ссылок, что такое псевдоэлементы, как и когда использовать a:active, a:hover, a:visited
- Адаптивная верстка: как управлять стилями страницы на разных устройствах, при разной ширине экрана или окна браузера. Как применять свойство @media
- Как управлять стилями при помощи блока Flexbox. В чем суть понятий контейнер и элементы (items). Когда применяют свойства flex-direction, flex-wrap, justify-content, align-items, align-content. Когда применяют свойства order, flex-grow, flex-shrink.
- Как сделать градиент на фоне страницы, как применять функцию linear-gradient()
- JavaScript и теги input, button: как изменить стиль при взаимодействии пользователя с элементами страницы переключатель, кнопка.