Хочу начать изучение HTML и CSS. В интернете находил много сайтов и книг, глаза разбегаются и не знаю что выбрать. Поэтому, прошу посоветовать, с какой книги или сайта лучше всего стоит начать изучать HTML и CSS.
Также какое ПО следует использовать при изучении HTML и CSS.
Книга Муссиано "HTML&XHTML.Подробное руководство". Читайте вдумчиво. Книга впоследствии пригодится, как справочник.
Книга Э.Мейер "CSS. Каскданые таблицы стилей. Подробное руководство". Буквально учить можно эту книгу. ))
Сайт htmlbook.ru. - есть справочники, уроки, статьи, готовые решения. Много всего интересного на этом сайте.
ПО. Список достаточно широк. Я предпочитаю писать "руками", так скажем, то есть без приложений автоматической генерации кода... Я работаю в Notepad++. Итого для начинающего считаю лушей связкой ПО - Notepad++ и Mozilla Firefox последней версии.
Тут на мой взгляд есть хорошая схема и структурированное описание базовых вещей, необходимых на том или ином уровне.
Немного вводной информации (из личного и опыта моих коллег, друзей):
Начинающему верстальщику, да и не только начинающему, всегда сложно определится, что читать и с какой именно книги начать лучше всего, так как нас окружает океан всевозможных рекомендаций. YouTube переполнен различными видео-материалами, тысячи блогов с красивыми заголовками и картинками, так и взывают к себе: "Иди сюда, мы тебя всему научим..." ну и так далее...
Очень важно, особенно тем, кто лишь начинает свой путь (среди всего этого информационного шума), понять и осознать в каком направлении двигаться, с чего начинать и как далее постепенно наращивать свои мускулы в данной сфере деятельности. Как правильно все делать? Какие инструменты использовать? Вопросов много и двигаясь шаг за шагом, решая их постепенно, можно многого достичь.
Добавлю свою подборку максимально продуктивных и актуальных книг, учебных ресурсов по HTML, CSS, и дополнительных технологий связанных как-либо с версткой, и в целом веб-дизайном, которая помогла мне начать делать что-то интересное, стремиться развиваться далее в этом направлении, а также найти первую работу в ИТ :)
Литература (HTML):
Литература (CSS):
Ресурсы для обучения и справочники:
WebReference
MDN Web Docs
W3C. HTML 5
W3C. Cascading Style Sheets home page
SASS. Documentation
Bootstrap. Documentation
Книги и учебные материалы по SVG
Литература по веб-дизайну и связанным технологиям:
тут помимо вышеуказанных, дано больше технологий и данная литература немного выходит за рамки этого вопроса, но книги полезны тем, что они формируют общее понимание формирования веб-страниц
Хочу также добавить, как говорят практически все, кто каким-либо образом связан с ИТ:
учите английский язык, так как технологии развиваются очень быстро и книги на русский язык переводят существенно позже, некоторые технологии перестают быть актуальными к моменту перевода. Старайтесь пользоваться ресурсами-первоисточниками, или же ресурсами максимально приближенными к ним (примеры привел выше).
Согласен с iwowa. Отличный сайт для изучения: http://htmlbook.ru/. Насчет ПО: лучше на мой взгяд notepad++.
Я, конечно, опоздал на 7 лет, но учил эти языки я благодаря htmlbook и Head First HTML with CSS & XHTML. И да: не советую учить эти языки по отдельности.
Лично я, очень хорошо воспринимаю все визуально и на слух. Мне было влом читать техническую литературу, поэтому я изучал эти языки по мере возникновения проблемы. Как именно? Начал с того, что смотрел обучающие уроки (Вводные уроки) в YouTube на русском. Повторяешь все действия в уроках и вуаля - ты написал свою первую "веб-страницу".
После того, как ты почуствуешь, что немного начал понимать в этих языках - начинай писать страницы без помощи уроков, создавая челендж себе самому. Если есть проблема - гугли. Форумы и YouTube-видео всегда помогут тебе. Как сказал один мне юзер StackOverflow: "почти все ответы на твои проблемы ты найдешь в интернете".
Кстати, еще один неплохой сайт-справочник - w3schools (на английском).
Рекомендую после неплохой базы в CSS переходить на препроцессоры. Лично я использую SCSS. Очень хорошая книга для изучения - Dan Cederholm - Sass for Web Designers.
Насчет программ - Notepad++, конечно, всему голова, но также можете попробовать MS Expression Web. Плюсов несколько - как подсказка по коду и автозавершение, так и просмотр сразу того, что намутил.
Лучший учебник на сайте postroika.ru. Я по нему научился и все замечательно! Очень советую! Зайдите на сайт и в меню выберите "HTML". Его можно скачать. Короче крутой учебник!