Міністерство освіти і науки України
Національний університет “Львівська політехніка”
Кафедра автоматизованих систем управління
/
Звіт
до лабораторної роботи №1
З дисципліни
«Веб-технології та веб-дизайн»
Мета: ознайомитись з основами HTML розмітки, селекторами та навчитись стилізувати їх за допомогою css
Завдання: Завданням лабораторної є створення HTML документу, який складається з відповідного набору HTML тегів та стилізований за допомогою каскадних стилів. Документ має містити в собі логічний зв'язний зміст якоїсь тематики, яку студент сам обирає. Стилізувати тільки теги.
Робота складається з двох частин, які мають за основу створення відносно нескладного html документу з стилізуванням певних даних, по певним критеріях.
1. Документ має складатися комбінації тегів. Номери тегів містяться у завданні. HTML документ
2. Удосконалення, розширення або заміна попереднього завдання з стилізацією даних (відступи, кольори, шрифти,псевдоелементи, псевдокласи, тощо)
/
/
Теги:
26. [22, 18, 8, 31, 21, 19, 25, 24, 20, 6, 33, 26]
Властивості:
26. [12, 17, 2, 25, 7, 16, 8]
Посилання на github
https://github.com/AndriiFurdas/Web/tree/main/1%D0%BB%D0%B0%D0%B
Результат виконання роботи:
/
Висновок:
Під час виконання даної лабораторної роботи я вивчив основи html та css
Міністерство освіти і науки України
Національний університет “Львівська політехніка”
Кафедра автоматизованих систем управління
/
Звіт
до лабораторної роботи №2
“Розширені можливості стилізації в HTML документах”
З дисципліни
«Веб-технології та веб-дизайн»
Виконав:
ст. гр. КН-203
Фурдас Андрій
Прийняла:
доц.каф. АСУ Федевич О.Ю.
Львів 2021
Мета: Ознайомитись з можливостями розширеної стилізації в HTML документах.
Завдання: Завданням лабораторної є створення HTML документу, який складається з відповідного набору HTML тегів та стилізований за допомогою каскадних стилів. Файл стилів має бути розміщений окремо.
Документ має містити в собі логічний зв'язний зміст якоїсь тематики, яку студент сам обирає.
В документі передбачити використання атрибутів тегів, зокрема класів та ідентифікаторів. Розуміти їх призначення та різницю.
Навчитись позиціювати елементи один відносно іншого. Продемонструвати навички стилізації з псевдокласами, псевдоелементами та атрибутами.
Навчитись працювати з анімацією.
/
/
Теги:
26. [9, 32, 7, 31, 12, 17, 15, 28, 22, 10, 24, 33]
Стилізація:
26. [20, 11, 1, 35, 12, 2, 15]
Посилання на гітхаб
https://github.com/AndriiFurdas/Web/tree/main/2%D0%BB%D0%B0%D0%B1
Результат виконання роботи
/
Висновок
Завдяки виконанню цієї лабораторної роботи я закріпив знання про теги html, ознайомився з розширеними можливостями стилізації в html документах, а також вивчив анімацію.