Вёрстка макетов.
 

Всем привет. Как верстать макеты сайтов из pdf в html? Надо научится делать точную вёрстку. HTML и CSS знаю отлично, но вот, как верстать макеты я даже не пойму. Помогите пожалуйста.

Макет в pdf? Че за тупость. А как же разделение на слои? А как же пипетка, слайсер, шрифты?
Макет должен быть в psd.

Хорошо не txt... :D

ksa, хорошо, что не gif или exe :D

Ruslan_xDD, хорошо, что не на бумаге прислали по почте.
Станислав89, pdf можно открыть в фотошопе, а лучше в акробате. Там посмотрите шрифты, размеры и прочее.
перегоняйте в jpg и подключайте к браузеру через perfect pixel и дальше уже с маржинами и паддингами работаете.

И перестаньте хвастаться отличными знаниями HTML и CSS

BETEPAH, а как же отключение слоев? Без этого редкий макет можно нарезать. Да и сейчас, с css3 неплохо бы смотреть параметры таких эффектов, как градиенты и тени.

danik.js,
я же говорил не о полноценной замене psd, а о ситуации, когда кроме pdf ничего нет. Само собой, иметь psd лучше всего

да. я имел ввиду, как раз psd. Где можно этому научиться?

Лучше всего посмотри видеоурок какой-нибудь. В свое время мне это здорово помогло и дало толчек вперед. Я уже не помню чей урок смотрел, помню что на английском, какой-то там Jeffrey Way что-ли. Наверняка есть свежие уроки и на нашем могучем.

danik.js,
Спасибо. А долго вы этому училиь?

У этого процесса есть только начало... :D Окончания нет.

ksa,
Я имею ввиду 100%-ое соответствие с разными psd файлами.

Я не занимаюсь pixel-perfect версткой. Так что 100% соответствия у меня никогда нет.

danik.js,
спасибо за ответ. а я почему-то думал, что соответствие должно быть на 100%

Все решает тот, кто оплачивает работу...

Сам так же считаю 100%-ное соответствии не обязательным.

ksa,
понятно. спасибо.

1) Дизайнеру сложнее соблюдать одинаковые отступы. Размеры отступов берутся обычно из головы
2) Не всегда возможности css соответствуют возможностям фотошопа, иногда приходится упрощать/изменять некоторые эффекты.

Так что делаю все по здравому смыслу, а не по макету.

danik.js,
Спасибо за информацию.

добавлю еще один пункт:
3) зачастую стремление к пиксель-перфекту усложняет верстку (я имею в виду не процесс, а результат - код). Важно донести это заказчику, если он настаивает на пиксель-перфекте. А если не настаивает, то вам, как человеку, знающему html и css, лучше видно "внутреннее устройство" веба, чем человеку, знающему фотошоп, и нет необходимости в пиксельной точности.
Лучше, когда страница грузится быстрее и код ее проще в поддержке, чем когда она выглядит идеально совпадающей с макетом, но при этом в ней куча лишних классов и несемантичная верстка.

BETEPAH,
понятно. большое спасибо.

Я напремер верстаю в Share point designer 2007 (его придумала таже кампания, которая виндовс сделала)

*facepalm*