Прокомментируйте , оцените вёрстку

[hristofor]

http://web.zone.ee/layout/index.html

[Ludwig Voltman]

Слишком простой макет! Попробуйте сверстать что-нибудь серьезнее, гораздо больше опыта приобретете. Да и рассматривать сложную верстку гораздо интереснее.

1) не очень правильное, имхо, решение с background для body, не гибкое. Я бы реализовал путем создания нескольких блоков и наложения их друг на друга с помощью отрицательных полей. Но здесь, наверное, вкусовщина, т.к. нет оригинального макета, чтобы понять задумку дизайнера.

2) постарайтесь избегать !important. Без них сложно обойтись на больших динамичных проектах без методологии верстки, здесь же -- макет простой.

3) зачем в блоках относительное позиционирование? Это хак какой-то?

4) информацию о копирайте и авторах дизайна (хы-хы) я бы заключил в тэги small.

5) ссылки на сайт дизайнера надо как-то стилизовать

6) фиксированную высоту для текстовых блоков лучше не задавать (или делать её через min-height). Цитата (класс лучше назвать quote) выходит за границы отведенного для неё блока (blockquote)

7) обратите внимание на структурные тэги в html5 -- есть над чем работать. Я тут советовать ничего не могу, т.к. сам с этой темой не разобрался.

Edited December 16, 2013 by Ludwig Voltman

[hristofor]

Слишком простой макет! Попробуйте сверстать что-нибудь серьезнее, гораздо больше опыта приобретете. Да и рассматривать сложную верстку гораздо интереснее.

1) не очень правильное, имхо, решение с background для body, не гибкое. Я бы реализовал путем создания нескольких блоков и наложения их друг на друга с помощью отрицательных полей. Но здесь, наверное, вкусовщина, т.к. нет оригинального макета, чтобы понять задумку дизайнера.

2) постарайтесь избегать !important. Без них сложно обойтись на больших динамичных проектах без методологии верстки, здесь же -- макет простой.

3) зачем в блоках относительное позиционирование? Это хак какой-то?

4) информацию о копирайте и авторах дизайна (хы-хы) я бы заключил в тэги small.

5) ссылки на сайт дизайнера надо как-то стилизовать

6) фиксированную высоту для текстовых блоков лучше не задавать (или делать её через min-height). Цитата (класс лучше назвать quote) выходит за границы отведенного для неё блока (blockquote)

7) обратите внимание на структурные тэги в html5 -- есть над чем работать. Я тут советовать ничего не могу, т.к. сам с этой темой не разобрался

 

Вы не могли бы мне посоветовать сайты где можно брать макеты для вёртски?

Edited December 17, 2013 by hristofor

[Aleksandr.L]

Вбейте в Google фразу: "free psd templates", там полно макетов.

[Ludwig Voltman]

Да, а ещё можно сверстать что-нибудь из этого раздела форума:

http://htmlforum.ru/index.php?showforum=31

[hristofor]

Спасибо