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

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

4 года назад
Денис С.
35 лет, Россия
14 лет в сервисе
Был онлайн 4 часа назад
4 года назад

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

Петро Сич
22 года, Украина
4 года в сервисе
Был онлайн 4 года назад
4 года назад
Андрей К.
32 года, Россия
7 лет в сервисе
Был онлайн 1 месяц назад
4 года назад
Анатолий З.
39 лет, Украина
10 лет в сервисе
Был онлайн 1 день назад
4 года назад
Хамбат Гурбанов
29 лет, Украина
8 лет в сервисе
Был онлайн 1 год назад
4 года назад
Александр К.
31 год, Украина
12 лет в сервисе
Был онлайн 4 дня назад
4 года назад
Денис К.
Денис К. 
27 лет, Украина
6 лет в сервисе
Был онлайн 18 дней назад
4 года назад
Владислав Снитко
28 лет, Украина
6 лет в сервисе
Был онлайн 6 часов назад
4 года назад
Игорь З.
30 лет, Украина
6 лет в сервисе
Был онлайн 4 часа назад
4 года назад
ТОП-50 — HTML-верстка
Дмитрий Ушаков
46 лет, Россия
4 года в сервисе
Был онлайн 2 года назад
4 года назад
Алексей К.
37 лет, Россия
10 лет в сервисе
Был онлайн 2 дня назад
34 отзыва1 новый
4 года назад
Алексей З.
Алексей З. 
30 лет, Украина
6 лет в сервисе
Был онлайн 1 месяц назад
4 года назад

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