Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Основы HTML, CSS, PHP

Дорогие форумчане,
посоветуйте современных книжек с актуальной информацией по основам HTML, CSS, PHP и главное чтобы по полочкам все расписано было и как можно меньше воды. Углубляться в эти знания до программирования профессионального мне не надо, но нужно знать основы каждого языка для постижения другой отрасли seo-оптимизации.
Нашла какую-то книгу в нете по HTML, начала изучать, но как мне сказали что там много устаревшей информации именно в примерах написания.
Ответ: U
моооох
эээ хотела прислать личным сообщением, но, кажется, тут такое нельзя.
Короче вот, что я успела накатать про основы, пока не решила, что это не так коротко)
Хотите - читайте, не хотите - не читайте, буков много)
Надеюсь, что, может, все-таки пригодится)

Html:
Html состоит из элементов с содержанием. Иногда к ним внутри html-кода приписываются стилевые свойства, но это лучше делать в css.
Элементы - это теги. Например, тег <div>, самый распространенный, - это просто прямоугольник, в который можно что угодно вписать и как угодно оформить. Есть еще более спецефические теги, как, например, <h1> - это тег заголовка, и у него изначально есть заданные стилевые свойства (которые, однако,можно поменять и самому).
Так как элементам надо знать, где они начинаются, а где заканчиваютя, теги надо закрывать. Открывающий тег выглядит так: <название_тега>, а закрывающий так: </название_тега> Например, прямоугольник с текстом "привет" выглядит так: <div>привет</div>.
Помимо них есть еще и самодостаточные элементы, которые ничего не оборачивают, в них нельзя поместить внутри ничего (можно только добавить стилевые свойства типа рамки). Самый распространенный из них - это <img>, элемент-картинка. И <br>, например - тоже такой элемент. Вся функциональность <br> состоит только в том, чтобы перенести строку и все.
Чтобы задать элементам параметры к ним приписывают атрибуты, которым задают значения. Это происходит по такой схеме:
<div class="lalala" id="paparam">
Где div - это элемент, class - это важный атрибут, который нужен для последующей задачи стиля при помощи css, id - тоже важный атрибут, который часто бывает необходим для обработки элементов при помощи Javascript, Php и т. д.; id можно пользоваться и в css, но не особо рекомендуется. "lalala" - это значение атрибута, в данном случае - произвольное название, которые вы задаете атрибутам, чтобы потом с ними работать. Значение атрибута может быть как произовльным названием, так и установленным параметом. Например, у <article class="abc" width="500px"> есть придуманное вами название класса "abc", а заданная ширина в 100 пискелей записана по установленным правилам. (ширина - это стилевое свойство, его не рекомендуются так вписывать)
Весь список возможных элементов можно посмотреть, например, здесь:

CSS:
CSS файл может только установить стилевые свойства элементов. Это всегда происходит по такой системе:
обозначение_элемента{
название_стилевого_свойства: значение_стилевого_свойства;
название_стилевого_свойства: значение_стилевого_свойства;
}
Проще всего обозначить элемент при помощи заданного нами в html класса, и для этого перед названием класса пишется точка, например:
.abc {width: 500px}
Подробнее про все типы обозначения элемента написано здесь:
Весь список возможных стилевых свойств можно посмотреть, например, здесь: htmlbook.ru/css

Пробелы и переносы строк в html и css в основном игнорируются, но не всегда. Нельзя писать лишние пробелы, например, при задании единиц измерения: "50 %" обработается неправильно, а "50%" - правильно.

Как правильно называется и записывается структура:
html: <тег атрибут="значиение" атрибут="значиение" атрибут="значиение"></тег>
либо если тег закрывать не надо: <тег атрибут="значиение" атрибут="значиение" атрибут="значиение">
в таком случае можно и так: <тег атрибут="значиение" атрибут="значиение" атрибут="значиение"/>
css: селектор {свойство: значение; свойство: значение; свойство: значение}

