Перейти к содержимому



[Урок 1] Выбор макета и инструментов для верстки.

#1 TimurR

TimurR
  • Пользователь PRO
  • 857 сообщений
  • Репутация: 192
2

Отправлено 29 Март 2015 - 15:31

Всем привет! Давно уже обещаю сделать курс по верстке макета и адаптации его под CMS WordPress, но из-за нехватки времени приходится откладывать. И так как ближайшее время я по прежнему буду сильно занят, решил начать вести уроки без подготовки, поэтому заранее извиняюсь за косяки, которые могут быть, но надеюсь, что с вашей помощью мы их будет исправлять.

 

Решил я использовать простой и вполне симпатичный PSD макет, который вроде бы распространяется бесплатно. Ссылка для скачивания макета https://all-psd.ru/s...annom_fone.html. Сам макет выглядит так:

 

02435.jpg

 

Он довольно приятный, в нем реализованы все необходимые функциональные элементы дизайна и прям идеально подходит для WordPress. Для работы с макетом, нам понадобиться редактор кода и Adobe Photoshop CS 6. Редактор кода я буду использовать Sublime Text 3.

 

Из онлайн сервисов:

Настройка цветового профиля в Photoshop. Для правильно работы в этой программе необходимо выбрать правильный цветовой профиль, чтобы цвета небыли ложными. Как это сделать описано в хабре: http://habrahabr.ru/post/67831/

 

Шрифты в шаблоне. Некоторые шрифты в шаблоне могут быть у вас неустановленными. По ходу действия мы либо найдем альтернативу, либо скачаем нужные шрифты. Я склоняю свой выбор к первому варианту, так как шрифты для нас на данный момент не играют особой роли.


 

 

Сообщение отредактировал TimurR: 29 Март 2015 - 15:53

  • 1

Просто хостинг www.ihc.ru



robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Макеты для верстки
  2. Сравнить макет с вёрсткой
  3. [Урок 2] Разметка макета по блокам и определение необходимых тегов.
  4. [Урок 3] Разрезка макета и определение размеров
  5. [Урок 4] Часть 1. Верстка макета HTML5/CSS3


Оформление форума – IPBSkins.ru