Создание страницы в фотошопе для дальнейшей обработки в HTML+CSS

Доброго времени суток уважаемые форумчане! Я в создании сайтов новичок начинаю изучать HTML...с написанием вопросов не возникает...вопрос вот в чём! После создания страницы в фотошопе не могу понять как её сохранить? Одним файлом не пойдёт...фрагментами...тогда смысл было плясать с бубном в фотошопе когда всё равно заново надо эти же блоки...логотипы...изображения путём кода расставлять всё заново на свои места...то есть первое сидишь в фотошопе расставляешь печатаешь текст...далее сидишь работаешь с HTML и заново расставляешь эти же изображения только уже путём кодирования....так для чего сидеть в фотошопе? Иди как сохранить файл?

0

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

0

IGROK173,

Сообщение от IGROK173 как сохранить файл?

1. Ваш макет
2. Все слои которые присутствуют в макете
3. Жмете: Файл -> Сохранить как
4. У Вас должен стоять формат .PSD, .PDD
Далее жмете сохранить. В принципе ничего сложного

Сообщение от IGROK173 тогда смысл было плясать с бубном в фотошопе

А смысл таков, что фотошоп как написано комментарием выше, дает тебе общую картинку того что ты задумал, ты видишь как сайт будет выглядеть - это во первых. Во вторых - с помощью фотошопа ты расставляешь блоки как тебе надо, ты двигаешь картинки куда тебе надо, задаешь нужные размеры тем же картинкам, шрифтам, на каком расстоянии должны находиться блоки и т.д.
А далее ты открываешь HTML файл, открываешь свой макет в фотошопе и начинаешь верстать, сначала ты берешь измеряешь контейнер - задаешь ему в HTML ширину и т.д., потом начинаешь верстать с меню, смотришь в фотошопе какой у тебя шрифт, размер шрифта, цвет, падинги, марджины, отступы между буквами и т.д. все это переносишь в макет и таким образом измеряя расстояние от блока к блоку, размер картинки, шрифта ты по макету опускаешься вниз и переносишь все размеры/замеры в свою верстку.
Если ты в своей верстке будешь использовать бутстрап, то в интернете можно найти колоночную разметку бутстрапа, которая вставляется по верх твоего макета и ты уже сам видишь сколько будет занимать места тот или иной блок.
А теперь представим что ты верстаешь без фотошопа:
Ты на угад расставляешь все блоки, все изображения, потом тебе что то не понравилось ты лезешь в код начинаешь искать тот марджин или падинг который тебе нужно и двигаешь его как тебе надо (получилось/не получилось - это уже такое, там будет видно). Далее нужно угадать с размером изображений, шрифта, с цветом всего макета. Как ты думаешь удобно это все будет делать без макета? Отвечу, нет. Времени ты потеряешь больше, сил тоже уйдет больше. Вот теперь и думай как и что лучше. Если ты можешь делать сразу на чистовик, пожалуйста делай, тебе ни кто не запрещает, но когда напишешь сайт будь готов к тотальному разочарованию

Миниатюры

   

0