С какой книги лучше начать изучать HTML и CSS?

Question

[Анатолий Ферисов]

Есть следующие книги по HTML и CSS:

1. Б. Лоусон, Р. Шарп — Изучаем HTML 5.
2. П. Лабберс — HTML 5 для профессионалов.
3. Ч. Муссиано, Б Кеннеди — HTML & XHTML. Подробное руководство.
4. Бен Хеник — HTML и CSS Путь к совершенству.
5. Дронов.В.-.HTML.5.CSS.3.и.Web 2.0.Разработка.современных.Web-сайтов.
Что из этого почитать и в какой последовательности?

Comments

[maeln0r]

Вам с нуля? Если да, то не одна из вышеперечисленных, если нет, то ни одна из вышеперечисленных… Какова цель изучения напишите.

[Анатолий Ферисов]

Да с нуля. Цель: HTML, CSS -> JavaScript -> еще один язык(С#/JAVA) или Node.js(вообщем от ситуации).
Не туда написал (.

[Анатолий Ферисов]

Только с нуля не имеется ввиду, что я сегодня увидел компьютер и интернет.

Answer 1

[wscms]

Я бы посоветовал начать с сайта htmlbook.ru/
Очень полезный ресурс с массой информации

Comments

[Анатолий Ферисов]

Ресурс полезный, но в том тои проблема, что с " массой информации", нужна книга или что то на подобие.

[Алексей Фирсов]

1) htmlbook.ru/content
2) htmlbook.ru/practical
3) www.google.com/?q=блочная+верстка+сайта
4) habrahabr.ru/hub/html5/

[Андрей Кунцевич]

wscms Хотел написать точно такой же пост, но вы меня опередили.
Лучший ресурс посвящённый HTML+CSS! И уроки и хитрости и просто база знаний по любой мелочи.
Даже купил у них оффлайн копии сайта в chm файлах. Так ни разу и не использовал (всегда есть доступ к инету) но поддержать разработчиков хотелось

morituros Там есть уроки. Как для новичков, так и для среднего уровня.

[Эмиль Валеев]

@morituros, информация на этом сайте систематизирована и изложена в виде самоучителей. Это отличный ресурс, как для новичка, так и для профи!

[Эмиль Валеев]

htmlbook.ru/samhtml - первым делом
htmlbook.ru/samcss - вторым делом

[ALI995]

Эмиль Валеев, а стоит ли сейчас изучать по этому курсу? Он всё ещё актуален?

Answer 2

[Jeket]

Отличный сайт для изучения www.w3schools.com/

Answer 3

[tef]

Я бы не хотел заранее вас пугать, но существует достаточно объективный факт, что внятной статьи или книги по HTML или CSS не существует. Причин много. Одна из них, конечно, что сам по себе HTML и CSS это один большой костыль. Я не шучу. Техники которые используются, они используются только потому что по другому просто нельзя. Со временем вы, конечно, поймёте этот абсурд. Некоторым даже нравится. И вам ещё повезло, что вы не застали времена, когда верстали на таблицах и знаменитый ie6.

Основные вещи, которые вам нужно понять это как ведут себя div и span, позиционирование, поток и слои. Всё остальное не так так важно и будет усваиваться со вторым-третьим свёрстанным макетом, как, собственно, и всё вышеперечисленное. Начать советую с каркаса какого-нибудь типичного двуколоночного макета с хедером и футером. Задавайте любой интересующий вопрос на форумах. Как правило люди нормально относятся к любым, даже на первый взгляд, самым глупым вопросам и охотно помогают. То есть, если чувствуете затор, то лучше не терять времени и спросить. Кто-нибудь да и объяснит.

Когда я понял всю соль и научился верстать. Я открыл эти книги, которые все расхваливали с таким энтузиазмом. И ужаснулся тому, как по этому вообще можно чуму-то научиться? Я практически уверен, что все эти добрые люди, которые советовали «мудрые» книги сами их либо не открывали, либо не осилили.

Comments

[Тимур Орлов]

HTML и CSS это один большой костыль. Я не шучу.

К такой логике можно привести абсолютно любой язык программирования, стилизации...

Техники которые используются, они используются только потому что по другому просто нельзя.

Абсолютно в любой среде, роду деятельности, ремесле;
В строительстве используешь мастерок, потому что ложкой столовой накидывать слишком долго и не тех она целей, а вилкой и вовсе на грани абсурда. В хирургии кожу зашивают полукруглой иглой и руками, поскольку швейной машинкой будет не удобно....и тоже крайне абсурдно.
Писать код китайскими палочками несколько накладно и ограниченно, поэтому пишут пальцами, а использовать обычный редактор notepad++ для этого - будет более грамотно и развивающие, чем деградировать свои навыки с помощью тупейших шаблонизаторов; пусть они и ускоряют (сомнительно и я бы поспорил...быстрей пальцами напишу чем вы в шаблоне набросаете) время, за то деградация гарантирована, при чём глобальная, как навыков, так и знаний, из полноценного программиста становясь в тупого барана-пользователя конструктором.

