С чего начать изучение вёрстки?

Question

[lgyanf]

В связи с изучением Python появилась потребность в изучении HTML/CSS. С чего начать, если есть только самые базовые знания? Интересуют книги, статьи, что угодно.

Answer 1

[Дмитрий Сергеев]

www.w3schools.com/

Comments

[Павло Пономаренко]

www.w3schools.com/ — ужасный сайт, ничего полезного. не издевайтесь над человеком.

Answer 2

[Марк]

Лучше всего начать с практики, по мере необходимости подсматривая в гугл.
Это как секс — по книжкам учить (почти) бесполезно.

Answer 3

[Shamrays]

Я начинал с «Пуленепробиваемый Web-дизайн» Дэн Седерхольм
и с «CSS — каскадные таблицы стилей. Подробное руководство, 2-е издание» Мейер Э.

Остальное Google и обильная практика

Answer 4

[blackcatnaz]

1)Head First. HTML with CSS & XHTML
2) Designing with Web Standards — Jeffrey Zeldman

Answer 5

[Grox]

htmlbook.ru/

Comments

[Panya]

На этом сайте часто дается неверная информация. Например: htmlbook.ru/css/position

Наследуется: Да

на самом деле нет

Применяется: Ко всем элементам, за исключением генерируемых

на самом деле ко всем (даже к генерируемым)

absolute —… Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера…

если позишн статик, то элемент позиционируется в соответствии с его визуальной моделью и положением в нормальном потоке. И отсчет координат вообще не работает.

Советую книги:

1. Молли Хольцшлаг. Языки HTML и CSS.
2. Эрик Мейер. CSS — каскадные таблицы стилей. Подробное руководство. 3-е издание.
3. Дэн Седерхольм. Пуленепробиваемый Web-дизайн.

[Grox]

Я редко сам пользуюсь источниками на русском языке, а нашему верстальщику больше всего этот ресурс понравился.

[Павло Пономаренко]

если позишн статик, то элемент позиционируется в соответствии с его визуальной моделью и положением в нормальном потоке. И отсчет координат вообще не работает.

[Павло Пономаренко]

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

Answer 6

[skvot]

Советую начать вот с этого небольшого цикла статей www.web-programist.ru/Spravochnyie-dannyie-po-HTML/Blochnaya-viorstka.html, в догонку справочник-статейник htmlbook.ru/. Удачи!

Answer 7

[web4_0]

Мне помог Маниакальный веблог Ивана Салагаева:
softwaremaniacs.org/blog/category/web/primer/

Вдогонку:
www.quirksmode.org

Ну и когда совсем начнёте разбираться:
www.alistapart.com

Answer 8

[Serator]

Ряд статей и отличный справочник на MDN (MDC) — https://developer.mozilla.org/

Answer 9

[xchea01]

Я начинал с книжки Молли Хольцшлаг Языки HTML и CSS. Для начала очень даже неплохое пособие.

Answer 10

[Stepuk]

webstandards.org.ru/

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

P. S. Python не нужен.

Answer 11

[Vlad911]

C Hello, world!

Comments

[Vlad911]

чёрт!

<div class="hello header center" id="message">Hello, world!</div>

В остальном, нужно знать хаки и понимать какие типичны проблемы с IE: удвоение отступов, ограниченная поддержка CSS-свойств вроде inline.
Начинать вёрстку надо с табличной, потом разобраться с абсолютным позиционирование div'ов, а потом можно переходить к плавающим div'ам.
В первую очередь вооружится инструментами — IETester, Firebug for Firefox.

Answer 12

[Vlad911]

Предупрежу сразу, одна страница первого полноценного сайта (Хабра, например), будет свёрстан вами примерно за 2 недели. Вторая — за 3 дня.
Примерно те же пропорции будут сохраняться для других сайтов. Сейчас у меня вёрстка занимает до 4 дней на макет.

Answer 13

[Дима Шишкин]

С HTML.
www.postroika.ru/html/content2.html