Литература и ресурсы по HTML/CSS

Литература по HTML/CSS

1. Чак Муссиано и Билл Кеннеди "HTML и XHTML. Подробное руководство" 6-е издание. Издательство: Символ-Плюс, 2008 г. (рекомендую)
"HTML и XHTML. Подробное руководство" - самая полная и современная книга по языкам HTML и XHTML, разъясняющая работу и взаимодействие каждого их элемента. Она удачно сочетает в себе лучшие качества понятного учебного пособия, адресованного начинающим, и всеобъемлющего справочника, который всегда под рукой даже у опытных веб-программистов. Этот труд, ставший классическим, содержит все от базового описания синтаксиса и семантики до практических советов, поможет вам найти свой неповторимый стиль и в совершенстве овладеть языком веб-дизайна.
Описаны стандарты HTML 4.01, XHTML 1.0 и CSS2, приведен обзор еще не вступивших в силу стандартов XHTML 2 и CSS3. Уделено внимание к новейшим инициативам разработчиков XHTML (XForms, XFrames и модуляризации), а также основам XML. Рассмотрены: управление внешним видом документа с помощью таблиц стилей; работа с HTML-кодом, сгенерированным автоматически; работа с фреймами, интерактивными формами, динамическими документами; интеграция HTML-кода с мультимедийными данными, сценариями JavaScript и Java-апплетами.
2.Эрик А. Мейер "CSS. Каскадные таблицы стилей. Подробное руководство " 3-е издание. Издательство: Символ-Плюс, 2008 г. (рекомендую)
"CSS. Каскадные таблицы стилей. Подробное руководство" показывает, как реализовать на практике все возможности каскадных таблиц стилей для стандартов CSS2 и CSS2.1. Множество примеров позволят научиться быстро и без усилий разрабатывать стилевое оформление веб-страниц, отвечающее современным требованиям.
Эрик Мейер рассматривает все свойства CSS и их взаимодействие, теги, атрибуты, реализации, поддержку различными броузерами, дает рекомендации разработчикам. Вы узнаете о сложном стилевом оформлении документов, пользовательском интерфейсе, верстке таблиц, о списках и генерируемом содержимом, о свободном перемещении и позиционировании, о семействах шрифтов и механизмах резервирования, о том, как работает модель блоков, о новых селекторах CSS3, поддерживаемых IE7, Firefox и другими броузерами.
Книга поможет избежать распространенных ошибок, она является полным справочником по CSS и будет полезна как опытному веб-разработчику, так и новичку. От читателя потребуется только знание HTML 4.O.
3. Роберт Агулар "HTML и CSS. Основа любого сайта " Издательство: Эксмо, 2010 г.
Самый эффективный способ обучения программированию - самостоятельное выполнение практических заданий. На этом принципе и построена данная книга. Большое количество лаконичных и емких примеров с детальным разбором позволят вам максимально эффективно изучить основы HTML и CSS.
В книге вы найдете детальную информацию по всем элементам веб-страницы, рассортированную по темам. Материал организован так, чтобы максимально упростить обучение: вначале автор показывает пример кода, далее - даст соответствующие объяснения.
Кроме описания основ HTML и CSS, вы найдете в книге рекомендации по созданию списков, таблиц, фреймов, форм, встраиванию картинок любого рода и дополнительные примеры каскадных таблиц стилей. Книгу завершает обзор команд HTML и CSS, поэтому она будет полезна вам как справочник и после того, как вы полностью их освоите.
4. Э. Кастро "HTML и CSS для создания Web-страниц " Издательство: НТ Пресс, 2006 г.
Эта книга является руководством по созданию Web-сайта на основе технологий HTML и CSS. Вы можете создавать HTML- или CSS-коды в любом текстовом редакторе, который есть на вашем компьютере. Книга научит вас создавать главную и внутренние страницы Web-сайта, а также публиковать ваш сайт, вы узнаете, как форматировать текст, выбирать фон, создавать навигационную панель и ссылки на другие страницы, использовать специальные типографические символы и буквы для создания профессионального вида вашего сайта, получить Web-хостинг и Web-домен, установить FТР-программы, передать файлы на сервер, зарегистрироваться в поисковиках. С помощью иллюстраций и пошаговых инструкций этой книги вы сможете создать свой сайт всего за несколько часов.
5. Н. Комолова, Е. Яковлева "HTML. Самоучитель "2-е издание. Издательство: Питер, 2011 г.
Самоучитель содержит последовательное изложение процесса создания веб-страниц с помощью языка HTML. Подробно рассмотрены процесс создания изображений для размещения на веб-странице (в программе Adobe Photoshop) и общие вопросы веб-дизайна. Книга содержит более 100 упражнений, позволяющих на практике закрепить изучаемый материал. Новое издание существенно обновлено актуальной информацией и дополнено материалом о технологиях XML, XHTML, DHTML, а также описанием нового стандарта HTML5.
Для студентов, преподавателей вузов и широкого круга читателей, желающих самостоятельно научиться созданию веб-страниц с помощью HTML.
6. Джейсон Кренфорд Тиге "DHTML и CSS для Internet "3-е издание. Издательство: НТ Пресс, 2007 г.

