Первое, что приходит мне на ум, - это понять причины этих метаязыков, вы должны понимать, что разделение между содержимым, визуальными элементами и функциями должно быть разделено.
Если вы знаете RoR, вы должны знать о шаблоне MVC. Здесь то же самое.
Попробуйте узнать, почему, и вы поймете, как.
Вы также должны знать о (x) html-семантике, которую необходимо знать, прежде чем что-либо делать.
Чтобы получить хорошее представление, вы можете прочитать Руководство по разметке , которое объясняет клиентам все теги xhtml.
Все ссылки, данные RegDwight, должны быть хорошим началом.
В качестве библиотеки javascript я бы посоветовал jQuery, которая завершает и проста в использовании, с короткой кривой обучения (но в любом случае завершена).