Как верстать шаблон сайта?

Question

[Сергей Нагорный]

Я сейчас учусь сам вёрстке(самооброзование).Вот когда дизайнер рисует шаблон то его не волнует как его будут верстать,а как быть версталищику,если по всюду где только можно пихают в дизайн градиент(а его пихают в огромных количествах)я думаю что тут даже CSS3 не поможет.Я сейчас для практики пытаюсь верстать шаблоны,"пытаюсь"-так как я пока научился верстать шаблоны простой сложности,а как быть вот с такими шаблонами я ума не приложу.

Вот такой например я могу сверстать

А как такой сверстать,это возможно наверное?

Вообще возможно border делать градиентом?
Возможно в определенном месте пихнуть градиент(как во втором шаблоне)?

На первом образце,фото хедера как верстать?В смысле как одно целое или рамка должна быть отдельно?Допустим завтра администратор захочет сменить изображение в хедере чтоб рамка оставалась-то есть сменил только фото?

Answer 1

[A K]

Нормальный дизайн сайтов для 2007-2010 годов, раньше все сайты были такими и верстальщики не жаловались, проблема в том, что дизайнер хардолдфаг и до сих пор рисует такие дизы, хотя на дворе 2015 и мы уже катаемся на хавербордах.

Answer 2

[Сергей]

Верстка простая вполне, читайте книги, смотрите уроки и вопросов станет меньше

Answer 3

[Aleksei Nemov]

С градиентами всё просто: если высота (с случае. ели градиент вертикальный) блока статичная - картинка в 1 пиксель, если динамическая - CSS3. Если сайт больше ориентирован на мобильные устройства (например, вход по QR-коду из журнала), лучше как можно меньше использовать градиенты CSS3 потому что они сильно нагружают процессор (примерно в 5 раз больше, по сравнению с картинкой в 1 пиксель).