Посоветуйте учебник для изучения HTML и CSS

Question

Друг хочет научиться верстать. Была попытка ему объяснять, но этого я совсем не умею на уровне "с нуля"... Подскажите, пожалуйста, нормальный учебник, где обучают основам верстки. И по-новее, желательно, чтобы не было оформления лэйаута таблицами..

Заранее спасибо!

может если нужны именно основы, то лучше глянуть какие-то видеоуроки? мне например понятнее именно из них. книги вообще не усваиваю. нужен именно визуальный вариант. — drop_off, May 06 '13 at 19:03
@drop_off Лично для меня видео уроки на эту тематику - просто ад. Не признаю. — acidernt, May 06 '13 at 20:02
я по css не видел ни разу, советовать что-то не могу. просто упомянул. да и причем тут вы? вы же не себе. может человеку видео пойдет на пользу, так как визуальное восприятие намного быстрее и понятнее, чем чтение макулатуры... — drop_off, May 07 '13 at 06:15
Связанный: https://ru.stackoverflow.com/q/18814/262779 — , Nov 09 '18 at 22:03

score 8 · Accepted Answer · answered Apr 27 '13 at 08:05

8

Вот вам лучший учебник - http://htmlbook.ru/

answered Apr 27 '13 at 08:05

Astor

2,833

1

как вариант я уже оставил. Он реально будет лучше книг всяких? – acidernt Apr 27 '13 at 08:16
Я считаю, что не нужно останавливаться только на одном ресурсе. Есть много книг для начинающих довольно хорошего качества, например книги серии headfirst. В интернете много чего есть. Забейте в поисковике желаемую фразу и будет Вам счастье! – Astor Apr 27 '13 at 08:49
Он не лучший!Очень мало статей по верстке отдельных элементов,практики. – zloctb Apr 27 '13 at 09:03

score 3 · Answer 2 · answered Apr 27 '13 at 15:05

3

Книги O'reilly:

HTML5. Рецепты программирования
HTML и CSS. Путь к совершенству
Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript
Веб-приложения на JavaScript
Добавляем Ajax
Руководство по MySQL

answered Apr 27 '13 at 15:05

Deeech

174

Первые две точно не для обучения с нуля и даже не для новичков (хотя тут, возможно, ошибаюсь). А остальные 4 вообще никак не идут. Это программирование. Никак не верстка. – acidernt May 06 '13 at 18:46

score 3 · Answer 3 · answered May 06 '13 at 19:11

Советую начать с классики CSS. Каскадные таблицы стилей. Подробное руководство. Эрик А. Мейер. В своё время дала ответы на многие мучающие вопросы и расставила всё по полочкам.

score 1 · Answer 4 · answered Jun 01 '15 at 08:11

Наилучший учебник - интерактивный учебник. Рекомендую HTMLAcademy. Сам проходил там курсы и узнал много тонкостей, хитрых и, главное, правильных приемов в работе верстальщика.

score 0 · Answer 5 · edited Sep 30 '13 at 17:45

0

C++: учебный курс Автор: Франка П. link text

edited Sep 30 '13 at 17:45

Deleted

371

answered Sep 30 '13 at 11:16

terex12

1

score -2 · Answer 6 · edited Jun 13 '16 at 07:08

-2

Нужно хотеть сделать сайт самому (лично я фанател на одну музыкальную группу и хотел сделать сайт с инфой об этой группе).
Вам нужно купить самый тоненький учебник по HTML.
Нужно начать делать сайт.

Cначала всё верстать таблицами и без CSS; → потом из этой тоненькой книжечки узнаёте про CSS и начинаете его применять, → потом узнаёте про блочную верстку (многоколоночные техники; резиновый дизайн) и переверстаете весь свой сайт → потом узнаёте про CSS3, спрайты → адаптивную верстку, SASS (всё остальное, по моему мнению, неоптимальные решения) → BEM (перестанете использовать каскад) → эммм... → что там ещё... → PROFIT! → ну а дальше — JavaScript, jQuery.

edited Jun 13 '16 at 07:08

Саша Черных

4,314

answered May 06 '13 at 19:58

artuska

619

Неплохой план)) Вот я и ищу ту самую тоненькую книжечку. Только вот с таблицами не согласился бы. Самого учили верстать блочно. Без всяких таблиц – acidernt May 06 '13 at 20:01
Только не BEM!!!11! – May 06 '13 at 20:03
Таблицы — самое легкое. Когда узнает про блочную верстку, то будет неприязнь к таблицам и четкое понимание, для чего и когда их можно применять. А для самого начала, чтобы разделить сайт на несколько колонок — таблицы. – artuska May 06 '13 at 20:06
AlexWindHope, только БЕМ! – artuska May 06 '13 at 20:06
Самый тоненький — это любой самый тоненький. Идете в книжный магазин и покупаете что-нибудь из серии «Для чайников» или еще проще. Вообще любой, ибо через пару недель он вообще-привообще не понадобится. – artuska May 06 '13 at 20:12
1
@artuska, БЕМ это отвратительное нечитабельное месиво, лично у меня, ничего кроме омерзения не вызывает, хотя, конечно, быть может, кому-то и нравиться такой вот html:
```
<div class="b-popupa b-popupa__without-padding b-popupa_theme_ffffff b-popupa_direction_down b-popupa_is-bem_yes i-bem b-dropdowna__popup b-dropdowna__menu b-popupa_js_inited">
    ...
</div>
```
Советовать его новичку, ИМХО, не правильно ибо и без него люди девелопят (более того, так делает большинство).

Хотя да, многим подход очень нравятся и кое где он да применяется.
– May 06 '13 at 20:16
БЕМ это самый идеальный способ записи и ирехитектуры названий классов. Приставка «b-» уже в прошлом. Но, самое главное, он избавляет от каскада! Вот эти ваши «.header .right-size .content span b» — вот это дилетантская жесть! – artuska May 07 '13 at 09:28
@artuska, сколько людей - столько мнений, у каждого свой подход. Не надо разводить холивар. – Astor May 07 '13 at 09:32

Посоветуйте учебник для изучения HTML и CSS

6 Answers6

Linked

Related