[Виктор]

Тимур Орлов, вообще не понятно к чему всё это написано. Как будто сообщение ради сообщения. Таких надо блокировать. Поддерживаю tef в его мыслях, в html и css над изучить основы (которые им описаны), а остальное придёт на практике.

Answer 4

[DimaSeleznev]

www.postroika.ru/html/ — учебник для самых маленьких.
Эрик Мейер «CSS — Каскадные таблицы стилей. Подробное руководство»

Comments

[maeln0r]

Вот за постройку плюсану. Изучите этот учебник дня за 2. Потом ищите любой psd макет и верстайте. Потом, когда закончите верстать поправьте на кроссбраузерность. 2-3 макета так пройдите и этого хватит. Ниже упомянут htmlbook — хороший справочник.

Answer 5

[safright]

Изучать ЯП по книжке? Смысл есть изучать на проекте. Если нет проекта, на котором нужны эти знания — то зачем вообще его изучать?

Comments

[Андрей Кунцевич]

Всегда изучал ЯП сперва по книгам (как онлайн так и бумажным). И считаю это лучшим средством изучения с нуля.

[safright]

Если полный ноль в программировании — может быть. В остальных случаях в книгах слишком много воды и они не усваиваются в том объеме, как требуется, без практической задачи.

[Ecma]

Ничего что html и css не ЯП?

[Мария Липницкая]

А где начинающему взять проект? Ответ: если негде - придумать свой. А что придумывать? Делать просто так что - либо не хочется, особенно если это не может принести пользы

Answer 6

[psywalker]

В этой статейке я описывал свой алгоритм выбора актуальных книг. Да и советы из статьи тоже могут оказаться полезными.

Answer 7

[Naterius]

Хочу Вас познакомить с новым проектом.
yoprofi.com
Сервис еще не стартовал. Но уже скоро откроется, и при старте будет доступно 200 уроков css и 210 html все уроки интерактивы. Подписывайтесь на новости. Рекомендуйте своим друзьям

Comments

[Туралъ]

выглядит неплохо

[helgahelga]

Так и где?

[Ульян Романов]

Ахаха умерли

Answer 8

[Туралъ]

У ребят очень хорошая подача, сразу дают "пощупать" с минимальной теорией, сам начинал с них.

Answer 9

[Iweb Cod]

На мой взгляд самый лучший и современный выбор на данный момент HTML и CSS. На сайте html5book.ru самые интересные статьи по web тематике. Причем постоянно добавляются новые статьи, а старые дополняются. А если что то непонятно можно получить ответ на Форуме, автор сайта отвечает на все вопросы.

Answer 10

[Анатолий Ферисов]

Да с нуля. Цель: HTML, CSS -> JavaScript -> еще один язык(С#/JAVA) или Node.js(вообщем от ситуации)

Если да, то не одна из вышеперечисленных, если нет, то ни одна из вышеперечисленных

А для чего они тогда?

Answer 11

[Михаил Лялин]

по CSS — Кристофер Шмитт, Эрик А. Мейер
по HTML — Б. Лоусон, Р. Шарп

Answer 12

[cybertronix]

Советую хотя бы одним глазом заглянуть еще и сюда www.codecademy.com/ru/courses/lang/all

мне этот портал крайне понравился — доступно и наглядно.

Answer 13

[iBlogger]

Есть книга на английском. Очень советую. => «HTML and CSS: Design and build websites» — www.htmlandcssbook.com/

Есть на Озоне — www.ozon.ru/context/detail/id/6184742/

Answer 14

[Лука Печков]

Лучше использовать не книгу,а интернет источник ru.html.net по-моему + там и php с js есть.

Answer 15

[zszsz]

Рекомендую не книгу, а бесплатные видео уроки Евгения Попова мне очень помогли разобраться в html

Comments

[ZloIzTabalerki]

очень на него ругаются на форумах.

Answer 16

[adamsmithe]

Да, видеокурсы нагляднее. Я лично начинал знакомство с HTML вот с этого видеокурса. В конце у вас будет даже что-то похожее на сайт.

Answer 17

[Валерий Тихомиров]

Пробовал читать разные книги, просматривал разные порталы, сервисы обучения и видеоуроки на русском. Но наиболее просто и наглядно все освещено в codeacademy.com. Для понимания что там написано нужен минимальный уровень знаний английского языка.

Answer 18

[RuDeveloper]

imdiz.ru - здесь в ходе обучение сразу верстается интернет-магазин. Отличный вариант для обучения, сразу много практики и понятно что и зачем.

Answer 19

[Дарья Вовкодав]

Книги не помогут без практики с реальными проектами, курсы по разработке Для начинающих. Можно посмотреть какие проекты получатся в конце курса
Можно посмотреть программу курса и понять что нужно изучать