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

[Vid0k]

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

[Лайт]

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

[Vid0k]

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

[Лайт]

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

[Karantin]

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

[Tigger]

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

А по поводу как верстать - возьми пару шаблонов в psd + html с ними и посмотри как всё делается. Хм.... Не видал такого, чтобы кт0то выкладывл псд+хтмл))

[Vid0k]

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

[Лайт]

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

[inlanger]

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

[Vid0k]

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

[Лайт]

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

[Dimi4]

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

[Naydav]

Здесь все найдешь:
http://www.htmlbook.ru/content/

Для более продвинутой:
http://ezhe.ru/ib/archive.html?all10780
И вообще почитай данного автора в инете

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


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

[Vid0k]

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

[Naydav]

Vid0k
Спешл фо ю "30 темных дизайнов"
http://www.w3school.ru/blog/design-showcase/30-dark-designs-you-shouldve-seen.html

Возможно, что-то за основу возьмешь

[Vid0k]

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

[Dr.Bodja]

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

[Vid0k]

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

[mff]

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

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