HTML/CSS Что почитать?

Question

[Kalina007]

Я совсем еще "чайник" в сфере IT. Начала с верстки. Прочитала и попрактиковалась по книге Эрик Фримен HTML CSS. Но там, как бы, дается общее представление. Что еще почитать, чтобы информация была изложена доступно для начинающего?

Comments

[Kalina007]

Спасибо.

Answer 1

[Saboteur]

Вместо чтения книжек делайте практику.
Придумайте задачу (внешний вид странички), и реализуйте это на html/css, пользуясь гуглом и справочником.

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

Comments

[Kalina007]

Надо же как у всех по разному! Да, я как раз пробовала с практики. И вот как у меня все происходило:
Посмотрела на макет сайта и черная дыра в голове. С чего начинать, куда бежать?)))
Книги дали представление, некую базу. И что самое важное для меня, в голове начал вырисовываться путь, какими инструментами можно воспользоваться. Если что-то подзабыла, тогда-интернет.
Приятно, когда голова не пустая!)) Больше даже начала понимать, что и где искать надо. Пазл хоть как-то начал складываться.
Я обычно читаю и практикую потом. В общем,совмещаю практику с чтением.
Как немного "окрепну"- воспользуюсь и Вашим советом! Спасибо!
Очень интересен опыт других людей!

[Saboteur]

Kalina007,

Посмотрела на макет сайта и черная дыра в голове. С чего начинать, куда бежать?)))

Может смотреть макеты попроще?

В школе используют не книги а учебники - небольшая глава и куча задач на практику. Так приходит понимание - через повторение материала на практике. Часто после решения десятка задач, перечитывание теории внезапно становится понятным.

Так и у вас - не делайте что-то сложное. Придумайте свою задачу, затем усложняйте.
"Я хочу сделать страничку с текстом и двумя колонками".
"Я хочу сделать шапку отдельным блоком"
"Я хочу сделать страничку с одной колонкой, двумя подстраничками и единым заголовком, чтобы кликать вверху и выбирать какую закладку я хочу посмотреть"
"Я хочу чтобы выбор закладки был выпадающим меню".

Так доходите до более сложного функционала, и уже тут можно читаьт книжки и смотреть как это делают другие.

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

Поэтому практика должна преобладать над теорией.

[Kalina007]

Saboteur, Да, спасибо! Именно так!
Вот эта книга, по которой я только закончила практиковаться (Эрик Фримен HTML/ CSS изд. O'Reilly) , такую методику и содержит: читаем, практикуем.
Поэтому я и ищу себе в продолжение подобную литературу (учебник).
Книги серии О'Reilly хвалят. Попрактикуюсь с ними, а там что-то уж вырисуется :)

[Kalina007]

Saboteur, Как же Вы правы!!! Взялась за копирование простеньких макетов и полный стопор. Вроде все старалась запомнить, что читала, а как дело дошло до практики ...((
В итоге, книги закрыла и "пошла" с обратного: практикую, что не знаю-подсматриваю.

Answer 2

[rusikus]

Дэвид Макфарланд - "Большая книга CSS"
Мэтью Мак Дональд "HTML5 недостающее руководство"

Comments

[Kalina007]

И как лучше изучать HTML/ CSS - по отдельности? Или стоит обратить внимание на литературу, где информация подаётся в одном месте?

[Eugene Chefranov]

Kalina007, одно другое дополняет

[rusikus]

Kalina007, сначала углубиться в html, а там везде потом постепенно с CSS сливается. Ну вот эти вот книги, как мне кажется, для совсем начала - очень хорошо. Там все простым языком и разжевано с примерами. Ну а так, как сказали ниже можно и HTML Academy, но вот лично мне когда еще давно начинал - все эти онлайн курсы не зашли. Я лучше текст воспринимаю, причем не электронный, а именно бумажный

[Kalina007]

rusikus, Согласна с Вами! Мне они тоже не "заходят". Эти курсы несут ознакомительный характер, совсем ознакомительный.

[Kalina007]

Eugene Chefranov, Спасибо большое! Возьму на вооружение.

Answer 3

[Andrey Savchenkov]

Кит Грант "CSS для профи"

Answer 4

[Ꮖɦɛօռ]

Этот вопрос уже задавали, а я на него отвечал: Какие книги почитать про веб-разработку новичку?