Чем страницы удобно верстать визуально, чтобы после сделать из них темплейты?

Или сейчас пляшут одновременно и по функциональности и по оформлению от к.л. css ?

да, забудь про wysiwyg - они все обосрались и нефункциональны, дольше делать будешь, чем просто css

В таком случае у какой css есть такой редактор?

у всех норм редакторов/IDE есть автодополнение для css

Или такого нет и это тяжкий ручной труд?

это не тяжкий труд, когда знаешь что делаешь, вывод: просто учите css, это не так сложно, потом возьмите какой-нибудь bootstrap или foundation и вперед.

Все WYSIWYG редакторы плавно загнулись, невозможно сделать такой редактор, который будет обеспечивать удобную работу с чересчур гибким CSS. Но для веб-дизайна, по слухам, хорош Macromedia Fireworks, его вроде Адоб уже купила и закрыла, но потыкать стоит - все знакомые веб-дизайнеры нахваливают. В глаза не видел, правда, но может то что нужно, если вдруг он действительно чудесным образом работает с графическими элементами как если бы они предназначались для браузера, а не печати - выравнивались, масштабировались, вытягивались и т. п.

Визуальных редакторов нет. Вернее, они(он) есть - адоб дримвивер, но насколько я знаю никто в нем не верстает.

Нужна верстка, а учить лень - бери бутстрап. Просто и сердито.

какой нит редактор назовите
есть что нить по css почитать рекомендуемое?

http://brackets.io/

libreoffice для экспериментов?

css jsfiddle, emacs, flymake css, css-mode?

Никак. В браузере есть отличный отладчик, где ты можешь писать стили и видеть что происходит со страницей.

Все WYSIWYG редакторы плавно загнулись, невозможно сделать такой редактор, который будет обеспечивать удобную работу с чересчур гибким CSS. Но для веб-дизайна, по слухам, хорош Macromedia Fireworks, его вроде Адоб уже купила и закрыла, но потыкать стоит - все знакомые веб-дизайнеры нахваливают. В глаза не видел, правда, но может то что нужно, если вдруг он действительно чудесным образом работает с графическими элементами как если бы они предназначались для браузера, а не печати - выравнивались, масштабировались, вытягивались и т. п.

Fireworks (в качестве альтернативы можно рассматривать также InDesign, Illustrator, CorelDRAW, Inkskape, Scribus) — это графический редактор, очень удобный для создания макетов сайтов (во многом удобнее фотошопа за счёт некоторых фич, хотя «дизайнеры» будут и несогласны). Однако верстать в html+css придётся всё равно самому.