Верстка одной страницы (основной + моб. версия)
1274 UAHДобрый день!
Необходимо сверстать макет одной страницы.
Верстку делаем под 2 размера:
960 px и 320 px по ширине
Макет в формате PSD с разбитием на слои.
Превью макета Вы можете посмотреть в прикрепленном файле.
Работа только через сейф.
Подробное ТЗ:
Платформы: Windows, MacOs.
Кроссбраузерность: IE9 +, Edge 18+,Firefox 73+, Chrome 79+, Safari 12.1+, Opera 65+, iOS Safari 11.4+, Opera Mini all, Chrome for Android: 81+
Стандарты: HTML5/CSS3. HTML – должен проходить валидацию. CSS – не обязательно.
Соответствие макету: допустимы незначительные различия
Ширина сайта: статична, сайт выровнен по центру. При 960 px должна отсутствовать горизонтальная прокрутка.
Масштабирование страниц: страницы при масштабировании страницы в диапазоне 70-150% должны выглядеть так же как и при 100%. Допускаются не большие погрешности, которые возникают из-за неправильных округлений координат браузеров.
Масштаб в IE7-8 не проверяется.
Независимость: Каждый экран и существенный блок, является независимым от других. То есть его можно перенести в другую часть html верстки и дизайн останется прежним (не поедет.)
(при необходимости почитайте верстку по методологии бэм)
При ресайзе ширины в большую или меньшую сторону, верстка «не лезет» и не накладывается друг на друга. Все смотрится аккуратно и гармонично.
HTML код:
Кодировка – utf-8
Структурный, комментируемый код (обозначается начало/конец крупных блоков). Отбивка табами.
Семантическая разметка на уровне грамотного использования тегов.
Имена классов и идентификаторов – осмысленные, на Ваше усмотрение.
Классы служат для привязки оформления, идентификаторы – скриптов.
CSS код:
Структурный, отбивка табами.
Комментариями обозначены начало/конец крупных модулей/блоков разметки.
Допускается использование вендорных префиксов.
Стили для IE7-8 вынесены в отдельные CSS.
LP должен так же быть адаптирован под основные мобильные разрешения.
Javascript код:
Структурный, отбивка табами.
Имена переменных осмысленные, на наше усмотрение.
Снабжен комментариями: описаны назначения
методов/классов
функций
условий.
Для объемных задач используется ООП, для простых – обычные функции.
Код должен быть без ошибок.
Из необходимых задач по js для реализации необ
Необходимо по js реализовать следующие пункты:
1. меню выпадающее на мобильнй версии
2. pop-up окна
3. табы переключения в каталоге
4. квиз (простое подключение стрелок "вперед" и "назад")
5. галерея работ в блоке "наши последние работы"
Изображения:
Имена файлов осмысленные, на Ваше усмотрение.
Проходят базовую оптимизацию на уровне оптимизации для Веб в Photoshop.
Малые изображения оформления объединенные по назначению и склеиваются в спрайты.
Файловая организация:
HTML файлы лежат в корне. Главная страница – index.html. Остальные – по именам макетов.
Стили в папке /css/
Javascript – /js/
Изображения оформления – /img/
Изображения содержания – /pic/
Оптимизировать скорость загрузки страницы.
Отложить загрузку данных необязательных для первого отображения страницы
Оптимизировать jpg и png-файлы
Внести правки в дизайн, удалив тяжеловесные элементы
Ссылки:
При нажатии на номер телефона, переходит на звонок.
Номер телефона обрамлен в ссылку вида <a href="tel:+37529xxxxxxx">XXXXXXX<a/>При нажатии на иконку вайбера переходит в приложение вайбера.
Приложения 1
Отзыв заказчика о сотрудничестве с фрилансером
Верстка одной страницы (основной + моб. версия)Спасибо. Все сделано качественно. Все сроки соблюдены. Буду обращаться еще!
![]()
Отзыв фрилансера о сотрудничестве с заказчиком
Верстка одной страницы (основной + моб. версия)Отличный заказчик!!! Рекомендую
![]()
-
177 Здравствуйте, Арсень. Ознакомился с фотографией вашего макета, готов взяться за качественно выполнение.
Проект будет отдан в обещанные сроки.
Вот парочка моих работ из портфолио,
https://edgargyumri.github.io/Counsel/index-ru.html
https://edgargyumri.github.io/Minimal/
Оба адаптированы под разные устройства, используется JS(jQuery).
Остальное обсудим в личных сообщениях, цена предварительная, обращайтесь.
-
229 3 0 Здравствуйте, с тз ознакомлен, готов приступить к работе сегодня. Сделаю все качественно и в срок. Имеется большой опыт верстки. Работы можете посмотреть в профиле. Буду рад с Вами сотрудничать.
-
3912 82 1 7 Здравствуйте!
Занимаюсь профессионально HTML-вёрсткой более 4-х лет
Изучил ТЗ и макет, готов приступить
Предлагаю обсудить детали в личной переписке
Работы в потфолио
Обращайтесь!
-
4461 88 4 1 Добрый день.
Меня зовут Виталий. У меня большой опыт в работе с версткой(+дваптив, +резина) и большой опыт в работе с wp и плагинами(включая тот же woocommerce) если нужна будет натяжка к этому проекту. С Вашим тз внимательно ознакомился - реализую все как указано. Приступить готов сейчас. Рад буду сотрудничеству.
Хорошего Вам дня! С уважение Виталий!
-
309 8 0 Здравствуйте, меня зовут Владислав. Я работаю более 2 лет в сфере веб-разработки. В поисках новых клиентов недавно зарегистрировался на этой платформе. Поэтому сейчас у вас есть возможность получить профессиональное выполнение заказа.
Ваш проект меня заинтересовал, готов приступить к выполнению прям сейчас. Тз прочитал, очень подробно написано и это хорошо!
+ приятный бонус : бесплатная поддержка проекта месяц.
Портфолио:Freelancehunt
С нетерпением жду ответа!
… С уважением
Владислав
-
984 27 1 1 Здравствуйте, Готов реализовать валидную и правильную верстку Вашего макета. Обращайтесь обсудим.
-
3328 114 1 Добрый день! С радостью возьмусь за ваш проект. Работу сделаю качественно и четко в срок. Опыт в вёрстке более 3 лет. Если вам нужна кроссбраузерная валидная адаптивная без ошибок в консоли , а не головная от некачественной работы,обращайтесь)
Осуществляю посадку верстки на вордпресс, максимально креативная и отзывчивая админка,редактирование контента,создание блога.
Pagespeed 90+
Мягкая анимация блоков
На другой бирже есть 35+ положительных отзывов,топ 30 по вёрстке,могу показать профиль
Из последних работ
…
http://freightunionbrokerage.com/
http://dobroded.ru/opt/
https://damiraid.github.io/transporte/
https://damiraid.github.io/cherrymatch/
-
2521 77 0 Здравствуйте)
Интересное задание, выполню верстку качественно и в срок. Гарантирую кроссбраузерность и адаптивность, только IE11+. В работе применяю Gulp с различными библиотеками, стили пишу в less. Отдаю предпочтение верстке на основе flexbox.
Обращайтесь, обсудим цену и сроки. Ответственно отношусь к работе.
Работаю только с авансом 30% или через сейф
Цена зависит от макета, количества скриптов, анимаций и поставленных сроков выполнения.
-----------------------
Портфолио: http://www.web.smilewed.ru/verstka/portfolio.html
-
146 45 3 1 Сделаю качественную вёрстку, срок 3 дня. Настрою все плагины, валидацию и скорость по гугл тесту. Обращайтесь.
-
Вот как должно выглядеть ТЗ!
Спасибо! -
Первый раз вижу такое ТЗ здесь, +rep)
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Адаптивная вёрстка сайта с анимациейНужно сверстать сайт по готовому дизайну из Figma. Админка сайта - Laravel - viar-art.pl Сайт должен быть современным, адаптивным, быстрым и удобным для пользователя. Вёрстка должна точно соответствовать макету, корректно отображаться на мобильных устройствах, планшетах и… HTML и CSS верстка, Создание сайта под ключ ∙ 10 часов 31 минута назад ∙ 54 ставки |
Обновить кастомный фронтенд на Prestashop
10 000 UAH
Необходимо доработать и обновить кастомную тему интернет-магазина на PrestaShop. Дизайн уже существует, но были внесены правки (выравнивание элементов, UI-адаптации), которые нужно аккуратно интегрировать и довести до стабильного вида. Задачи: Обновление и оптимизация кастомной… HTML и CSS верстка ∙ 15 часов 51 минута назад ∙ 28 ставок |
Вебфлоу разработчик для заполнения страниц портфолио на сайтеСайт разработан кастомно на Webflow для строительной компании, нужно быстро заполнить страницы проектов по одному шаблону (заменить картинки и тексты) Для 2 языков Количество - 6 штук Готовы начинать как можно скорее, спасибо! HTML и CSS верстка, Веб-программирование ∙ 2 дня 10 часов назад ∙ 50 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОписание проекта: Ищем опытного WordPress-разработчика для верстки и посадки готового дизайн-макета из Figma на CMS WordPress. Важный контекст проекта: Это не разработка сайта с нуля. Компания имеет действующий сайт, мы обновляем структуру и дизайн. Нам необходимо реализовать… HTML и CSS верстка, Веб-программирование ∙ 2 дня 15 часов назад ∙ 78 ставок |
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 3 дня 11 часов назад ∙ 43 ставки |