[Exodus]

Здравствуйте!

Обшарив просторы интернета, я нашел не мало уроков по верстке из PSD в HTML, но у некоторых небыло исходников, другие слишком для продвинутых пользователей и так далее.

Вопрос: Может кто знает и подскажет простенький урок по созданию макета сайта (очень простого сайта, буквально пару ссылок и кнопок) и конвертации его в HTML?

Заранее спасибо

[Niemans]

http://web-silver.ru/forum/bibliotek...html#post99410

[radius]

http://psd.tutsplus.com/tutorials/in...eb-2-0-layout/

http://psd.tutsplus.com/tutorials/de...op-screencast/

http://psd.tutsplus.com/articles/web...ith-photoshop/

[volFernion]

Кххх
чтобы понять как верстать надо знать штмл и цсс все. В самом фотошопе нужно знать только функцию кроп и save for web.
Какие там могут быть уроки то?

[vitaly-go]

Сообщение от volFernion

В самом фотошопе нужно знать только функцию кроп и save for web.

а какже slice ?

[Niemans]

чтобы понять как верстать надо знать штмл и цсс все. В самом фотошопе нужно знать только функцию кроп и save for web.
Какие там могут быть уроки то?

Уйма! Нужно очень много всего изучить! Верстка это искусство!

[IcHuD]

Exodus
Если ты только начинаешь заниматься веб дизайном/версткой (знания по HTML CSS JS PS близки к нулю) я бы посоветовал для начала просмотреть видео уроки от Lynda.com по вышеуказанным темам (искать в любимом торрент трекере).
Уроки, не уступают тем что можно получить на "курсах для профессиональных дизайнеров". Требуемое знание английского - 5-6 класс средней школы. Да и русских аналогов линды пока, к сожалению, нет (слушать кривлянья известного в узких кругах Е.Попова - занятие не для слабонервных)

[lsaintl]

http://www.youtube.com/watch?v=IKeg1...layer_embedded
http://www.youtube.com/watch?v=VJIYE...layer_embedded
http://www.youtube.com/watch?v=5fRxT...layer_embedded
http://www.youtube.com/watch?v=AIas2...layer_embedded
http://www.youtube.com/watch?v=IjQhC...layer_embedded
http://www.youtube.com/watch?v=a4Klf...layer_embedded

[darkdes]

Сообщение от Exodus

Здравствуйте!

Обшарив просторы интернета, я нашел не мало уроков по верстке из PSD в HTML, но у некоторых небыло исходников, другие слишком для продвинутых пользователей и так далее.

Вопрос: Может кто знает и подскажет простенький урок по созданию макета сайта (очень простого сайта, буквально пару ссылок и кнопок) и конвертации его в HTML?

Заранее спасибо

Зайди на сайт Попова Евгения (ruseller.com), у него много вкусного, вот видео курс его по твоей теме - сайт с нуля: (вёрстка блочная !)

1-я часть курса "Создаем сайт с нуля (Фотошоп+верстка)"
2-я часть курса "Создаем сайт с нуля (Фотошоп+верстка)"

[Nikel']

Если знаете HTML и СSS, то приступим к резке сайта: кстате(Photoshop даже сам верстать умеет), ток это как показательная сцена)
Просто сбор картинок как должны быть, для того чтобы такое чудо сделать нужно:

1) Открыть Фотошоп(Файл->Обзор->*.psd), открываем шаблон который будем резать(открывать можно любыми способами, даже при нажатии на *.psd), если у Ваc он хорошо сделан и Вы менять ничего не хотите(нажимаем CTRL и R одновременно) появляется так называемая линейка.

2) Нажимаем(V), наводим мышкой на "линейку что появилась вверху", нажимаем на левую кнопку мышки и тяним ее на шаблон, увидите ярко светло голубую полоску, если она есть значит все хорошо...

3) Как видите "линейки", две с левого боку и вверху...
Размечаете облости которые потребуются для верстки, вот так:
http://s002.radikal.ru/i198/1010/d9/24ce6cc66c6b.jpg
Сделали? Отлично.

4) Теперь нажимаем в Фотошопе(K)
Slice Tool(Нож для нарезки,раскройка) самый первый...
И выделяем нам нужные места для резки, вот так:
http://s56.radikal.ru/i151/1010/aa/cf49d7a3570c.jpg
продолжаем выделять кто еще не все))

5) Переходим в верхнее меню(Файл->Сохронить в Web....) жмем...
Внимание! (Кто не выполнил процедуру и не сделал так как показанно выше, у того ничего не получится).
Нажимаем "Сохронить".
Вылазиет куда сохронить:
Называем имя файла я назаву его: html
Выбираем тип файла: HTML and Images (*.html)
нам к названию автоматически присвоился формат html.html...
Выбираем место куда сохронить, Вуоаля, все сохронилось успешно, теперь зайдите в папку и запустите html.html файл. Райдуйтесь!