Результатом практичного завдання буде веб-сайт, який міститиме інформацію про розробника.
Необхідно застосувати всі моменти, які були вивчені протягом курсу.
Робота буде рахуватися закінченою, якшо сайт написаний вірно (синтаксис та семантика відповідають правильному HTML), використано всі теги, що розглядалися протягом курсу, сайт є у відкритому доступі та будь-хто зможе зайти на цю сторінку.
- Назва файлу: login.html
- Що має містити: форму для введеня логіна і пароля користувача
- Приклад:
- Назва файлу: index.html
- Що має містити: основну інформацію про розробника:
- фон - на свій смак, але не білий
- аватарка
- текст з автобіографією (Я такий-то такий-то...люблю таке-то таке-то)
- блок з посиланнями на соцмережі розробника
- Заголовок: "Улюблені фільми" - і під низом три улюблені фільми з картинками з цих фільмів відповідно. Коли клікаєш на картинку, має переходити на відповідний сайт з цим фільмом.
- Заголовок: "Улюблені виконавці" - і під низом три улюблені виконавці з фотографіями цих людей відповідно. Коли клікаєш на картинку, має переходити на сайт цього виконавця.
- знизу меню - три посилання:
- на сторінку логіна
- на сторінку галереї
- на сторінку з оцінками розробника
- Назва файлу: gallery.html
- Що має містити: улюблені фотографії розробника:
- Заголовок: "Моя галерея"
- як мінімум 10 фотографій
- коли клікаєш на фотографію - вона відкривається в новій вкладці браузера
- знизу меню - три посилання:
- на сторінку логіна
- на основну сторінку
- на сторінку з оцінками розробника
- Приклад:
- Заголовок: "Мої оцінки"
- Назва файлу: marks.html
- Що має містити: таблицю з успішністю.
- Оцінки прописуються різними кольорами:
- 1-3 - синій
- 4-6 - жовтий
- 7-9 - зелений
- 10-12 - червоний
- знизу меню - три посилання:
- на сторінку логіна
- на основну сторінку
- на сторінку галереї
- Оцінки прописуються різними кольорами:
- Приклад:
| Предмет | Оцінка | ПІБ викладача |
|---|---|---|
| Алгебра | 10 | Прізвище Ім"я По-батькові |
| Геометрія | 11 | Прізвище Ім"я По-батькові |