5. Применение каскадных таблиц стилей CSS.
Дисциплина: "компьютерные науки (computer science)"
ID решения
#S29
Тип
Лабораторная работа
Дисциплина
компьютерные науки (computer science)
Страниц
-
Лабораторная работа
Цель работы: формирование умений создания HTML-документов с применением каскадных таблиц стилей.
Задание 1
Создайте каталог /css/
Создайте в нем файл main.css
Подключите его ко всем страницам сайта с помощью тега .
Задайте по умолчанию следующие параметры для всех страниц (переопределив, тег ):
- цвет фона
- размер шрифта
- цвет шрифта
- семейство шрифта (например, Arial)
Задайте по умолчанию следующие параметры для всех абзацев (переопределив, тег и псевдоклассы тега ):
- выравнивание абзаца
- размер и цвет первой буквы
Задайте по умолчанию следующие свойства ссылок для всех страниц:
- цвет и оформление ссылки
- цвет и оформление посещенной ссылки
- цвет и оформление активной ссылки
- цвет и оформление ссылки, в момент нахождения курсора мыши над ней
Сделайте отступы от краев страницы:
- отступ от левого края;
- отступ с верху;
- отступ со всех сторон;
Задание 2
Исходя из задания лабораторной работы №4, создать на сайте 7 страниц с тематикой, соответствующей варианту предыдущей лабораторной работы. Наполнить их текстом, изображениями. Сайты обязательно разделить на header, main body и footer сайта, main body разделить на центр, левую и правую колонки. В левой форма входа и ссылка на страницу регистрации, в правой – ссылки на страницы сайта. Разделение страниц на зоны выполнить только с помощью CSS. Форматировать текст и изображения исключительно тегами, определенными в CSS.
Задание 1
Создайте каталог /css/
Создайте в нем файл main.css
Подключите его ко всем страницам сайта с помощью тега .
Задайте по умолчанию следующие параметры для всех страниц (переопределив, тег ):
- цвет фона
- размер шрифта
- цвет шрифта
- семейство шрифта (например, Arial)
Задайте по умолчанию следующие параметры для всех абзацев (переопределив, тег и псевдоклассы тега ):
- выравнивание абзаца
- размер и цвет первой буквы
Задайте по умолчанию следующие свойства ссылок для всех страниц:
- цвет и оформление ссылки
- цвет и оформление посещенной ссылки
- цвет и оформление активной ссылки
- цвет и оформление ссылки, в момент нахождения курсора мыши над ней
Сделайте отступы от краев страницы:
- отступ от левого края;
- отступ с верху;
- отступ со всех сторон;
Задание 2
Исходя из задания лабораторной работы №4, создать на сайте 7 страниц с тематикой, соответствующей варианту предыдущей лабораторной работы. Наполнить их текстом, изображениями. Сайты обязательно разделить на header, main body и footer сайта, main body разделить на центр, левую и правую колонки. В левой форма входа и ссылка на страницу регистрации, в правой – ссылки на страницы сайта. Разделение страниц на зоны выполнить только с помощью CSS. Форматировать текст и изображения исключительно тегами, определенными в CSS.
Решение (бесплатная часть):
: В ходе выполнения данной лабораторной работы я научился создавать HTML-документы с применением каскадных таблиц стилей. Научился задавать параметры для всех страниц; задавать свойства ссылок для всех страниц (оформление ссылки, посещенной ссылки, активной ссылки, оформление ссылки, в момент нахождения курсора мыши над ней ). Форматировать теги стилями определенными в CSS.
png - 1 шт.,
Файлы, которые можно скачать после оплаты:
docx - 1 шт.,
html - 7 шт.,
jpg - 5 шт.,
Если у вас есть другие решённые задания, контрольные или курсовые, вы можете продать их на нашем сервисе практически без комиссии, для этого авторизуйтесь или зарегистрируйтесь
