Требуется верстка многостраничного сайта с использованием технологий Next.js, TypeScript, SCSS и MUI. Необходимо обеспечить адаптивность и кроссбраузерность. Ожидается качественная реализация интерфейса с соблюдением современных стандартов.
Создание сайта в HTML формате на файлах PHP. Нужен быстрый сайт
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Техническое задание для веб-мастера верстальщика на создание сайта zakjur.ru в HTML формате на файлах PHP с применением вставки блоков "хедер", "футер" и других через функцию include.
Общие требования:
Сайт должен быть легким и быстрым в загрузке. Все параметры сайта при загрузке с ПК и Смартфонов должны быть с параметрами более 90 при проверке на сервисе:
Текст статей сайта должен быть без ошибок. Проверить текст сайта на ошибки на сервисе тут
https://orpho.ru/project.php?t=n9jzyt958bbyphxx
Сайт должен быть оптимизирован для просмотра на различных устройствах (от мобильных телефонов до настольных компьютеров) с использованием адаптивной верстки.
Сайт должен быть разработан с учетом SEO оптимизации, включая использование микроразметки Schema.org.
Выполнить без анимации, код чистый по максимуму. Вставить видео нужно куда-нибудь на главную в середину страницы и на страницу статьи блога. Страницы блога ориентировочно будут по 10 000 символов, между текстом через 2000 символов должны быть картинки и 1 видео. Можно с ютуб
Структура сайта:
Сайт должен состоять из следующих основных разделов:
Главная, О нас, Услуги, Вопрос-Ответ, Блог, Цены, Контакты, Об авторе.
На каждой странице должны присутствовать блоки "хедер", "футер", “Рекламный блок”, “Блок партнеров”.
Файлы хедера, футера и других повторяющихся блоков должны быть разделены отдельно и вставляться через функцию include для облегчения поддержки и изменений.
Оптимизация загрузки сайта:
Все изображения должны быть оптимизированы для веба (сжаты без потери качества).
Внешние CSS и JavaScript файлы должны быть объединены и минимизированы для сокращения числа запросов по HTTP.
Минификация HTML кода.
Адаптивная верстка:
Сайт должен быть адаптирован для просмотра на мобильных устройствах, планшетах и настольных компьютерах.
Использование медиа-запросов и других технологий для адаптивной верстки.
SEO оптимизация:
Добавление метатегов title, description, canonical для каждой страницы сайта.
Вставка микроразметки Schema.org включая описание организации, контакты, адрес, логотип и другой контент в соответствующих местах на сайте.
Создание дружественных URL-адресов для каждой страницы.
Использование соответствующих тегов заголовков (h1, h2, h3 и т.д.) для каждой страницы.
Добавление социальных кнопок для улучшения шаринга контента.
По каждой странице отдельно согласуем как должна будет выглядеть каждая страница. У каждых данных своя микроразметка будет.
Страница Об авторе например, нужно будет где то поискать как оформляют.
Ссылку на страницу “об авторе” в меню сайта не включаем. Данная ссылка будет указана в микроразметке у всех статей сайта
Метатеги:
Метатеги должны быть оформлены в микроразметку Schema.org.
Пример кода:
<!DOCTYPE html>
<html lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style data-emotion="css" data-s=""></style>
<style data-emotion="css" data-s=""></style>
<head itemscope itemtype="https://schema.org/WPHeader">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title itemprop="name">Мой сайт</title>
<meta itemprop="keywords" name="keywords" content="ключевое слово" />
<meta itemprop="description" name="description" content="🍫Описание сайта не более 150 символов!" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website">
<meta property="og:image" content="https://zakjur.ru/img/logo.png">
<meta property="og:site_name" content="zakjur.ru"
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Styles -->
<link href="./1_files/new-app.css" rel="stylesheet" type="text/css">
<link href="./1_files/main.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link rel="shortcut icon" href="https://zakjur.ru/img/favicon.png">
<link rel="dns-prefetch" href="https://fonts.gstatic.com/">
<link href="./1_files/css" rel="stylesheet">
<link href="./1_files/css(1)" rel="stylesheet">
<link href="./1_files/css(2)" rel="stylesheet">
<link rel="canonical" href="https://zakjur.ru/">
<!-- Favicons-->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">
<!-- GOOGLE WEB FONT-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300,400,700" rel="stylesheet">
</head>
Заявки фрилансеров
Похожие заказы
- $500HTML-верстка7 заявокЗакрытгод назад
Требуется верстка email письма о заказе по предоставленному макету из Figma. Необходима качественная HTML-верстка, соответствующая требованиям почтовых клиентов.
HTML-верстка19 заявокЗакрытгод назад- $120
Требуется адаптивная верстка 3 страниц с рабочим функционалом. Необходимо скопировать дизайн с готового сайта и разместить блоки согласно макету. Обязателен опыт и положительные отзывы. Преимущества: знание React, Rest API, JS, Node.js, Tomcat, Mysql-Server, PHP. Дедлайн - 3 дня.
HTML-верстка7 заявокЗакрытгод назад - $150
Требуется адаптивная верстка 3 страниц с рабочим функционалом на React JS. Необходимо скопировать дизайн с готового сайта и разместить блоки согласно макету. Опыт работы и отзывы обязательны. Приветствуется знание Rest API, Node.js, Tomcat, Mysql-Server и PHP. Дедлайн выполнения - 3 дня.
HTML-верстка1 заявкаЗакрытгод назад - $125
Требуется адаптивная верстка 3 страниц на React JS с рабочим функционалом. Необходимо скопировать дизайн с готового сайта и разместить блоки по макету. Опыт работы и отзывы на бирже обязательны. Преимущества: знание Rest API, Node.js, Tomcat, Mysql-Server и PHP. Дедлайн – 3 дня.
HTML-верстка2 заявкиЗакрытгод назад - $150
Ищется исполнитель для адаптивной верстки сайта, включая главную страницу с двумя блоками, страницы регистрации и входа, а также личный кабинет из 9 страниц. Бюджет максимальный, ожидаются профессиональные расценки. Подробности обсуждаются в ходе работы.
HTML-верстка47 заявокЗакрытгод назад - $100
Требуется сверстать одну страницу сайта на основе готового шаблона. Обязательное знание Git для работы. Ваша задача заключается в доработке существующей верстки.
HTML-верстка39 заявокЗакрытгод назад - $75
Требуется верстка главной страницы с адаптивным дизайном. Необходимо скопировать дизайн с готового сайта и разместить блоки согласно макету. Работа должна выполняться с использованием React JS, Node.js и RestAPI. Опыт и положительные отзывы на бирже обязательны. Дедлайн для выполнения - 2 дня.
HTML-верстка2 заявкиЗакрытгод назад - $15
Требуется разработка сайта на основе макета из Figma с HTML-версткой. Необходимо создать основную и дополнительную страницы, а также обеспечить адаптацию под разные экраны. Дедлайн выполнения заказа - 11.01 до 9:00 по МСК.
HTML-верстка5 заявокЗакрытгод назад