HTML

[nintendocore1.livejournal.com]

Чем руководствоваться для изучения, собственно? Информации тонны, хотелось бы услышать рекомендации касательно определенных сайтов или книг.
Спасибо.

Comments

[1assie.livejournal.com]

плюсую по всем пунктам.
и желательно еще завести (и изучить функционал) что-то более продвинутое, чем «Блокнот». У меня Notepad++, но более опытные кодеры, возможно, посоветуют другой инструмент

[morfizm.livejournal.com]

(Опытный кодер, правда, веб девелопментом занимался мало)

Для редактирования нужен инструмент, умеющий делать auto-indent (автовыравнивание), поиск, поиск и замену, копирование и перемещение блоков (минимум "поточных блоков", желательно также прямоугольных) и очень желательно syntax highlight. Надо чтобы редактор показывал номера строк - чтобы искать где в исходнике ошибка по тексту сообщения об ошибке.

Я использую Far Manager с плагином Colorer, когда на Windows, или vim на *nix.
Не знаю, подходит ли для этих целей Notepad++, наверное, да, но я не пробовал.

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

По поводу "примеров других сайтов" добавлю, что иногда исходники сайтов громоздкие и нечитаемые, их надо сразу пропускать, искать простые. Сайты-визитки обычно простые. Скажем, портфолио художников или что-то вроде "сайт строительной компании" ("о нас", "примеры работ", "обратная связь"). Кроме того, именно сайт-визитка это отличный старт для изучения HTML. Там нужно будет познакомиться и со вставкой картинок, и с разметкой, и со стилями (если хотите красиво), но не нужна никакая динамика, JavaScript. Кроме того, для статического сайта (без динамики) не нужен хостинг. Можно просто сделать html-файл и в туже директорию бросить картинки и стили как отдельные файлы, и прямо открывать в браузере из папки, всё будет работать. А чтобы "выложить на настоящий сайт" достаточно скопировать эти файлы куда-то на сервер.

[1assie.livejournal.com]

ППКС

[morfizm.livejournal.com]

Ещё желательно научиться использовать плагин Firebug для Firefox или DevTools для Chrome (https://developer.chrome.com/devtools). Это позволит "отлаживать" страницу - искать где что не так в DOM (document object model), если что-то не отображается или отображается неправильно.

[1assie.livejournal.com]

+100. Если не с самого начала, когда закладывается принципиальное понимание, то когда начнется настоящая практика — это серьезная помощь.