Верстка и фотошоп
 

на кидал сайт в фотошопеhttp://img176.imageshack.us/img176/3264/saitef7.th.jpg
правда еще не до конца
но уже задумался как мне все это верстать
был бы признателен если б подкинули хороших
статей как все это грамотно порезать и сверстать
и какая верстка лучше табличная или дивная?
так же приму критику=)
ток обоснованную...

Я скажу тебе так: В процессе...
доделывай все в фотошопе и выкладывай, а то тут просто набор квадратиков.
ЗЫ Синий цвет текста не катит.

psd я выкладывать не буду не хочу чтобы появились клоны сайта
ты б лучше статейки подсказал чтоб грамотно сверстать
зы цвет щрифта поменяю

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

Фотошоп режет в табличную верстку, так что решать тебе, переделывать дивами или нет. Мнения различаются - верстка дивами считается более прогрессивной, табличная же более просто и менее времязатратной.
тут и выкладывать ничего не надо, все копируется с картинки легко, да и копировать там нечего. Работай еще. А по поводу как верстать - возьми пару шаблонов в psd + html с ними и посмотри как всё делается.

Ты чего? Какой клон сайта? Сайтов по такому образу куча!!! Только дизайн разный... Такой сверстать ЛЕГКО. Разумеется таблично... Дивно мнене нравится)) А вообще есть много статей по верстке на форуме сайта demiart.ru
ЗЫ: У тебя не дизайн, а "каляка-малка"

Хм.... Не видал такого, чтобы кт0то выкладывл псд+хтмл))

ммм...почему? что тебе в нем не нравиться?шрифт?меню и тд и тп ?
как сделать лучше?примеры...пока я еще ковыряюсь с фотошопом)

Я тебе уже сказал, что у тебя просто набор квадратов, когда добавишь контент и выложишь превью, тогда я расскажу что не таг

Шрифты ужасные, цветовая гамма давит на мозг...

http://img522.imageshack.us/img522/2979/saitpf1.th.jpg
вот немного переделал
что еще исправлять
шапку пока не сделал
и не могу с цветом меню разобраться

Эх, как тут не крути, а ничего дельного не получится...
Ты гробами что ли торгуешь? Тогда красного добавь, черепов по краям, надгробий с крестами, зомби пасущихся на кладбище и ворон людоедов.
Весь свой дизайн можешь спокойно выкидовать, жми Ctrl+n и вперед!

Ну и зачем делать всё в темных тонах? Если ты еще не понял, то пользователей притягивает контент и простота. Чтобы было удобно. А твое "творение" реально напрягает глаза.

Здесь все найдешь:
Для более продвинутой:
И вообще почитай данного автора в инете

Так же на хабре есть потрясающие сатьи(наподобии - "вредная верстка"), там очень много ссылок, на действительно классные материалы по верстке


--------------
Нашел -
http://habrahabr.ru/blog/webdev/42497.html
http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
Читать обязательно, причем можно и всем

ну подкинь тогда пару примеров хоумпаги которые те нравяться...
ну а про тона многие сайты в темных тонах и ни кто не жалуется посмотри на родной ачат хоя бы)

Vid0k
Спешл фо ю "30 темных дизайнов"
Возможно, что-то за основу возьмешь

Naydav большое спасибо если б мог еще раз плюсануть то с удовольствием пост плюс
дизы там прикольные спасибо)
добавил к себе в закладки)

Сверстаю за 5Wmz. ) Таблицами. Верстать особой сложности нет, предлагаю сразу всё нарезать на отдельные рисунки, а потом сделать таблицу и вставить туда рисунки, я так верстаю шаблоны joomla для dle, беру графику, представляю как всё будет выглядеть, и таблицами за 10мин шаб готов, а потом довожу до ума.

да все уж я отказался от этого шаблона делаю другой)
и тебе в раздел работа

Vid0k, всё нормально, только сдесь перед тем как делать что то в фотожопе нужно: знать как он у тебя будет растягиваться на весь экран или будет фиксированного размера! Если фиксированного, скажем для мониторов 1024х768 минимум, то размер полотна должен быть по ширине 1003 (1024 - 21 ширина прокрутки ;) ) Потом все элементы должны быть в отдельных слоях, желательно растрировать и объеденять только те слои, которые точно не подлежат более изменениям! На счет таблиц или дивов решай сам, к примеру таблицы грузятся дольше, но их понимают все броузеры, а с дивами появляется ряд ограничений, но они удобны и грузятся постепенно сверху - вниз. Резать так, объеденил все слои в один, потом порезал, далее сохранить для web и там внизу есть кнопочка, на нее жми и код таблицы забирай. Использую эту фичу в фотожопе только когда таблица слишком сложная, лучше самому вручную делать. ;)