Введение в веб-разработку с HTML, CSS, JavaScript

Введение в веб-разработку с HTML, CSS, JavaScript

Дата публикации: 2023
Аннотация
Книга, охватывающая основы веб-разработки, начинается с основ настройки среды разработки. В ней рассматриваются ключевые инструменты, необходимые для работы веб-разработчика, в том числе браузер Google Chrome с инструментами разработчика, редактор кода Sublime Text 3, система управления версиями Git, а также модуль Browser Sync, который облегчает синхронизацию тестирования веб-приложений. Установка этих программ включает скачивание дистрибутивов и выполнение указанных инструкций, что позволяет читателю быстро начать работу над веб-проектами. Следующий раздел книги вводит читателя в язык гипертекстовой разметки HTML, который является основным строительным блоком веб-документов. HTML, или HyperText Markup Language, используется для описания структуры веб-страниц с помощью тегов. В книге обсуждаются важные аспекты работы с HTML, такие как его эволюция от HTML4 до HTML5 и роль организаций, таких как W3C и WHATWG, в стандартизации и развитии языка. Основное внимание уделяется правильной структуре HTML-кода и синтаксису тегов. Читатель учится основным принципам создания HTML-страниц, включая необходимость объявления типа документа (``). Описываются правила написания тегов и атрибутов, включая уникальность значений идентификаторов и правильное форматирование кода. Книга предлагает читателям пошаговую инструкцию по созданию первой HTML-страницы в редакторе Sublime, начиная с базовых элементов, таких как теги ``, `` и ``. Тег `` используется для метаданных, таких как кодировка и заголовок страницы, в то время как `` содержит основной контент. Одним из ключевых моментов является классификация HTML-элементов на блочные и встроенные. Блочные элементы, такие как `
`, занимают всю ширину строки и отображаются с новой строки, тогда как встроенные элементы, такие как ``, располагаются в строке вместе с другими элементами. Также обсуждаются заголовки `

` до `

`, акцентируя внимание на их функциональной роли в структуре документа, а не только в визуальной стилизации. Следующий раздел книги посвящен CSS (каскадным таблицам стилей) и их применению для стилизации HTML-элементов. Автор выделяет три метода применения стилей: встроенные стили, внутренние таблицы стилей и внешние таблицы стилей. Встроенные стили, размещенные в атрибуте `style` на уровне элемента, наиболее неэффективны для долгосрочного использования и обычно применяются для быстрого тестирования. Внешние таблицы стилей, в свою очередь, позволяют использовать одну и ту же стилизацию на нескольких страницах веб-сайта, что полезно для создания единого стиля. Автор книги также объясняет принцип каскадирования, который определяет, как CSS обрабатывает конфликты между стилями. Объясняется, что последнее объявление имеет высший приоритет, а не конфликтующие стили сливаются в одно итоговое. Тем не менее, специфичность селекторов имеет важное значение: более конкретные селекторы имеют приоритет над менее конкретными. В последней части книги обсуждаются различные свойства CSS, влияющие на отображение текста. Описаны важные свойства, такие как `font-family`, `color`, `font-weight`, `text-transform` и `text-align`, которые позволяют управлять стилем текста на веб-страницах. Читателю объясняются различия между абсолютными и относительными единицами измерения, такими как пиксели (px) и em, а также важность выбора шрифтов для обеспечения кросс-браузерной совместимости. В целом, книга предоставляет читателю детальное понимание основ веб-разработки, начиная от настройки рабочей среды и заканчивая основами использования HTML и CSS для создания эстетически привлекательных и функциональных веб-страниц.