В книге описывается использование современных Web-технологий - динамического HTML (DHTML) и каскадных таблиц стилей (CSS), используемых в Web-программировании для создания интерактивных динамических Web-узлов. С помощью этой книги вы научитесь создавать динамические Web-страницы, включающие интерактивные элементы, различные текстовые, графические и анимационные эффекты.
Изложение материала сопровождается наглядными примерами, даются советы по планированию и созданию Web-сайтов.
Книга адресована Web-программистам и Web-дизайнерам, а также всем, кто интересуется языком DHTML и прикладными Web-тех.
7. Джон Дакетт "Основы веб-программирования с использованием HTML, XHTML и CSS " 2-е издание. Издательство: Эксмо, 2010 г. (рекомендую)
Существуют три основные технологии, обеспечивающие работу всех сайтов на клиентской стороне. Это HTML (XHTML), CSS и JavaScript. Рассматривать любую из них отдельно от других совершенно бессмысленно. Глупо осваивать JavaScript, не зная HTML и CSS. В свою очередь, CSS без знания HTML невозможно применить, а связка HTML+CSS без JavaScript способна не так уж и на многое. Ну и сам по себе HTML (XHTML) позволит создать лишь самые примитивные веб-страницы.
Эта книга предлагает оптимальный подход - изучить все три технологии одновременно. В ней рассматриваются все возможности HTML (XHTML), CSS и JavaScript с самых азов, то есть каких-либо познаний в веб-технологиях не требуется. В то же время книга предполагает некоторые представления о программировании, так как базовые понятия вроде циклов в ней подаются очень лаконично. В книге большое количество примеров, все примеры русифицированы.
8. О. Н. Рева "Использование HTML, JavaScript и CSS. Руководство Web-дизайнера " Издательство: Эксмо, 2008 г. (рекомендую)
Если учесть, с какой скоростью в Интернете увеличивается количество Web-страниц, рано или поздно все мы станем Web-дизайнерами. Это, если хотите, требование сегодняшнего дня. Научитесь с помощью настоящей книги создавать динамические Web-страницы, т. е. такие страницы, которые по требованию пользователя или в зависимости от ситуации меняют свой внешний вид, выполняют вычисления и отображают дополнительную информацию по выбранной теме. Познакомьтесь со сценариями на JavaScript, объектно-ориентированным программированием, таблицами стилей CSS. Все эти средства разработки динамических Web-страниц создавались для того, чтобы помочь вам. Шаг за шагом вы освоите все названные средства на примерах листингов в тексте книги. Особое внимание уделяется вопросам совместимости Web-страниц с приложениями обозревателей, многоязыковой поддержке, динамическому созданию, показу, перемещению и изменению размеров элементов Web-страницы. Вы узнаете, как заявить о своем праве на интеллектуальную собственность с помощью открытого программного лицензирования GNU.
9. С. Айзекс "Dynamic HTML. Секреты создания интерактивных Web - страниц " Издательство: BHV, 2001 г. (рекомендую)
Книга посвящена технологии Dynamic HTML, предназначенной для создания интерактивных Web - страниц. Рассматривается значение объектной модели и каскадных таблиц стилей (CSS) для увеличения скорости и удобства работы с Web - страницами, использование языковпрограммирования JavaScript, JScript, VBScript, C++, Java для доступа к объектной модели документа. Отдельный раздел посвящен изложению основ программирования сценариев. Большое внимание уделено новым элементам, предоставляемых в распоряжение разработчиков технологией Dynamic HTML: HTML 4.0 и расширенной поддержке CSS, динамическому изменению стиля и содержания документа, модели событий, Web - страницам клиент/сервер, внедрению в документ эффектов мультимедиа и анимации.
10. А. А. Дуванов "Web-конструирование. HTML " Издательство: БХВ-Петербург, 2005 г.
В Интернет принимают всех! Эта книга для тех, кто хочет изучить язык HTML, основные правила web-дизайна, освоить способы конструирования гипертекстовых страниц в соответствии с современным уровнем развития этой области информационных технологий.
Книга ориентирована прежде всего на старшеклассников, которые самостоятельно или под руководством наставника решили создать домашнюю страницу в Интернете, школьный сайт или представить в виде гипертекста творческую работу. Используя рекомендации книги и набор ключевых заготовок, учителя также смогут заняться профессиональным творчеством, создавая интерактивные учебники, задачники, испытательные стенды для своих уроков.
Для учащихся 7-11 классов и преподавателей школ.
11. А. А. Дуванов "Web-конструирование. DHTML " Издательство: БХВ-Петербург, 2003 г.
Это вторая книга серии `Web-конструирование`. Она пополняет навыки создания гипертекстовых страниц на базе `чистого` HTML правилами построения каскадных стилевых таблиц (CSS) и основами программирования сценариев на языке JavaScript.
Подробно рассматривается объектная модель браузера, на конкретных примерах объясняется методика построения собственных программных объектов, интегрируемых в общую среду `браузер-гипертекстовое приложение`. Большое внимание уделяется структуре программного кода, дисциплине программирования, тестированию и отладке сценариев.
Для учащихся 10-11 классов и преподавателей школ.

