Лабораторна робота 5
Тема: «Створення локального файлу за допомогою правил та селекторів налаштування інтерфейсової частини»
Мета: «Використання HTML5 та CSS3 для налаштування фону сайту»
Завдання
Опрацювати відео-урок щодо створення нової сторінки HTML та CSS за посиланням:
https://www.youtube.com/watch?v=NMOWI6vYVBM&feature=youtu.be&ab_channel=%D0%9D%D0%B0%D0%B2%D1%87%D0%B0%D1%94%D0%BC%D0%BE%D1%81%D1%8F%D0%A0%D0%B0%D0%B7%D0%BE%D0%BC
Створити власний сайт згідно наступних завдань за обраною темою та за допомогою відповідних веб-технологій:
структура сторінки а назвою загальної папки www, що вміщує необхідні для роботи папки наповнення;
написання коду сторінки на SublimeText;
структура HTML документу;
заповнення назви сторінки;
обрання рисунка для фону сайту за допомогою тега body;
створення текстового опису;
наповнення структури сторінки змістовними полями (НЕ функціональне призначення!!! Лише створення та налаштування параметрів):
«Твоя пошта» за допомогою inputtype =”email”;
«Надіслати» - inputtype =”submit”;
налаштування стилю сторінки CSS:
зміна ширини та висоти зображення, за допомогою wight;
зміна розташування зображення – посередині за допомогою text-align;
об’єднання двох зображень на головні й сторінці сайту за допомогою background, обрання певного розміру нового фону і кольору надпису;
зміна шрифту та розміру за допомогою font-familyтаfont-size;
зміна первинного зображення на округлене за допомогою зміни пікселів у border-radius та створення навколо нього білої рамки;
нові налаштування полів «Твоя пошта» та «Надіслати»:
розширення пікселів за допомогою padding;
збільшення надписів за допомогою font-size;
зміна кольору фону поля «Надіслати» на зелений та зміна надпису на білий (на вибір студента);
зміна відступу головного зображення від верхнього краю сторінки за допомогою margin-top.
Оформити звіт за правилами та захистити звіт у викладача.
Додаткове посилання на відео:
https://www.youtube.com/hashtag/%D1%80%D0%B0%D0%B7%D0%BE%D0%BC%D0%B7%D1%96%D0%BC%D0%BD%D0%BE%D1%8E