- Скачать и настроить редактор кода, если этого не сделали на семинаре
- Создать пустую папку, придумать название
- Создать первую html страницу (index.html)
- Добавить структуру html документа
- Добавить меню сайта (Меню сайта должно быть на каждой странице, оно должно быть одинаковым) a. Главная b. Каталог c. Контакты
- Создать заголовок h1 с текстом “Главная страница” 7. Добавить параграф p с произвольным текстом (lorem) (используем расширение emmet уже установленное в vsc, для этого вводим lorem и нажимаем клавишу tab)
- Создать подзаголовок h2 с текстом “Добро пожаловать на сайт” 9. Добавить три параграф p с произвольным текстом (lorem)
- Рядом с файлом index.html создать папку catalog
- Внутри папки catalog создать файл catalog.html
- На странице “каталог” добавить структуру html документа
- Добавить меню сайта (такое же как на главной странице)
- Добавить Заголовок h1 с текстом “Каталог” 15. Создать параграф p с произвольным текстом из 150 слов для этого вводим “lorem150” и нажимаем tab
- Сделать переходы с главной страницы на страницу каталог, при нажатии на меню сайта и переход со страницы каталог на главную страницу
- Создать папку img и разместить ее рядом с index.html
- Добавить в папку img произвольные фотографии товаров, по вашей тематике можно выбрать любое фото https://www.freepik.com/search?format=search&orientation=portrait&query=products
- На странице “Каталог” после заголовка h1 и параграфа p добавить a. Изображение товара b. Название товара c. Описасние товара
- Добавить 3 таких товара на страницу каталога (не следует добавлять более 3х товаров)
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|