Ресурсы по HTML/CSS

1. WebReference(рекомендую)
2. HTML Tutorial(W3C)(рекомендую)

P.S Эта тема будет систематически обновляться! Удачи!

61

Ребят если кому-то нужно. Вот нашел в инете книгу по CSS в chm формате. Сделанная Владом Мержевичем создателем прекрасного интернет справочника

http://htmlbook.ru/css

Внизу, в желтом прямоугольнике, ссылка на покупку.

30

Актуальная литература по CSS

Описание:
Технология CSS3 позволяет создавать профессионально оформленные сайты, но тонкости этого языка могут оказаться довольно сложными даже для опытных веб-разработчиков. Полностью переработанное четвертое издание этой книги поможет вам поднять навыки работы с HTML и CSS на новый уровень; она содержит множество ценных советов, описаний приемов, а также инструкции, написанные в стиле справочного руководства. Веб-дизайнеры, как начинающие, так и опытные, при помощи этой книги быстро научатся создавать красивые веб-страницы, которые при этом молниеносно загружаются как на ПК, так и на мобильных устройствах.



Описание:
Гибкий легкий код, соответствующий стандартам — его можно получить, если подойти к проблеме аналитически. Леа Веру познакомит вас с недокументированными приемами, позволяющими найти изящные решения для самого широкого круга задач веб-дизайна. В основу книги легли доклады автора на шестидесяти международных конференциях веб-разработчиков, так что она затрагивает самые актуальные темы — от взаимодействия с пользователем до типографики и визуальных эффектов.

6

Актуальная литература по HTML5

HTML5. Недостающее руководство, Мак-Дональд М. - 2012 год

