Фрилансеры предложат решение вашей задачи уже через несколько минут!

Публикация заказа на фриланс бирже не займет много времени.

5 лет назад
Денис
36 лет, Россия
15 лет в сервисе
Был онлайн 3 месяца назад
135 отзывов(-2)
100% фрилансеров рекомендуют 47% заказов с выбором исполнителя
5 лет назад

1. Кроссбраузерность
Сайт должен нормально работать в IE8+, FF3+, Opera9+, Safari4+, Chrome последней версии 

2. Если используете CSS хаки, комментируйте, что это и для какого браузера, а лучше используйте css_browser_selector.js. Заботьтесь о верстальщиках, которым придется работать с этим макетом после вас.

4. Названия классов и id должны по смыслу соответствовать применению, например, header, menu, footer, news

5. Просьба разделять основные html блоки комментариями. Примерно так:
<!--—BEGIN FOOTER -->
<!--—END FOOTER -->

Это нужно для создания из сверстанного html макета шаблонов для CMS, после чего комментарии будут удаляться.

6. Не пренебрегать возможностью использовать GIF/PNG с 8-битным альфаканалом вместо PNG-24, где это возможно.

7. Все что можно сделать без Javascript, делать без него.

8. Если Javascript кода много — нужно его выносить в отдельный файл. Обработчики событий тоже лучше отделить и объявлять в отдельном файле.

9. Предварительно оговорить, какие JavaScript библиотеки вы планируете использовать при верстке макета, чтобы потом не оказалось, что при верстке использовался, к примеру, PrototypeJS, а программист планирует в обязательном порядке внедрять на сайт jQuery.

10. Для резиновых макетов обязательно согласовать минимальную и максимальную ширину.

11. Макет обязательно должен помещаться без горизонтальных скроллбаров в развернутое на весь экран окно браузера при горизонтальной составляющей разрешения экрана 1024px, а если позволяет размер макета, то и 800px.

12. В папке с изображениями не должно быть картинок, не использующихся в верстке. Если что-то исключили из верстки или переделали — не забывайте удалять уже ненужные картинки.

13. Для всех элементов, которые могут содержать текст различной длины, который должен быть вписан в одну строку (например, для кнопок или заголовков, если в дизайне не предусмотрено, что они могут занимать больше одной строки), обязательно задавайте CSS свойство white-space:nowrap.

14. CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению, например:
/* ___________1. Сброс CSS____________________*/
/* ___________2. Типовые элементы____________*/
/* _______________2.1. Залоговки______________*/
/* _______________2.2. Ссылки________________*/
/* _______________2.3. Элементы форм_________*/
/*___________3. HEADER (Шапка сайта) __________*/
/*___________4. FOOTER (Подвал )_______________*/
/*___________5. SIDEBAR (Справа)_______________*/
Как именно структурировть стили — вопрос немного холиварный, но главное — как-то это делать.

15. Согласовать с программистом, в какой кодировке должен быть html-макет. CSS и JS файлы должны быть в той же кодировке, что и макет, иначе вероятность долгой и утомительной охоты на баги критически возрастает.

17. Если в макете присутствует JS, изменяющий DOM — внимательно следить, чтобы все корректно работало в Опере, т. к. этот замечательный браузер при нажатии на кнопочку назад страницу не перезагружает, а отдает закешированный документ, причем очень важный момент: документ не просто закешированный, а еще и с учетом всех модификаций DOM, которые были выполнены с помощью JS

18. Не забывайте прописывать cursor:pointer для кнопок, сделанных не с помощью input. Если вы не знаете, будет на эту кнопку повешен обработчик событий с помощью JS или это будет ссылкой, лучше в любом случае использовать тег <a>.

19. Если вы делаете обработку событий при нажатии на ссылки, следите за тем, чтобы обработчики событий возвращали false, или же используйте href='javascript:void(0)' вместо популярного href='#', чтобы страница не скроллилась вверх.

20. Верстайте формы правильно: метки полей должны находиться в тегах label, имеющих правильно заполненный атрибут for. Предусматривайте при верстке форм элементы для вывода ошибок валидации и стили для неправильно заполненных полей. 

21. В макете используются нестандартные шрифты, согласовать, можно ли элементы с нестандартным шрифтом делать картинками, если нельзя — с помощью какой технологии будет реализовано их отображение (sIfr, Cufon, etc.)

22. Для частных случаев, все блоки, высоту которых ничего в дизайне не мешает сделать динамической, должны иметь именно динамическую (т. е. зависимую от содержания) высоту, а иногда, чтобы ничего не могло потенциально поломать дизайн, нужно задавать и минимальную высоту. Если хотите сделать блок фиксированной высоты — сначала спросите у программиста.

23. В макетах, где высота страницы зависит от контента (а таких, как правило, большинство), предусматривайте, чтобы футер был прибит к низу браузера при отсутствии/малом количестве контента.

24. Если макет не проходит 100%-ную html-валидацию, постарайтесь по крайней мере делать так, чтобы использование невалидного кода было оправданно. Не стоит факапить валидность верстки только потому, что «мне так нравится» или «так получается короче».

сайт - robinzons.ru

  1. Прием заявок
  2. Выбор исполнителя
  3. Выполнение заказа
  4. Обмен отзывами
Валерий Платонов
31 год, Беларусь
6 лет в сервисе
Был онлайн 17 минут назад
Заказать
$18 / час
от $18

livehtml.io – ваш персональный верстальщик / Оценка макетов – 20 минут.

  • Интернет-магазин
  • Веб-портал
  • Лендинг
  • Корпоративный сайт
  • Сайт инвестиционной компании
Петро Сич
23 года, Украина
5 лет в сервисе
Был онлайн 5 лет назад
5 лет назад
Андрей К.
34 года, Россия
9 лет в сервисе
Был онлайн 5 месяцев назад
5 лет назад
Анатолий З.
40 лет, Украина
12 лет в сервисе
Был онлайн 3 дня назад
5 лет назад
Хамбат Гурбанов
30 лет, Украина
10 лет в сервисе
Был онлайн 2 года назад
5 лет назад
Александр К.
33 года, Украина
13 лет в сервисе
Был онлайн 3 часа назад
5 лет назад
Денис К.
Денис К. 
29 лет, Украина
7 лет в сервисе
Был онлайн 2 месяца назад
5 лет назад
Владислав Снитко
30 лет, Украина
8 лет в сервисе
Был онлайн 5 месяцев назад
5 лет назад
Игорь З.
31 год, Украина
7 лет в сервисе
Был онлайн 2 месяца назад
5 лет назад
Дмитрий Ушаков
47 лет, Россия
5 лет в сервисе
Был онлайн 3 года назад
5 лет назад
Алексей К.
38 лет, Россия
11 лет в сервисе
Был онлайн 10 месяцев назад
5 лет назад
Алексей З.
Алексей З. 
32 года, Украина
7 лет в сервисе
Был онлайн 6 дней назад
5 лет назад

Другие заказы в категории «HTML-верстка»

Здесь заказчик и фрилансеры могут обсуждать заказ до начала его выполнения.
Фрилансеры могут участвовать в обсуждении только после подачи заявки.
Здесь заказчик будет контролировать выполнение заказа и общаться с исполнителем.
Доступ к этому разделу имеют только заказчик и выбранный исполнитель.
Все материалы этого раздела закрыты от поисковых систем.