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


Баннерная сеть GinAds

Сравнить макет с вёрсткой

#1 myrka

myrka
  • Пользователь
  • 22 сообщений
  • Репутация: 10
0

Отправлено 27 Январь 2012 - 12:02

Здравствуйте.
Подскажите пожалуйста хороший способ, как сравнить макет дизайнера с навёрстанной страницей, дабы не было разницы даже в нескольких пикселей.

 

 

  • 0

robot

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

#2 yury

yury
  • Пользователь
  • 631 сообщений
  • Репутация: 179

Отправлено 27 Январь 2012 - 13:09

* Открываем в фотошопе картинку с макетом
* делаем снимок экрана окна браузера с сайтом
* вставляем этот снимок в фотошоп слоем поверх макета
* устанавливаем прозрачность слою со снимком процентов 30-50, совмещаем изображения и сравниваем
(при желании можно масштаб увеличить и рассматривать интересующие места крупнее)

А это вообще так критично, чтобы было попиксельное совпадение?
Главное, чтобы сайт сам по себе смотрелся и функционировал, как задумывалось.
Сайт ведь для посетителей сделан, а никто из них пиксели считать не будет.
А еще бывает резиновая верстка, контент может разное место занимать, и т.п.


  • 0

#3 myrka

myrka
    Topic Starter
  • Пользователь
  • 22 сообщений
  • Репутация: 10

Отправлено 27 Январь 2012 - 13:53

Спасибо вам огромное


  • 0

#4 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 27 Январь 2012 - 19:52

еще есть плагин к firebug который предназначен для этого, к сожалению не помню названия

кажется вот этот https://addons.mozil.../pixel-perfect/
  • -1


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