Наконец‑то в электронном учебнике Василия Половнёва и Игоря Петрова «ХТМЛ. Вёрстка сайтов для дизайнеров, редакторов и руководителей» вышли новые главы: «Формы», «Псевдоклассы», «Псевдоэлементы» и «Позиционирование». Главы доступны всем читателям, оформившим предзаказ.
Всем, кто оформит предзаказ, мы подарим два месяца подписки бесплатно.
Читатели научатся верстать и оживлять формы на сайте, добавлять элементам обратную связь и подробно изучат способы позиционирования элементов на странице. Книга последовательно учит вёрстке с живыми примерами: рядом с кодом всегда видно результат.
Книга будет полезна дизайнерам, редакторам, руководителям и всем, кто занимается созданием продуктов в интернете.
Формы
Через формы посетители сайтов отправляют заявки и оформляют заказы.
В учебнике читатели изучат вёрстку элементов форм: полей ввода, чекбоксов, радиокнопок, выпадающих списков и кнопок, научатся «оживлять» форму без привлечения программиста, чтобы самостоятельно добавить работающую форму на свой сайт.
Псевдоклассы и псевдоэлементы
Псевдоклассы добавляют наглядную обратную связь интерактивным элементам: подсвечивают кнопку при наведении и клике, обозначают поле ввода, в котором стоит курсор. Ещё с помощью псевдоклассов можно разнообразить вёрстку — чередовать стили элементов, в зависимости от их порядка и расположения на странице.
Псевдоэлементы создают дополнительную, «виртуальную» разметку. Ими создают декорации, увеличивают область клика или защищают текст от копирования и попадания в поисковики.
Позиционирование
Чтобы понять, где на странице показать элемент, браузер сверяется с его размерами и типом позиционирования. Чтобы определить размеры элемента, браузер представляет его в виде прямоугольной области, бокса, считает ширину и высоту содержимого, отступы и рамки. По умолчанию браузер раскладывает боксы сверху вниз друг за другом. Чтобы расположить боксы на странице по модульной сетке, используют пять способов: флоаты, тип позиционирования, таблицы, флексбоксы и гриды.
В учебнике мы последовательно разбираем методы раскладки боксов: тип позиционирования, флоаты и флексбоксы. Отдельные развороты посвящены пошаговой вёрстке и упражнениям, на которых можно набить руку и лучше познакомиться с раскладкой.
Демонстрационные развороты
В книге доступны бесплатные демонстрационные развороты, на них читатель познакомится с устройством веб‑страницы, научится верстать и настраивать простейшие модули, а также узнает о возможностях современных вариативных шрифтов в вебе.
Демонстрационные развороты завершает упражнение по вёрстке. Читатель расставляет кусочки кода, чтобы получившаяся вёрстка совпала с эталоном.
Предзаказ книги и 2 месяца в подарок
По‑прежнему действует предзаказ. Если подписаться на книгу до её выхода, то два месяца подписки будут в подарок. А книгу при этом уже можно начать читать прямо сейчас. Срок подписки пока не тикает.
Для тех, кто уже подписан на другие книги бюро, действует спеццена. Чтобы скидка подействовала, войдите в Бюросферу, используя адрес, с которым вы подписывались на любую из других книг.
Кстати, подписку можно подарить. Порадуйте друзей, знакомых и коллег.