Назад
Вперед
Зміст
ПРАКТИЧНА РОБОТА № 11
Варіант 1
Створіть вебсторінку, що містить форму про бажаний варіант купівлі квартири для клієнта.
У форму повинна вводитись така інформація:
- Дані про клієнта: прізвище, ім’я, по батькові, адреса і телефон (просте текстове поле).
- Тип квартири (окрема або комунальна) – радіокнопки;
- Кількість кімнат (1, 2, 3, більше трьох) – список з одним варіантом вибору;
- Район (Приморський, Центральний, Київський, байдуже) – список з множинним вибором;
- Поверх (будь-який, крім першого, крім останнього, не вище п’ятого) – прапорці з можливістю множинного вибору;
- Додаткові умови – багаторядкове текстове поле;
- У формі мають бути кнопки "Ввід" та "Очистити форму".
Колір фону: E0FFFF, логотип – файл mary03.gif (розміри 150 на 100). Заголовок першого рівня – вирівнювання по центру.
Шрифт: Verdana, розмір шрифту – 12pt, для <legend> – 16pt, жирний. Для кожної групи – свій колір рамки.
Усі рамки типу outset, товщина 10px, border-radius: 10px.
Під час створення форми можна використовувати таблиці без рамок із необхідним вирівнюванням.
Елементи форми розбити на три групи:
- Перша група: колір тексту та рамок – 008080, фон – 7FFFD4;
- Друга група: колір тексту та рамок – A0522D, фон – F5DEB3;
- Третя група: колір тексту та рамок – B03060, фон – DB7093.
Варіант 2
Створіть вебсторінку, що містить форму для введення інформації про предмети, які студент хоче вивчати.
У форму повинна вводитись така інформація:
- Прізвище, ім’я, по батькові, адреса та телефон студента (текстові поля);
- Факультет (філологічний, історичний, філософський) – список з одним вибором;
- Курс (з першого по п’ятий) – радіокнопки;
- Володіння мовами (українська, російська, англійська, німецька) – список з множинним вибором;
- Перелік предметів (історія, філософія, культурологія, політологія) – прапорці;
- Додаткові предмети – багаторядкове текстове поле;
- У формі мають бути кнопки "Ввід" та "Очистити форму".
Колір фону: FFE4E1, логотип – файл symbol_a.gif (розміри 150 на 150). Заголовок першого рівня – вирівнювання по центру.
Шрифт: Arial, розмір – 12pt, для <legend> – 16pt, жирний. Для кожної групи – свій колір рамки.
Усі рамки типу outset, товщина 10px.
Під час створення форми можна використовувати таблиці або ненумеровані списки з вирівнюванням по лівому краю.
Групи елементів:
- Перша група: колір тексту та рамок – 800080, фон – DDA0DD;
- Друга група: колір тексту та рамок – 008080, фон – 7FFFD4;
- Третя група: колір тексту та рамок – 808000, фон – EEE8AA.
Варіант 3
Створіть вебсторінку, що містить форму реєстрації користувача.
У форму повинна вводитись така інформація:
- Список сайтів для реєстрації;
- Текстові поля для пароля, підтвердження пароля, питання-відповіді для відновлення пароля;
- Поле для введення електронної адреси з перевіркою правильності;
- Додаткові умови;
- Дані про користувача: прізвище, ім’я, по батькові (текстові поля), дата народження, стать (радіокнопки), адреса (textarea);
- Отримання реклами (радіокнопки), експрес-доступ (прапорці);
- Кнопки: "Зареєструвати поштову скриньку" та "Очистити форму".
Колір фону у <fieldset> – на ваш розсуд. Вирівнювання: у першому та другому fieldset – по правому краю, у третьому – по центру.
Шрифт: Verdana, розмір – 12pt, для <legend> – 16pt, жирний.
Можна використовувати списки без нумерації з вирівнюванням по лівому краю.
Поле у фокусі: колір – lime, border-radius: 20px.
Назад
Вперед
Зміст