—»     —»   15 простых руководств по преобразованию Photoshop-документов в HTML/CSS
  Раздел: Руководства   Нет комментариев  

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS



Сегодня мы хотим поделиться с вами полезной подборкой из 15 легких руководств, посвященных преобразованию PSD-файлов в HTML или CSS, что будет очень полезно и удобно для многих дизайнеров-новичков. В целом, базовые знания в области HTML или CSS не будут сильной проблемой, так как здесь все описано очень досконально, и вам потребуется чуть немного больше времени на изучение этих руководств.

Ниже вы можете видеть перечень из 15 руководств, посвященных превращению PSD-документов в HTML или CSS. Надеемся, что вам понравится эта подборка, и пригодятся представленные уроки. Наслаждайтесь!

01. Конвертируем посадочную страницу с продукцией из PSD в HTML

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этом руководстве подробно рассказывается о том, как преобразовать посадочную страницу с продукцией из PSD в HTML.

02. Привлекательный дизайн страницы Coming Soon

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Это руководство научит вас тому, как превратить привлекательный дизайн страницы «Скоро открытие» в дизайн настоящей веб-страницы. Дизайн выполнен в очень стильном темном стиле, а также оформлен обратным отсчетом. Давайте приступать!

03. Преобразуем опрятный PSD-шаблон в журнальном стиле в HTML/CSS

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Здесь вы сможете получить некоторые советы и подсказки о том, как конвертировать PSD в HTML. Стоит отметить, что здесь не представлены развернутые комментарии к HTML-тэгам, CSS-свойствам и техникам, однако хорошо описан сам процесс превращения PSD в HTML-шаблон.

04. Разрабатываем профессиональный веб-сайт: от эскиза до кода

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этой публикации мы попытаемся разработать профессиональный и очень опрятный сайт для архитектурной студии, который создатели решили назвать Studio Hunter. Здесь вы сможете пройтись по основным целям студии: утонченность, простота, ритмика и профессионализм.

05. Разрабатываем великолепный минималистский дизайн: превращение из PSD в XHTML и CSS

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Здесь вы научитесь использовать CSS3 и те новые свойства, что технология принесла веб-разработчикам. В рамках данного руководства будут использоваться тени текста, фоновые градиенты и многое другое.

06. Превращаем Photoshop-файл в полностью работающий веб-сайт

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этом руководстве вы сможете научиться тому, как разработать полностью функциональный веб-дизайн из заранее подготовленного дизайна в Adobe Photoshop.

07. Разрабатываем грубый веб-дизайн с нуля

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этом пошаговом руководстве вы сможете научиться тому, как можно преобразовать красивый и привлекательный эскиз в PSD-файле в полностью работающий веб-шаблон на HTML и CSS

08. Преобразуем PSD-документ в CSS и HTML

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этом руководстве вы познакомитесь с дизайном блога Brillante, а также попробуете конвертировать его в HTML/CSS-шаблон, а также научитесь встраивать собственные шрифты.

09. Разрабатываем сайт современной дизайн-студии из PSD в HTML

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Здесь вас обучат превращению дизайна современной дизайн-студии (разработанного Tomas Laurinavicius) из PSD-шаблона в полностью работающий сайт на XHTML/CSS.

10. Превращаем дизайн портфолио из PSD в HTML

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этой статье вы сможете научиться превращать шаблон портфолио Dezign Folio из PSD-формата в HTML. Процесс превращения сопровождается пошаговой инструкцией. Вы научитесь создавать шаблоны при помощи CSS-платформы, некоторых CSS-стилей и javascript.

11. Преобразуем теплый и привлекательный веб-дизайн в HTML и CSS

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Данное руководство рассказывает о превращении теплого и привлекательного веб-дизайна из PSD в HTML и CSS.

12. Конвертируем темный трехмерный шаблон портфолио из PSD в HTML

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Данная статья поможет вам научиться конвертировать интересный дизайн портфолио из PSD в HTML-формат. Процесс сопровождается пошаговой инструкцией. Вы научитесь создавать шаблоны при помощи CSS-платформы, некоторых CSS-свойств и javascript. Стоит отметить, что полученный шаблон будет кросс-браузерным и динамическим.

13. Воссоздаем веб-сайт музыкальной группы из Photoshop

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Данное руководство научит вас тому, как преобразовать PSD-документ в опрятный и полностью функциональный XHTML/CSS-код.

14. Преобразуем привлекательный веб-дизайн с текстурами из Photoshop в HTML/CSS

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

В этом руководстве вы сможете научиться воссоздавать привлекательный шаблон из PSD-документа в HTML.

15. Разрабатываем WordPress-шаблон в стиле меловой доски

15 простых руководств по преобразованию Photoshop-документов в HTML/CSS

Это руководство посвящено тому, как конвертировать WordPress-шаблон в стиле меловой доски из PSD в полностью рабочий XHTML-код.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Photoshop
Опубликовал Design FactoRy   Прочитано (раз): 4430   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июль 2017    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930
31