Если что-то ведет себя странно и уползает непонятно куда или вообще не отображается, то очень вероятно, что сделана какая-нибудь простая ошибка в синтаксисе, и это удобно проверять валидаторами. Гуру-валидатор для html: Гуру-валидатор для css:


Спасибо за полезную информацию, я так по ходу изучения, если что буду задавать вопросы
Вопрос: HTML/CSS редактор online

Добрый день!

Вопрос такой. Я делаю первые шаги в HTML/CSS , но я работаю в Chrome OS, а значит для меня недоступны такие вещи как, к примеру, Notepad++ и т.д.

Не могли бы Вы порекомендовать редактор HTML/CSS который может работать в облачном режиме или как расширение для браузера GoogleChrome ?

Кроме того, мне нужна возможность делать отдельный файл CSS.

И как в этом случае можно смотреть, что получилось ?


Я так понимаю, что у меня будет возможность проверять результаты только в браузер GoogleChrome, но пока ОК. Я просто хочу научиться работать с кодом разметки и стилей.

Спасибо большое за помощь!
Ответ:
Спасибо за ответ!

Сообщение от Degradator
Поставь себе какую-то вменяемую ось, и работай как белый человек
Справедливый комментарий, но:
  • Мне действительно нравится эта ОС, за ей безглючность и безотказность.
  • Я не ставлю задачу стать кросбраузерным верстальщиком, Просто хочу освоить HTML/CSS так как занимаюсь контентом на двух сайтах, а там нет визуальных редакторов.
Вопрос: Из PDF в Html, CSS

нарисовал шаблон

вот он сам

можно хотя бы примерно навести на мысль как это возможно быстро сверстать в html, css
знаю только азы, сколько времени потребуется
может где-то, у кого-то есть похожие шаблоны или мб кто-то знает сайты с видеоуроками с похожими верстками (по структуре), FAQ по теме читал очень много инфы полезной, но пока я разберусь чё к чему...
хотя что бы сайт за часов 15 сверстать реально?
Ответ: Я так понимаю, у тебя опыта в верстке ноль. Тогда могу посоветовать тебе использовать программу Artisteer, очень проста в использовании, знаний html, css не требует абсолютно, есть экспорт в те-же WordPress, Joomla. Погугли про нее.
Вопрос: Литература и ресурсы по 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. HtmlBook (рекомендую)
2. HTML Tutorial(W3C)(рекомендую)
3. Что такое HTML? (для начинающих)
4. Что такое CSS? (для начинающих)

5. Aptana Studio (последняя версия 2.0, но уже готова 3 бетта), редактор бесплатный, можно скачать отсюда(рекомендую)
P.S Эта тема будет систематически обновляться! Удачи!
Ответ: http://www.postroika.ru/html/
пошаговое изучение HTML для чайников.
очень доступным языком.
Вопрос: Литература и ресурсы по 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. (рекомендую)
2. (рекомендую)

P.S Эта тема будет систематически обновляться! Удачи!
Ответ:
Актуальная литература по HTML5



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


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




HTML5: Рецепты программирования, Кристофер Шмитт, Кайл Симпсон - 2012 год

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


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


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



HTML5. Карманный справочник, 5-е издание, Дженнифер Роббинс - 2015 год

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



HTML5: Разработка приложений для мобильных устройств, Вейл Э. - 2015 год

Описание:
Создавайте сногсшибательные сайты и приложения для любых мобильных и настольных платформ. Для этого вам потребуется всего лишь добавить в ваш инструментарий веб-разработки технологии 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.

Язык: Английский
Вопрос: Automated HTML/CSS Validation

Hello,
I was wondering if there are any tools available that can automate the HTML/CSS validation process. I use the tools available from W3C which are great, but was just wondering if there were any tools that could make it even easier?
I've been using a linter for awhile now, which shows errors in code on the fly.
I'm not sure if such a tool exists, but if it did someone here would know about it.
Thanks




