6 Разметка страниц с помощью блоков (DIV) и CSS. Позиционирование.
Дисциплина: "компьютерные науки (computer science)"
ID решения
#S30
Тип
Лабораторная работа
Дисциплина
компьютерные науки (computer science)
Страниц
-
Лабораторная работа
Цель работы: формирование умений разметки страниц с помощью блоков (DIV) и CSS.
Задание 1
1. Используя свою лабораторную работу №5, сделайте ее визуальную копию, но используйте не таблицы, а блоки и стили. Преобразовать таким образом требуется абсолютно все страницы лабораторной работы. Не допускаются страницы, содержащие хотя бы один тег table, tr или td.
2. Стили для блоков вынесите в main.css.
3. В комментариях обязательно поясните свойства блоков.
Задание 2
1. Создайте новую страницу в соответствии с тематикой вашего варианта лабораторной работы.
2. Сделайте коллаж из картинок или фотографий (не менее 5-ти) применив 2,5 мерное позиционирование.
3. Проверьте работоспособность.
4. В комментариях поясните свойства блоков.
Задание 3
Выберите в вашей лабораторной работе №5 страницу, содержащую как минимум 5 разделов (абзацев) с текстом. Для каждого из них примените свойство overflow:
- visible - для первого раздела
- auto - для второго раздела
- hidden - для третьего раздела
- scroll - для четвертого раздела
- auto - для пятого раздела
обязательно задайте размеры, цвет фона или бордюр блоков.
Задание 1
1. Используя свою лабораторную работу №5, сделайте ее визуальную копию, но используйте не таблицы, а блоки и стили. Преобразовать таким образом требуется абсолютно все страницы лабораторной работы. Не допускаются страницы, содержащие хотя бы один тег table, tr или td.
2. Стили для блоков вынесите в main.css.
3. В комментариях обязательно поясните свойства блоков.
Задание 2
1. Создайте новую страницу в соответствии с тематикой вашего варианта лабораторной работы.
2. Сделайте коллаж из картинок или фотографий (не менее 5-ти) применив 2,5 мерное позиционирование.
3. Проверьте работоспособность.
4. В комментариях поясните свойства блоков.
Задание 3
Выберите в вашей лабораторной работе №5 страницу, содержащую как минимум 5 разделов (абзацев) с текстом. Для каждого из них примените свойство overflow:
- visible - для первого раздела
- auto - для второго раздела
- hidden - для третьего раздела
- scroll - для четвертого раздела
- auto - для пятого раздела
обязательно задайте размеры, цвет фона или бордюр блоков.
Решение (бесплатная часть):
Выводы: В ходе выполнения данной лабораторной работы я научился разметке страниц с помощью блоков (DIV) и CSS, применять свойство overflow, создавать коллаж из картинок применяя позиционирование.
png - 1 шт.,
Файлы, которые можно скачать после оплаты:
jpg - 5 шт.,
html - 2 шт.,
docx - 1 шт.,
Если у вас есть другие решённые задания, контрольные или курсовые, вы можете продать их на нашем сервисе практически без комиссии, для этого авторизуйтесь или зарегистрируйтесь
