Давайте представим, что мы с вами работаем веб-разработчиком в какой-нибудь фирме и к нам обращается заказчик, у которого есть Интернет-магазин.

Заказчик дает нам задание выбрать любой товар из магазина и сделать веб-страницу с его описанием. 

Примечание:

Можете для этого задания выбрать любой товар из любого Интернет-магазина и сделать описание на него (можно просто скопировать текст этого описания).

Например, можно взять товар с этих сайтов: aliexpress.com, wildberries.ru, и.т.д.

Пока для заказчика достаточно просто одного HTML-каркаса страницы, без оформления, чтобы в эскизном варианте посмотреть, что будет получаться, определиться с текстовым содержимым, положением главных блоков и.т.д. 

Чем больше будет обговорено и решено на этом этапе, тем меньше правок будет далее. 

Товар может быть любой. Это не важно. 

Что главное?

Описание товара должно соответствовать макету, который набросал заказчик.

 

Примечание к макету:

Важно.

Макет вашей веб-страницы можно разместить на сервисе GitHub Pages. Это бесплатный хостинг. Что это такое и зачем это нужно здесь. Или любом другом файловом хранилище.

В отчете нужно будет просто привести ссылку на ваш макет там.

1) Разбить страницу на основные логические блоки (шапка сайта, подвал, …)

2) Область "Навигация":

+ Логотип можно выбрать на сайте https://www.iconfinder.com

В поиске набираем "logo" и подбираем какое-нибудь бесплатное изображение для логотипа.

+ Пункты главного меню сайта сформировать в виде списка маркированного.

3) Область "Шапки" сайта:

+ В "шапку" сайта (в элемент h1) разместить название товара. Тем самым мы выделяем важность этого для поисковых систем (Яндекс и Google). Таким образом, посетители сайта смогут легче находить ваш товар в поиске по его названию. Подробнее здесь. 

Название товара также разместите в элемент title, который находится в элементе <head>. Это тоже очень важно для поискового продвижения.

+ Под названием размещаем подзаголовок (в элементе h2), который каким-либо образом описывает товар.

4) Область "Основной раздел"

+ Вставить в основной раздел изображение товара (можете использовать любое).

+ Описание товара должно состоять из абзацев. 

Важные моменты должны быть выделены полужирным шрифтом.

Примечания выделить курсивом.

В описании должна быть ссылка на внешний сайт, которая открывается в новом окне.

Преимущества товара оформить в виде нумерованного списка:

1. Преимущество 1

2. Преимущество 2

3. Преимущество 3

7) В подвале страницы написать, что все права защищены и указать контактную информацию.

Если есть вопросы по заданию, пишите в личку в разделе контакты.

Желаю вам скорейшего выполнения этого задания и встретимся на следующем уровне.

С уважением, Дмитрий Ченгаев.