Я бы посмотрел на "Semantic HTML" http://en.wikipedia.org/wiki/Semantic_HTML
Также изучил Doctypes: http://htmlhelp .com/tools/validator/doctype.html
Эти две вещи, однажды освоенные, помогли мне написать правильный x-browser css, который может выглядеть точно так же, как comps, когда вам это нужно.
Я бы посоветовал избегать использования шаблонов, если только ваши дизайнеры не создают один и тот же макет сайта для пользовательского интерфейса, вам нужно быть более гибким.
Хорошая вещь, которая помогает новичкам в x-browser css, так это хороший reset.css: http://meyerweb.com/eric/tools/css/reset/
Я также хотел бы изучить область удобства использования пользовательского интерфейса. useit.com — хороший источник.
Практика, практика, практика.
Я искал в Интернете существующие шаблоны или сайты и пытался воспроизвести их для практики.
Очевидно, уважайте права автора и не воссоздавайте чью-то тему, а затем используйте ее на одном из своих сайтов, если только она не опубликована для широкой публики.
Вы можете учиться на практике, если постоянно спрашиваете себя, можете ли вы сделать конкретную вещь лучше, а если сомневаетесь, ищите эту вещь в Google.
Однако вы обнаружите, что книги дают вам более полную картину всего процесса и учат вас многому, чему не могут научить отдельные сообщения в блогах. Интернет подобен ссылке; вы должны знать, что искать, но книга даст вам полезные советы, о которых вы, возможно, и не подумали.
У меня тоже какое-то время было такое разочарование (думаю, у многих). Одна конкретная вещь, которая частично смягчила это разочарование, заключалась в том, чтобы узнать о важности классов и идентификаторов (т.е. идентификаторы упрощают javascript, классы облегчают крупномасштабные изменения). Это может показаться очень простым, но для меня это был большой шаг. Думаю, я хочу сказать, что вам просто нужно проводить с этим время. Не уклоняйтесь, потому что это пугает или расстраивает. Это просто требует времени.