Описание:
Доступно и в занимательной форме рассказано, как HTML превратился в HTML5. Рассмотрены семантические элементы и новые стандарты языка. Описано, как создавать современные веб-страницы, в том числе улучшенные веб-формы, поддерживать аудио и видео, рисовать на холсте, совершенствовать оформление веб-страниц с помощью CSS3. Даны практические рекомендации по созданию интеллектуальных веб-приложений, хранению данных, разработке автономных приложений. Показано, как реализовать взаимодействие с веб-сервером, геолокацию, фоновые вычисления, управление историей просмотров и браузерную совместимость с элементами HTML5.



Описание:
Эта книга, представляющая собой сборник рецептов и готовых решений, позволит вам получить практический опыт работы с основными элементами HTML5. Издание охватывает широкий круг вопросов: от семантической разметки, веб-форм и мультимедийных элементов до технологий геолокации и JavaScript API. Каждый рецепт, рассматриваемый в книге, включает в себя задачу, пример кода и подробное описание решения. Книга идеально подходит для веб-программистов начального и среднего уровней, которые хотят быстро освоить практические приемы применения HTML5 в веб-разработках.

HTML5. Для профессионалов, 2-е издание, Гоше Хуан Диего - 2014 год

Описание:
Эта книга поможет вам получить необходимые знания об этом стандарте и освоить сложные темы, включенные в спецификации HTML5. Вы узнаете, как организовать ваши документы с HTML5, как оформлять их стилями с помощью CSS3 и как работать с самыми продвинутыми JavaScript API. Данное издание не является введением в HTML5, а представляет собой полноценный учебный курс, который научит вас создавать с помощью HTML5 современные сайты и веб-приложения. Каждая глава посвящена определенной ключевой теме HTML5, также рассмотрены сложные вопросы HTML5, CSS3 и JavaScript. Книга содержит множество примеров программного кода, благодаря чему вы сможете легко усвоить и применить знания по каждому тегу, стилю и функции, включенным в спецификации


Описание:
Хотите быстро найти описание элемента или атрибута HTML5, используемого на веб-странице или в веб-приложении? Перед вами классический справочник, который веб-дизайнеры и веб-разработчики стараются всегда держать под рукой на протяжении вот уже более 15 лет.


Описание:
Создавайте сногсшибательные сайты и приложения для любых мобильных и настольных платформ. Для этого вам потребуется всего лишь добавить в ваш инструментарий веб-разработки технологии HTML5 и CSS3. Вооружившись этой практичной книгой, вы научитесь разрабатывать веб-приложения, которые не только хорошо работают на iOS, Android, Blackberry и Windows Phone, но и очень удобны в использовании. Книга содержит множество примеров кода и разметки. Она поможет вам освоить работу с разнообразными инструментами HTML5 - в частности, с новыми веб-формами, масштабируемой векторной графикой (SVG), холстом (Canvas), localStorage и другими родственными API. Кроме того, в этом издании подробно рассмотрены таблицы стилей CSS3. Вы научитесь разрабатывать приложения, которые одинаково хорошо работают как на огромных мониторах, так и на крошечных экранах.

Актуальная литература по HTML5+CSS3

HTML5 и CSS3. Веб-разработка по стандартам нового поколения, 2-е издание, Хоган Б. - 2014 год

Описание:
Эта книга поможет вам использовать HTML5 и CSS3 прямо сейчас, применяя все богатые возможности, появившиеся в новых веб-стандартах. Вы научитесь применять новую разметку HTML5, разрабатывать улучшенные интерфейсы для форм ввода данных, узнаете, как добавлять аудио, видео и векторную графику на веб-страницы без использования Flash. Вы увидите, как хранение данных на стороне клиента в автономном режиме кэширования может кардинально улучшить скорость загрузки веб-страниц и как в этом помогают простые решения, доступные в CSS3.

Адаптивная вёрстка

Responsive Web Design with HTML5 and CSS3, Ben Frain - 2015 год

