Теоретичні відомості. Тема: Робота з графічними зображеннями в JavaScript

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

Тема: Робота з графічними зображеннями в JavaScript

Мета: Отримати навички управління властивостями графічних зображень засобами JavaScript. Навчитися готувати діаграми на основі числових даних

Теоретичні відомості

Підготувати програму, яка реалізуватиме діалог з користувачем і виведення зображення на екран із дотриманням уведених параметрів. На сторінці дозволяється змінювати значення наступних параметрів зображення: висота, ширина, товщина границі, підпис.

Розробити сценарій, який реалізує обмін рисунків місцями у документі.

Реалізувати сценарій виведення вертикального графічного меню. При наведенні курсора миші на пункт меню повинно змінюватися зображення, яка відповідає виокремленому пункту меню. Кожному пункту меню поставити у відповідність два зображення: перше зображення - коли пункт меню не обрано, друге - при обраному пункті меню. Графічні зображення, які відповідають ситуації, коли пункти меню не обрані, зберігати у файлах з іменами: file1.jpg, file2.jpg, file3.jpg, file4.jpg, file5.jpg. Відповідні їм графічні зображення обраних пунктів- obr1.jpg, obr2.jpg, obr3.jpg, obr4.jpg, obr5.jpg.

. Написати сценарій обробки анкети викладача. В анкеті передбачити наступні поля для введення даних: кількість годин, запланованих на читання лекцій; кількість годин на проведення практичних занять, а також кількість студентів. Якщо з предмету читаються лекції, додатково автоматично планувати наступну частину навантаження: 10% від кількості лекційних годин відводити на консультації, для прийому екзамену планувати по 30 хвилин на 1-го студента. Якщо з предмету проводяться практичні заняття, слід автоматично передбачити наявність: контрольних робіт з розрахунку 15 хвилин на1-го студента, заліку з розрахунку20 хвилин на1-го студента.

Завдання:

1. В прикладі 1 організувати введення даних за допомогою вікна prompt.

2. В прикладі2 додати два графічних об’єкти.

3. В прикладі3 зробити горизонтальне меню з6-ти графічних об’єктів з відповідними посиланнями (посилання розмістити в таблиці).

4. Підготувати скрипт, який виконуватиме наступне. Для кожного з N (наперед не відоме!) студентів вводяться такі дані: прізвище і дві оцінки за контрольні роботи. Студентів потрібно класифікувати за категоріями. Категорія “відмінники” складатиметься із студентів, у яких обидві контрольні виконані на оцінку 5. До категорії “хорошисти” включати студентів, у яких кожна з оцінок – не нижче4, але при цьому вони не відмінники. Категорію “встигаючі” складатимуть студенти, у яких хоча б одна контрольна виконана на 3 і немає жодної двійки. Нарешті, “невстигаючі” - ті студенти, які мають оцінку2 хоча б за одну контрольну. Побудувати діаграму розподілу студентів за категоріями.

5. Написати програму, призначену для обробки анкет співробітників. В анкеті для кожного з N (наперед не відоме!) співробітників вводити наступні дані: прізвище, рік прийому на роботу. Обчислити стаж роботи кожного співробітника. Визначити максимальне число співробітників з однаковим стажем. Побудувати діаграму, яка відображає стаж роботи співробітників.