Практическая работа по компьютерным сетям CSS

Практическая работа по дисциплине: «Компьютерные сети, мультимедия и технологии»

Список заданий

1. Откройте браузер и нажмите F12, чтобы изучить возможности отладки страниц.
2. Создайте html-документ под названием «index.html», в котором будет представлен товарный каталог интернет-магазина на любую выбранную вами тематику. На странице должны быть следующие элементы:
- Структура HTML-документа.
- Название товара.
- Фотография товара.
- Заголовок «Описание товара».
- Краткое описание товара.
- Заголовок «Характеристики товра».
- Выбранные характеристики товара.
- Подробное описание товара.
- Горизонтальная черта.
- Текст «Все права защищены».
3. Добавьте стилизацию к интернет-магазину:
3.1. Создайте файл под названием "style.css", в котором будут храниться все стили вашей работы, и подключите этот файл к вашей странице.
3.2. Установите цвет #f8f8f8 в качестве фона страницы.
3.3. Настройте оформление текста:
a. Заголовки (Краткое описание товара, Характеристики, Подробное описание товара):
- Черный цвет текста.
- Размер шрифта 18px.
- Насыщенность шрифта 400 (font-weight).
- Цвет фона #eaeaea.
b. Краткое описание товара:
- Цвет текста #707070.
- Размер шрифта 14px.
- Курсивное начертание (font-style).
- Высота текста 16px (line-height).
c. Подробное описание товара:
- Цвет текста #484343.
- Размер шрифта 16px.
- Насыщенность шрифта 400 (font-weight).
- Высота текста 24px (line-height).
- Выравнивание текста по левому краю (text-align).
d. Список характеристик товара:
- Установите стили, отличные от остального текста.
- Используйте произвольные изображения в качестве маркеров.

Методические указания

Для редактирования файла можно использовать любой редактор кода или блокнот.
Структура документа должна соответствовать стандартным требованиям:

Документ без названия