Лабораторна робота № 1

ЗНАЙОМСТВО З МОЖЛИВОСТЯМИ CSS.

ОСНОВНІ CSS-ВЛАСТИВОСТІ.

CSS ПОЗИЦІОНУВАННЯ.

Мета:

«Навчитися позиціонувати елементи на веб-сторінках.

Вивчити CSS-властивості для редагування контенту на веб-сторінках.»


Частина 1:

Створити файл background.html. у якому виконати наступні завдання:

За допомогою вивчених CSS-властивостей фона розмістити зображення на фоні відповідно до зразка:

(використовуючи background-image, background-repeat, background- position):

Зображення знаходяться у папці Task1... (без доступу, дозвіл так і не прийшов. ліпив своє)))).

Суть техніки задання багатьох фонових зображень полягає у наступному:

Це ж завдання реалізуйте ще одним способом за допомогою можливостей CSS3, де з’явилася можливість задавати однією CSS-властивістю декілька фонів.

CSS3

Частина 2:

Реалізувати футер за зразком.

Частина сторінки містить форму, блок з меню та іконки соціальних мереж.

Для розміщення елементів скористайтесь властивостями CSS- позиціонування.

👇 Реалізовано нижче 👇


Частина 3.

Створити файл form.html.

Реалізувати форму та оформити її відповідно до прикладу.

При цьому у тегів елементів форми не повинно бути атрибутів class та id.

Все оформлення потрібно зробити за допомогою CSS-селекторів тегів та атри- бутів.

👇 Ось тут 👇


Частина 4:

1. Реалізувати навігацію на сайті.

При наведенні на кнопку меню, її вигляд змінюється, а також випадає додатковий рівень кнопок навігаці.

👆 Реалізовано вижче 👆


2. Створити файл menu.html.

Використовуючи складені селектори, меню навігації за зразком.

Для створення меню використайте html-елемент списку.


👇 Ось тут 👇



Subscride to our email pst and well keep you informed of new Weebly theme release, updates, exclusive deals and Weebly tutorials

© Copyright All rights reserved - 2024 AR ©