Разное

Вот и пришел я на второй урок. Есть у меня картинка jpg из которой надо сделать сайт. Но как ее правильно порезать и потом собрать не представляю... помогите

p.s. Для примера взята картинка с http://www.artlebedev.ru/portfolio/mdmbank/promo/

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

а как он выглядит? у меня англ. версия

Максимально отделить графику от текста. А вообще покажите дизайн именного ваш.
Ведь каждый дизайн рассчитан на определнный контент.

Если правильно понял, то смотри: http://allrussweb.com.ru/photoshop/primer_6.php

Думаю, что вопрос правильнее было бы перефразировать так:
Как правильно сверстать подобную страницу?

magnezi, не то:)
Loki Вы близки..

Надо сверстать страницу так, чтобы она была по размеру как можно меньше (соответственно по загрузке как можно быстрее) и конечно для этого надо:
а) отделить текст от графики
б) правильно порезать графику и правильно ее обработать

Вот пункт (б) меня больше всего и интересует...
То что у меня созрело: просто выпезать текст, а оставшиеся части порезать на равные квадратики, потом посторить таблицу, в которую распихивать полученные кусочки. - но у меня получается довольно грамоздкая страница:(

Akira, мне надо не один дизан, а чтобы и в будущем столкновшись с таким, знать как себя вести

порядок действий такой:
1. учишь основы html (ОЧЕНЬ желательно писать код вручную)
2. учишь css
3.качаешь себе страницу со схожим позиционированием элементов
можешь поискать на http://www.csszengarden.com/tr/russian/ или http://cssvault.com/2003/11/

4.естественно разбираешь что там и к чему.
5.вставляешь текст
6.если работашь в PhotoShop то:
-склеиваешь все слои
-черенкуешь изображание инструментом рамка "C"
-экспортируешь в web "Alt+Ctrl+Shift+s" /*выбираешь нужшый формат, настройки*/
7. добавляешь к странице графику

вариан нарезки

>>порядок действий такой:
>>1. учишь основы html (ОЧЕНЬ желательно писать код вручную)
>>2. учишь css
>>3.качаешь себе страницу со схожим позиционированием элементов
можешь поискать на http://www.csszengarden.com/tr/russian/ или http://cssvault.com/2003/11/

>>4.естественно разбираешь что там и к чему.
>>5.вставляешь текст
>>6.если работашь в PhotoShop то:
>>-склеиваешь все слои
>>-черенкуешь изображание инструментом рамка "C"
>>-экспортируешь в web "Alt+Ctrl+Shift+s" /*выбираешь нужшый формат, настройки*/
>>7. добавляешь к странице графику

1. html знаю уже как лет 5
2. css тоже знаю
3, 4. так делаю, но хочу чтобы помогли разобраться
5. т.е. текст будет графикой?

мое замечание: если текст - графика => больший вес страницы => медленнее грузится.
Поэтому твой вариант нарезки мне не подходит, т.к. там текст не помещается также как на картинке-примере.

мой вариант присоединен (рисовал на твоем, только черный разбил на три картинки+пустая область)

когда речь идет о нарезке графики про текст нужно забыть.
если ты позиционируешь элементы на css (который ты знаешь), то наверное в курсе, что к любому элементу(p, div, ul, ., #, .....) можно привязать графику, задав ее через фон, при этом можно привязать картинку как к началу элемента, так и сместив ее относительно оного.

если знаешь html и css, то очень рекомендую разобрать ЛЮБОЙ вариант дизайна с http://www.csszengarden.com/tr/russian/ (выбери не стартовую страницу
http://www.csszengarden.com/tr/russian/?cssfile=/184/184.css&page=0 напоминает что-то нужное, там есть ссылка как на исходный html, так и css)

вкратце принцип такой:

набиваешь универсальный html (и соответственно весь текст), а потом делаешь все оформление через css

текст всегда вводится как текст, и только его отдельные элементы могут заменяться графикой

хм... вот как у Лебедева

три картинки - логотип, трубу и знак....
остальное фон - дом, заднии дома, мальчик и машина (причем две картинки - непонятно зачем)

ок. буду практиковаться