Задание 1
Скопировать в свою область файл Исходный вариант.html
Изменить цвет шрифта, размер шрифта и цвет фона, сославшись на отдельный файл .css. (например, цвет шрифта – зеленый, размер – 30px, фон – розовый).
Используя заголовочные стили, залить фон вначале тегов параграфа текстурой bfon1.jpg (или другой), затем тега body. Сделайте вывод о том, какой стиль приоритетнее (внешний, заголовочный?)
Измените цвет шрифта только 1-го куплета на красный.
В первом куплете фон слова зеленый сделайте зеленым. (С помощью стилей).
Каждый второй куплет (параграф) сделайте с отступом от левого края на 100px.
С помощью псевдоселекторов поменяйте цвета по умолчанию у ссылки.
Задание 2
В задании 1 переделать форматирование текста с помощью внешней таблицы стилей. При форматировании использовать задание стилей для элементов логического форматирования.
Сделать несколько вариантов фонового изображения:
– одиночный по центру справа или в центре или слева;
– с вертикальным повторением слева или справа, начинающийся не с самого верха;
– с горизонтальным повторением;
– не прокручивающийся вместе с текстом;
- поэкпериментируйте с размерами фонового изображения;
- применить к элементу несколько фоновых изображений.
Задание 3
Создайте несколько фрагментов текста и, применив к ним классы CSS, получите, например, такой результат:
Задание 4
Оформите следующие таблицы с помощью стилей CSS:
1
2)
3)
Задание 5
Создайте собственную раскладку страницы с помощью блоковых элементов. При этом допускается использовать как плавающие блоки, так и свойство position с различными значениями.
Страница должна быть масштабируемой. Верстку макета следует планировать с учетом традиций и требований современного веб-дизайна. Обязательно наличие области заголовка, подвала, области навигации, основного контента. Желательно предусмотреть область новостного или рекламного блока.
Задание 6
Вам поступило предложение разработать социальную сеть для путешественников. В ходе беседы с инициатором проекта были определены цели проекта и цели заказчика.
Цель заказчика: разработка социальной сети для путешественников по территории России, последующая монетизация сайта, за счет размещения рекламы на сайте и продаже дополнительного функционала посетителям
Цель проекта:
предоставление информации о маршрутах путешествия
поиск попутчиков
объединение путешественников с общими интересами
Проанализируйте целевую аудиторию и конкурентов будущего проекта и заполните следующие таблицы
Целевая аудитория (группы пользователей) |
Описание типичного представителя ЦА |
|
|
|
|
|
|
Конкуренты на российском рынке |
Краткая характеристика |
||
Конкуренты на международном рынке |
Краткая характеристика |
||
Задание 7
Разработайте макет будущей социальной сети с использованием сервиса draw.io