Шпаргалки для начинающего верстальщика HTML/CSS
Аннотация
Книга, которую мы рассматриваем, является руководством по верстке веб-страниц для начинающих и делится опытом автора в изучении HTML и CSS. В начале автор повествует о своем пути самообучения, отмечая трудности, с которыми столкнулась при попытках применить теоретические знания на практике. После прохождения курсов и изучения литературы, она осознала, что в ее понимании остаются серьезные пробелы. Эта ситуация побудила её создать шпаргалки и анализировать типовые решения для упрощения дальнейшего обучения и практической работы.
В первой части отрывка автор дает рекомендации по использованию книги, акцентируя внимание на необходимости перехода от теории к практике. Она считает, что работа с основными элементами дизайна, такими как кнопки и карточки, поможет новичкам быстрее освоить верстку. В качестве полезного ресурса автор рекомендует искать бесплатные макеты в интернете, а затем практиковаться на них, изучая код и сопоставляя его с теорией. Шпаргалки, которые предлагает автор, служат практическими ориентиром для начинающих и помогают развивать навыки верстки через анализ написанного кода.
Далее автор обсуждает основные компоненты, из которых строится веб-страница. Она объясняет, как создать каркас сайта, используя теги HTML, и подробно описывает структуру шапки (header) сайта. В этом разделе акцент сделан на важности правильной организации семантики HTML и использовании таких тегов, как ``, для создания высококачественной разметки. Приводятся примеры, включая реализацию формы поиска, работы с изображениями и комментариями в коде, создавая тем самым основу знаний для более сложных проектов в будущем.
Отрывок продолжает обсуждение оформления шапки сайта с помощью HTML и CSS, выделяя два основных типа шапок. Первый тип включает в себя логотип, форму поиска и аватар пользователя. Приводится пример стандартного HTML-кода, объясняющего назначение различных тегов, таких как `
`, `
