Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Из PSD в HTML (ищу)

Обсуждение темы Из PSD в HTML (ищу) в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Обшарив просторы интернета, я нашел не мало уроков по верстке из PSD в HTML, но у некоторых небыло исходников, другие слишком для ...


Закрытая тема
 
Опции темы
Старый 16.09.2010, 18:20   #1
Здравствуйте!

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

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

Заранее спасибо
 
Старый 16.09.2010, 18:20
Ссылки
Старый 16.09.2010, 18:33   #2
Урок по вёрстке
 
Старый 16.09.2010, 19:02   #3
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/
 
Старый 16.09.2010, 21:48   #4
Кххх
чтобы понять как верстать надо знать штмл и цсс все. В самом фотошопе нужно знать только функцию кроп и save for web.
Какие там могут быть уроки то?
 
Старый 16.09.2010, 21:54   #5
Цитата:
Сообщение от volFernion Посмотреть сообщение
В самом фотошопе нужно знать только функцию кроп и save for web.
а какже slice ?
 
Старый 16.09.2010, 21:54   #6
Цитата:
чтобы понять как верстать надо знать штмл и цсс все. В самом фотошопе нужно знать только функцию кроп и save for web.
Какие там могут быть уроки то?
Уйма! Нужно очень много всего изучить! Верстка это искусство!
 
Старый 24.09.2010, 14:46   #7
Exodus
Если ты только начинаешь заниматься веб дизайном/версткой (знания по HTML CSS JS PS близки к нулю) я бы посоветовал для начала просмотреть видео уроки от Lynda.com по вышеуказанным темам (искать в любимом торрент трекере).
Уроки, не уступают тем что можно получить на "курсах для профессиональных дизайнеров". Требуемое знание английского - 5-6 класс средней школы. Да и русских аналогов линды пока, к сожалению, нет (слушать кривлянья известного в узких кругах Е.Попова - занятие не для слабонервных)
 
Старый 26.09.2010, 16:58   #8
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
 
Старый 01.10.2010, 00:38   #9
Цитата:
Сообщение от Exodus Посмотреть сообщение
Здравствуйте!

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

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

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

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

Последний раз редактировалось darkdes; 01.10.2010 в 00:42..
 
Старый 02.10.2010, 19:39   #10
Если знаете 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 файл. Райдуйтесь!
 
Старый 02.10.2010, 19:39
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
HTML amadok HTML, CSS, JavaScript 2 20.03.2010 17:54
Азы html ddddd HTML, CSS, JavaScript 2 24.06.2009 06:53
Wml & Html VVVadim HTML, CSS, JavaScript 7 17.12.2003 18:14
html - БД Kondr Кальянная 3 02.12.2003 00:33
Html&php Tiana HTML, CSS, JavaScript 2 07.11.2003 00:52


Текущее время: 16:39. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум