Подскажите учебник по HTML/CSS

tizag.com + firebug + w3schools.com достаточно для CSS и HTML. Ну и официальные стандарты читать на досуге.

В качестве справочника можно юзать http://htmlbook.ru/

никакого учебника не надо)

1) рисуешь что хочешь получить (на листике, в фотошопе)
2) копируешь из интернетов шаблон пустого файла XHTML Strict
3) фигачишь в шаблон свой первый div (помни, верстать нужно строго дивами) и пытаешься чтобы он совпал с какой-нибудь частью нарисованной на листике верстки
4) последовательно реализуешь всю свою верстку, заодним изучив все необходимые для этого свойства div'ов и сакральные знания (типа вертикального и горизонтального центрирования, прибивания футера и скругленных уголков).
5) читаешь в интернетах «чиво нового появилось в HTML5» и фапаешь. Использовать это не обязательно, но шобе попоноваться перед потсонами на ЛОРе - необходимо!
6) профит

а, еще есть CSS.

Про него нужно знать, что на каждый объект верстки нужно иметь по одному блоку в CSS, которые его описывают. Например, если у тебя есть «кнопочка1», то неизменно нужно вфигарить в CSS класс «кнопочка1». Сразу захочется сделать ООП, но не получится, потому что нет переменных.

еще в CSS есть хитрые селекторы, возможность раскрашивать списки, и прочие Тайные Знания (тм)(р)(ц). Всё это не нужно. Оно требует изучения, затрудняет чтение, и иногда криво работает. Все что делается Тайными Знаниями (тм) гораздо проще и удобнее делать прямо на сервере, генерируя уже стилизованный HTML.

если Тайные Знания таки будут реально нужны (в том самом 0,1% ситуаций), лучше отказаться от настоящего CSS и генерить его на сервере с помощью Stylus или LessCSS:

http://learnboost.github.com/stylus/

http://lesscss.org/

Когда достигнешь уровня, когда HTML не нужен, можно тоже генерировать его на сервере с помощью Jade или HAML

http://haml-lang.com/

http://jade-lang.com/

Вот это:

http://www.books.ru/books/csskaskadnye-tablitsy-stiley-podrobnoe-rukovodstvo-...

Рекомендации лучших собаководов.

html.manual.ru

>(помни, верстать нужно строго дивами

Это всё ровно до тех пор, пока не нужно верстать таблицами.

> В качестве справочника можно юзать http://htmlbook.ru/

Я так понимаю ему не справочник надо, а научиться верстать так, чтобы никто не сказал «Так верстают только ****ки!».

> а научиться верстать так, чтобы никто не сказал «Так верстают только ****ки!».

Тёма советовал последовательно сделать аналоги всех сайтов из истории Студии. Потом оформить их так, как будто это твои работы реальным заказчикам и положить в портфолио. И будет инстант профит.

К сожалению, какой язык - такие и доки. Использую как справочник http://htmlbook.ru/, большинство примеров нахожу на http://www.smashingmagazine.com/. По дизайну сайтов понравились уроки из 3-х частей: часть 1, где приведено множество примеров сайтов.

>учебник по HTML/CSS

правильных подходов к дизайну сайта

А не слишком ли далеко замахнулся сразу? :}

> рисуешь что хочешь получить (на листике, в фотошопе)
...делаешь монстра, совершенно не совместимого в вебом.
Дизайн это вам не красивые картинки.

Наглядное пособие

считаю, что лучше чем офф. спеки, быть не может. тем более, что там, как раз, есть и объяснения.

чтобы никто не сказал «Так верстают только ****ки!»

Ну по крайней мере чтобы у меня самого не было подозрений, что «Так верстают только ****ки!» :)

не слишком ли далеко замахнулся сразу?

Верстать как попало, потом учиться правильному?

Всем спасибо.

Верстать как попало, потом учиться правильному?

Верстать хоть как-нибудь, для начала, научись.

Понять азы, а потом верстать. Какие есть элементы, для чего и что может CSS вообще, какие в нём свойства. Оттуда уже и плясать можно будет.

...делаешь монстра, совершенно не совместимого в вебом.
Дизайн это вам не красивые картинки.

неужто пользователь ЛОРа не знает каким должен быть сайт?

>верстать нужно строго дивами

Ну да, ну да.

>что может CSS

И в каких браузерах.

неужто пользователь ЛОРа не знает каким должен быть сайт?

ЛОР сделан строго дивами? :)

ЛОР сделан строго дивами? :)

Дивами надо обязательно уметь верстать, чтобы понять что такое поток, как им управлять.

А так, в таблицах ни чуть не меньше семантики.

Просто тут некий основатель яблочной компании утверждал, что верстать надо строго дивами… и намекал, что ЛОР свёрстан идеально :)

что верстать надо строго дивами…

Обычно, приверженцы данной методики применяют её к первой паре страниц, кроме особенно запущенных случаев.

Сужу по себе, и знакомым верстальщикам, хе-хе.