Фотошоп и Дримвьювер

[dr_sovest]

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

[filatof]

Для начала лучше почитай про html. Хотя бы самые азы. Документации про это в инете море. Делить картинку на слои не надо, надо делить на куски. В дримьювере строиться таблица и в нее подставляються куски картинки. Приблизительно так ...

[dr_sovest]

filatof, про хтмл я уже читала, про дриму тоже. гл.вопрос - как .psd заставить читать дримьювер.

[Bambonito]

Цитата: Сообщение от dr_sovest filatof, про хтмл я уже читала, про дриму тоже. гл.вопрос - как .psd заставить читать дримьювер.

Никак. Макет, созданный в Фотошопе необходимо разрезать на кусочки, соответствующие модулям сайта: шапка, меню, нижняя часть и т.п., сохранить их в jpg, gif или png (выбор формата по формуле "размер файла - качество"). Как резать, на сколько частей - вопрос практики, так что смотрите как сделано у людей и быстро всё поймёте.

[Geser]

Или ещё вариант не резать куски, а сохранять одной картинкой для веб.
Выделять всю область. Сделать где-то 60% от качества jpg. Если страниц много но допустим логотип и шапка и контакты одни, только инфа разная, тогда сохраненая для веб страница всегда будет одна, поменяется только текст. Если у Вас все страницы разные, то можно прямо в фотошопе нажимать нужные и отжимать не нужные кнопочки и сохранить таких допустим 7 страниц. Все гиперссылки делать только текстом, а не кусками резанной картинки. Тогда у Вас не будет сайт на куски разлетаться, если кто-то пытается допустим скопировать Ваши координаты. Саму картинку сохранить под нужный размер к примеру 720 на 820. Потом открыть Дримвьювер новый html, нажать на таблицу, выбрать 1строка на 1 столбец - 200 пикс - стенки не 1 а 0 . выровнить, встать на неё и добавить туда через нижнюю папку (рядом с прицелом) Вашу картинку. Получится фон. Пишите туда текст сколько хотите и добавляйте ссылки, выделяя слова и вписывая необходимую в строку для гиперссылок. Сохраните как страницу и далее так-же следующую.
Вот пример для понимания скрешения фотошопа с дримвьювером. Сайт не готов, но понять можно. Там пока только забиты 4 страницы пустые и страница ЗАКАЗАТЬ с таблицей -http://www.chelsy-john.ru/Page-4.html

[filatof]

Рисуешь картинку сайта в фотошопе, потом делишь ее (раскраиваешь) с помощью инструмента Slice Tool. Потом сохраняешь Save for web ... . Потом открываешь полученную html страницу в ДримВъювере и выкидываешь что не нужно и т.д.

Большую помощь может тебе оказать Image Ready, идущий в комплекте с Фотошопом