Описание:
Сайтов, рассчитанных только на стационарные компьютеры уже недостаточно. Использование мобильного интернета продолжает расти и планшетные компьютеры меняют привычки пользования интернетом. Вы должны научиться как создавать веб-сайты, которые будут "просто работать", в независимости от устройств, используемых для просмотра. Это второе издание Responsive Web Design with HTML5 and CSS3 объясняет все новые технологии и методики, необходимые для создания и поддержания современного адаптивного веб-дизайна.

Язык: Английский

Responsive Web Design with HTML5 and CSS3 Essentials, Alex Libby, Asoj Talesra, Gaurav Gupta - 2016 год

Описание:
Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed.

Язык: Английский

5

Описание:
В обновленном 4-ом издании книги содержится полноценное руководство по использованию каскадных таблиц стилей (CSS), а также подробное описание самых последних стандартов CSS. Язык CSS постоянно совершенствуется и предназначен для описания внешнего вида веб-контента, отображаемого на экранах компьютеров и мобильных устройств, выводимых на принтеры, синтезаторы речи, а также используется в средствах озвучивания страниц и окнах чата. Авторы книги поделятся секретами настройки взаимодействия с пользователями, быстрого оформления документов и предотвращения возможных неполадок. Вы узнаете, как оживить собственные веб-приложения, снабдив их продуманным и привлекательным пользовательским интерфейсом, в котором задействуются переходы, анимации, рамки, фоновые изображения и другие стилевые средства.

3

Pro HTML5 Games - 2012 год
Описание:
Pro HTML5 Games научит вас основам продвинутого программирования игр на HTML5. Книга проведет вас через процесс создания двух законченных игр - стратегической головоломки-головоломки на основе физического движка Box2d в стиле Angry Birds и стратегии в реальном времени (RTS) со зданиями, юнитами, поиском пути, искусственным интеллектом. и многопользовательская поддержка. Изученные методы могут быть перенесены в любую область разработки игр HTML5 и позволяют вам создавать и создавать свои собственные игры HTML5 в качестве профессионала.

Язык: английский.

Вложения

pro-html5-games-2nd.rar (12.25 Мб, 43 просмотров)

1

Описание:
Если вы новичок в программировании, у вас не будет проблем с чтением и пониманием того, что написано в этой книге. Эта книга содержит подробную информацию о том, что такое HTML и CSS. Это ясно объясняет, что представляют собой эти два языка, как они начинались, когда они разрабатывались и каковы их цели. Что еще более важно, это обсуждает элементы, вовлеченные в оба языка.

Язык: английский.

Год публикации: 2017.

2

CSS для отладки (Яндекс)



В принципе ничего экстраординарного, но кто учится работать с селекторами/псевдоклассами/элементами будет полезно.

1

Здравствуйте!

Вот решил написать мое мнение как лучше начинать изучать HTML и CSS с нуля:

Я сам изучил HTML и CSS с нуля. И то 15-20 лет назад, когда вообще не имело столько хороших ресурсов и сайтов.

Сейчас проблема другая - имеет очень много ресурсов и сайтов, и человек не знает, с чего точно начинать.
(Я имею сайт на такая тематика, но нет на руском языке, потому что я иностранец.)

Я попробую помочь всех начинающих и порекомендую хороших сайтов за изучение HTML и CSS с нуля:
(Книги не буду рекомендовать, потому что для каждому человеку разные книги понравятся и помогут его - искайте книги за HTML и CSS одновременно - на руский язык имеет очень много такие книг. И в этой теме тоже имеет хорошие книги. )

Вот сайты:
https://basicweb.ru/ - очень хороший сайт, все объяснено доступно и просто, с примеры.
https://puzzleweb.ru/ - тоже хороший сайт, и здесь все объяснено доступно и просто, с примеры.
https://metanit.com/web/html5/ - тоже хороший сайт, и здесь все объяснено очень коротко и просто, с примеры.

https://www.w3schools.com/ - это хороший сайт в котором кратко обо всём для HTML и CSS пишут и то според веб стандартом.
https://www.schoolsw3.com/html/index.php - вот и такой саит, хороший ресурс - на руский

Думаю, что за начале ето будет достаточно для вас. Главное за каждое нечто - делайте примеры и упражнения!