I didn't find the right solution from the internet
References:
-
-   Examples
Ответ: London is the capital of Great Britain
Вопрос: Примеры html, css решений частных вопросов

Уважаемые пользователи.
Здесь я выкладываю свои примеры, обсуждать только в привате со мной лично (здесь только можно благодарить, писать вопросы, на которые вы не получили ответа и хотите, чтобы добавился еще урок.)

1. Одна таблица для создания общего макета

Часто при создание сайта в три ячейки используют несколько таблиц. По моему мнению достаточно одной таблицы и это более аккуратно выглядит в коде, это сделать просто:

<table cellspacing="0">
<tr>
<td>левый ряд</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
Для того чтобы добавить меню и прочее, вставляйте свой код (список, див...) между <td></td>. Для того чтобы использовались отступы, их можно задать как новому диву, к примеру рассмотрим sidebar (левый ряд)
<table cellspacing="0">
<tr>
<td>
<div id="sidebar">левый ряд</div>
</td>
<td>центр</td>
<td>правый ряд</td>
</tr>
</table>
И добавляем css:

div#sidebar {margin:10px;}/*получаем отступы по всему кругу, или же margin:0 10px; отступы только справа и слева.*/
Ответ:

html css решения. Сайт мой.
Собрано множество решений по вёрстке, некоторые решены на javascript и jquery.
Присутствуют также такие сложные кроссбраузерные вещи как:
Стилизация селекта (безумно востребованное решение)
Стилизация радиокнопки
Слайдер постраничный для картинок
Нестандартный input type file
Таблица в div подстраивающаяся под контент любой ячейки
Нестандартный input type submit
футер внизу

Когда начинал заниматься вёрсткой - бывало что долго искал эти решения по разным сайтам.
Захотел собрать всё в одном месте. Сам пользуюсь каждый день.
Вопрос: Подскажите источники для изучения HTML/CSS

Ищу максимально чайниковый учебник или сайт с уроками какой только возможно по html/css. Ибо вот уже лет 10 пытаюсь (много разрозненных попыток) безуспешно освоить эти нереально сложные для меня языки и вообще никак не могу. Просто не понимаю их. Вот любые ООП языки для меня изи. Осваиваю за неделю. А эти просто я уже отчаялся освоить. Даже xaml я освоил. Но только не html/css.
Ответ: Случайно набрел на вот неплохой вроде бы сайт. Тут и html и css и bootstrap...

Добавлено через 1 час 56 минут
Смешно кстати, оказывается этот сайт - продолжение сайта htmlbook. Он туда переехал мне сейчас написало.
Вопрос: Как зафиксировать блоки таблицы HTML / CSS ?

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

Делаю небольшой сайт-визитку и в процессе создания столкнулся со следующей ситуацией:

Есть макет сайта (HTML+CSS, фото в приложении).

На сайте есть область - "Контент" и области - "Баннеры". При добавлении содержимого в часть "Контент", "Баннеры" растягиваются в высоту.

Есть ли возможность, что-бы при переходе на разные страницы "Контента", области "Баннеры" оставались в одном положении и не растягивалась ???

Буду очень благодарен за помощь! Спасибо!
Ответ:
Вариант 1
каждый банер поместить в блок заведомо заданной высоты

Вариант 2
Сделать блок контент заданной высоты, при необходимости добавить скролл в блок контента

Вариант 3
Управлять высотой блоков баннеров из JS

Я бы остановился на варинте 1. Если это невозможно, то на варианте 3.
Вопрос: Литература по HTML/CSS

Что можете посоветовать из литературы по html/css/js для новичка? И чтобы было написано подробно и понятным языком.
Ответ: Книжки это хорошо, но самое лучшее я считаю это практика.
Простенький шаблон лендинга html скачай и поизучай каждый блок по очереди, желательно bootstrap шаблон.
Заодно с jQuery познакомишься)