Как верстать сайты?

БЫСТРЫЙ СТАРТ (Если Ты продвинутый новичок): 1. Если есть возможность, то используй для работы MAC вместо PC. Он быстрее и надежнее. (Посмотри это видео: http://goo.gl/oGoN7M Сам пользуюсь Macbook Pro Retina 15" и очень доволен. На PC с Windows вряд ли перейду обратно; 2. Используй программку Alfred (для MAC: http://www.alfredapp.com/ ) и Launchy (для Windows: http://www.launchy.net/) для быстрого вызова других программ. Это уже реальная необходимость в постоянной работе за компьютером; 3. Начни с прочного фундамента. Пройди эти уроки по азам HTML и CSS: http://htmlacademy.ru/courses/4 ; Далее пройди эти очень важные уроки: - по HTML (блочная модель документа): http://htmlacademy.ru/courses/44 - по CSS (наследование и каскадирование): http://htmlacademy.ru/courses/66 Достаточно разобраться с азами HTML и CSS, затем понять блочную модель и разобраться с каскадированием и наследованием в CSS. С этим багажом уже можно смело двигаться дальше! Пройди 1-месячный интенсив. И это будет САМЫЙ БЫСТРЫЙ СТАРТ: http://htmlacademy.ru/intensive (Промо-код на скидку 10%: 5481e4bdf) 4. Используй продвинутые редакторы кода. Сейчас это Sublime Text, Brackets и Atom Скачать их можно здесь: Sublime Text - http://www.sublimetext.com/3 Brackets - http://brackets.io/ Atom - https://atom.io/ 5. Для ускорения написания HTML и CSS используй плагин для этих редакторов - Emmet (http://emmet.io/) + еще с десяток плагинов (для Sublime Text): - Package Control: http://goo.gl/rava0k - SideBarEnhancements: http://goo.gl/feP6Zr - AdvancedNewFile: http://goo.gl/bhgmcw - Emmet: http://goo.gl/QTSldQ - Bootstrap 3 snippets: http://goo.gl/kfnx5g - AutoFileName: http://goo.gl/V2ZfpM - Tag: http://goo.gl/NtoZcp - ColorPicker: http://goo.gl/Z7Bz4H - FakeImg.pl: http://goo.gl/T6l6Sb - WebFont: http://goo.gl/WhLT8V И еще посмотри мои видео: - "Как устанавливать плагины для Sublime Text": https://www.youtube.com/watch?v=cCJG-J50TTE ; - "10 плагинов для Sublime Text 3": https://www.youtube.com/watch?