Как разобраться с psd-макетом?

Question

[zlowar]

Картинку айфона и мака как реализовать? Вставить как картинку?

Answer 1

[Юрий Лобанов]

Все зависит от того, платят Вам за время, которое Вы потратите на рисование этого с помощью html или нет, а также от того, что собираетесь поддерживать.
Я бы использовал картинку. Текст сделал бы текстом, возможно.

Answer 2

[Константин Величко]

1. Делаете 2 блока в них будут дырки под контент.
2. Задаете им ширину и высоту и overflow: hidden
3. Режете картинку на прозрачном фоне ноут с телефоном, вместо оранжевого дырки
4. Подгоняете на свои места блоки из пункта 1 абсолютом

Answer 3

[Dev]

macbook
iphone

Comments

[Dev]

вообще есть сайт который предоставляет разного рода макетов, только я забыл как он называется

[Юрий Лобанов]

@I_I то, о чем Вы пишете, скорее всего называется MOCK-UP.
В данном случае вопрос не о том, где найти картинки, а как их реализовать.

[Dev]

@iiil Чет я не уверен что автор хочет узнать как делается макет, скорее всего ему нужен сам макет.
Смысл такой вопрос задавать если не чему не научишься, или он ожидает что кусок текста его обучит рисованию :)

[Юрий Лобанов]

@I_I вопрос прочитайте.

[Dev]

@iiil ладно, причем тут тогда html5 css3 html css

[Юрий Лобанов]

@I_I еще раз говорю, прочитайте вопрос!

[zlowar]

@iiil @I_I спасибо большое, не спорте:) Я понял как это сделать.

[Константин Величко]

@zlowar и как же?

Answer 4

[Павел Гоголинский]

Все картинкой и продолжайте верстать дальше. Понадобится - переделаете