---------------------

А вот и несколько полезных сайтов с ресурсами HTML и CSS из моей личной коллекции(которые работают и сейчас):

1. Генераторы CSS(и HTML) со множеством функций:

https://webcode.tools/generators/css

https://css-generator.netlify.app

https://www.html-code-generator.com/css/

https://webcode.tools

https://angrytools.com

2. CSS Меню генераторы:

https://www.cssportal.com/css3-menu-generator/

http://www.menucool.com/css-menu


3. CSS Logo генераторы:

Бесплатно и даже без регистрации: https://www.logofactoryweb.com/lg/ru

Только с регистрации: https://www.adobe.com/express/create/logo

Только с регистрации: https://myfreelogomaker.com

4. Tridiv - 3D CSS редактор: http://tridiv.com

5. 3D CSS редактор для создания логотипов, значков, лент: http://www.onlinebadgemaker.com

6. CSS Flexbox генераторы:

https://the-echoplex.net/flexyboxes/

https://loading.io/flexbox/

https://cssflex-generator.netlify.app

7. CSS Grid Layout генераторы:

https://griddy.io

https://cssgrid-generator.netlify.app

https://css-grid-layout-generator.pw

8.Смешанный CSS Grid Layout и Flexbox генератор: https://layout.bradwoods.io


Надеюсь, это будет полезно всем, кто начинает изучать HTML и CSS!

1

Хочу добавит еще нечто важно:

Когда начинаете изучать новые техники и модули для верстки в CSS3 - CSS Flexbox и CSS Grid Layоut, а и вообще для HTML и CSS, вам также будут полезны еще следующие недавние книги:

1. Бен Фрэйн: "HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств" - эта книга упоминается в теме выше, но только на английском языке, а на русском у нее уже 3 издания - последнее в 2022г.

2. Грег Сидельников: "Наглядный CSS" - небольшая, но очень понятная и ясно написанная книга

И по моему - самая хорошая и лучшая книга:
3. Кит Грант: "CSS для профи"

0

мнение конечно дискуссионное, но отдельно html, css, js не эффективно изучать. Значительно лучше на практике с конкретным применением всех технологий. Если потребуется, на это понятно надо рассчитывать, изучать технологии, которые нужны здесь и сейчас более углубленно. Скорее всего выходя за обычные издания.
HTML 5, CSS 3 и Web 2 0 Разработка современных Web сайтов ( конечно это издание почти 10 лет, как современное, но должно быть новое издание. Владимир Дронов выпустил немало книг )
Из более современной
Роббинс Дж.Веб-дизайн для начинающих. HTML, CSS, JavaScript и веб-графика. — 5-е изд. БХВ-Петербург, 2021. — 956 с.

0

Доступность (Accessibility)

К сожалению, очень мало материалов по доступности.
Есть сами рекомендации WCAG https://www.w3.org/TR/WCAG22/

Перевод на русский (Может быть не полный) https://ifap.ru/ictdis/wcag.htm
Многое из этого оформлено в виде ГОСТ https://slabovid.ru/uploads/gost-52872-2019.pdf

Но цельных материалов для обучения Web разработчиков (тем более на русском) практически нет.
(Отдельные статьи на английском все же попадаются)

Я нашел серию статей на Хабре.

Часть 1: https://habr.com/ru/companies/... es/757490/
Часть 2: https://habr.com/ru/companies/... es/766344/
Часть 3: https://habr.com/ru/companies/... es/771082/
Часть 4: https://habr.com/ru/companies/... es/776392/
Часть 5: https://habr.com/ru/companies/... es/785862/
Часть 6: https://habr.com/ru/companies/... es/792058/
Часть 7: https://habr.com/ru/companies/... es/800593/
Часть 8: https://habr.com/ru/companies/... es/814633/
Часть 9: https://habr.com/ru/companies/... es/824862/
Часть 10: https://habr.com/ru/companies/... es/845112/
Часть 11: https://habr.com/ru/companies/... es/866794/

Думаю полезно почитать.

0