Тема роботи: Створення простого HTML документу.

1. Створити документ з розширенням HTML з наступними властивостями:

a. Назва документу – номер студенського квитка

b. Заголовок документу – прізвище студента

c. В тілі документа вказати інформацію про себе.

 

 

2. Створити наступний html-документ, який складався б з наступних елементів, текст від заголовка відділяється лінією

 

Варіант	Заголовок1 (стиль, розмір)	Лінія (розмір, ширина)	Текст (розташування)	Додатково
1.	Курсив, h1	2, 100 %	По лівому краю	Коментар
2.	Напівжирний, h2	4, 80	По центру	Розрив рядка
3.	Підкреслений, h3	6, 60 %	По правому краю	Коментар
4.	Emphasis, h4	8, 100	По ширині	Розрив рядка
5.	Strong emphasis, h5	10, 30 %	По лівому краю	Коментар
6.	Sample, h6	12, 250	По центру	Розрив рядка
7.	Keyboard, h1	14, 20 %	По правому краю	Коментар
8.	Variable, h2	16, 150	По ширині	Розрив рядка
9.	Підкреслений, h5	8, 100	По лівому краю	Коментар
10.	Emphasis, h4	4, 80	По центру	Розрив рядка
11.	Sample, h2	14, 20 %	По правому краю	Коментар
12.	Strong emphasis, h5	10, 50 %	По центру	Розрив рядка
13.	Keyboard, h1	14, 20 %	По правому краю	Коментар
14.	Курсив, h3	4, 90 %	По ширині	Розрив рядка

 

Створити html-документ, який включає списки всіх типів, які вставлені у форму таблиці відповідного варіанту:

Варіант № 1

Варіант № 2

Варіант № 3

Варіант № 4

Варіант № 5

 

Варіант № 6 Варіант №7

 

Варіант № 13

 

Варіант № 8

Варіант № 9

Варіант № 10

Варіант № 11

Варіант № 12

 

Варіант № 14

Варіант № 15

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

Тема роботи: Гіперпосилання в html-документі.

Створити просту «домашню» сторінку:

· Головний файл main.html з фото;

· Файл з інформацією про студента about.html;

· Файл з інформацією про хоббі студента hobby.html;

· Файл з інформацією про родину студента

Всі документи повинні бути з’єднані гіперпосиланнями, принайми один документ повинен містити малюнок, який треба розмітити по центру, розміри не повинні перевищувати 300х200 пікселів. Малюнок повинен мати опис. На головному файлі потрібно розмістити адресу власної поштової скриньки.

 

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

Тема роботи: HTML- використання гіперпосилань з фрагментів малюнка.

Використати домашню сторінку з лаб. роб. № 12. На груповому фото організувати гіперпосилання з короткими відомостями про осіб, які зображені на фото при наведенні на них курсора миші (у якості фрагментів осіб вибрати їх обличчя). Групові фото повинні бути персональними.

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

Тема роботи: HTML+JavaScript. Програмування циклічних процедур

Розробити програму табулювання функції, вивести їх значення на екран у вигляді таблиці з „шапкою”. Знак ‘^’ означає ‘у ступеню’. Інтервал та крок вводяться користувачем. Табулювання виконувати по натисканню кнопки.

1. y = e^ (0.2x^2); інтервал: відрізок [-1,1], крок 0.1.

2. y = Ln(x^2 + e^|x| + 1; інтервал: відрізок [1,10], крок 0.5.

3. y = (Sin^2x + 0.5)^0.5; інтервал: відрізок [0,0.2], крок 0.025.

4. y = 4x^3(x - 1)^0.3333; інтервал: відрізок [4,6], при кількості кроків 5.

5. y = 1000 (|x - 1|); інтервал: відрізок [-2,2], крок 0.5.

6. y = 4x^3 ((x - 1)^2)^0.333; інтервал: відрізок [-10,10], крок 2.5.

7. y = (1 + x^2)Sin|x|; інтервал: відрізок [0.5,0.2], крок 0.05.

8. y = 0.3 e^(x + x^0.5); інтервал: відрізок [0,1.5], крок 0.3.

9. y = - e^(2x^2) tg (|2x|); інтервал: відрізок [0,0.6], крок 0.1.

10. y = 0.0005(x^2 + e^x)^0.5; інтервал: відрізок [2,2.6], крок 0.1.

11. y = (ln(x^2 + 1))^2 + x; інтервал: відрізок [2,6], крок 0.5.

12. y = 0.05cos(x + 1); інтервал: відрізок [Pi/4,Pi], крок Pi/8.

13. y = e^(0.2x^2); інтервал: відрізок [3,4], крок 0.1.

14. y = 0.005(0.2x^2)^2; інтервал: відрізок [3,4], крок 0.1.

15. y = (Cos^2x + 0.5)^0.33; інтервал: відрізок [0,0.2], крок 0.025.

16. y = x^3 ((x^2 - 1)^2)^0.333; інтервал: відрізок [-10,10], крок 2.5.

17. y = 0.1 e^(x^2 + x^0.5); інтервал: відрізок [0,1.5], крок 0.3.

 

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

Тема роботи: JavaScript, масиви та цикли

 

Тема: розв’язання задач з використанням масивів та циклів для їх обробки.

Створити відповідний масив, у разі необхідності ініціалізувати його як константу та виконати з ним дії, які вказані у варіанті завдання. Розробити логічно обґрунтований і зрозумілий інтерфейс програма - користувач.

 

1. Задано одновимірний масив цілих чисел, визначити, чи є у ньому елемент із значенням К. Використати цикл for…to.
2. Задано одновимірний масив цілих чисел, визначити, скільки разів у ньому зустрічається елемент із значенням К.
3. Задано функція Y=X^1.5. Заповнити одновимірний масив дійсних чисел значеннями функції у діапазоні 0..5 із кроком 0.5. Вивести результат на екран. Використати цикл for...to.
4. Задано двовимірний масив цілих чисел (матриця), вивести на екран матрицю у звичній формі та підрахувати суму елементів.
5. Задано одновимірний масив цілих чисел, підрахувати суму від’ємних елементів.
6. Задано одновимірний масив цілих чисел, замінити від’ємні елементи на нулі (0).
7. Задано двовимірний масив цілих чисел (матриця), вивести на екран матрицю у звичній формі, замінити від’ємні елементи на нулі (0).
8. Задано одновимірний масив цілих чисел, визначити значення найменшого елементу і вивести його на екран.
9. Задано одновимірний масив цілих чисел, поміняти місцями елементи з номерами I та J (ввести з клавіатури).
10. Задано одновимірний масив цілих чисел, визначити, скільки разів у ньому зустрічається елемент із значенням К.
11. Задано одновимірний масив цілих чисел, визначити, скільки разів у ньому зустрічається елемент із значенням К. Використати цикл for...downto.
12. Задано одновимірний масив цілих чисел, визначити, чи є у ньому елемент із значенням К. Використати цикл while.
13. Задано одновимірний масив цілих чисел, підрахувати суму додатніх елементів.
14. Задано функція Y=SQRT(X). Заповнити одновимірний масив дійсних чисел значеннями функції у діапазоні 0..5 із кроком 0.5. Вивести результат на екран.
15. Задано двовимірний масив цілих чисел (матриця), вивести на екран матрицю у звичній формі та визначити найменший елемент.

 

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

Тема роботи: Створення динамичних об’єктів HTML+JavaScript

1. Збільшення зображення до певної величини, а потім повернення до початкового розміру і повторення процесу.
2. Пересування текту по діагоналі зліва вниз направо, потім повертається до початкової позиції і процес повторюється.
3. Одне фото розташовано на екрані ліворуч, інше праворуч, міняються місцями щосекунди.
4. Текст рухається по колу заданого користувачем радіусу.
5. Текст рухається по контуру квадрата із заданого користувачем довжиною сторони.
6. Пересування зображення по діагоналі зліва вниз направо, потім повертається до початкової позиції і процес повторюється.
7. Зміна кольору тексту із червоного на зелений і обратно з періодом 1 с.
8. Пересування текту по діагоналі зліва вниз направо з певним кроком, потім повертається до початкової позиції із тим же кроком, процес повторюється.
9. Зміна кольорів тексту від червоного до блакитного з періодом в 1 с(цикл виконати 1 раз).
10. Зміна 5 зображень у автоматичному режимі з періодом в 1 с.
11. Два тексти накладені один на одний, по черзі стають видимі(дінамічна зміна тексту).
12. П’ять текстів накладені один на одний, по черзі стають видимі(дінамічна зміна тексту, виконати один цикл змін).
13. Пересування текту по діагоналі справа вниз ліворуч, потім повертається до початкової позиції і процес повторюється.

 

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

Тема роботи: Форми (HTML+JavaScript)

Якщо необхідно, можна для ініціалізації дії використовувати кнопку типу button

1. На формі розташовано елемент форми password та кнопка с надписом: „Перевірити пароль”, після натисканні кнопки прочитати пароль, порівняти із введеним заздалегідь, якщо пароль правильний – висвітити на екрані картинку, якщо ні – відповідне повідомлення.
2. На формі розташовано 4 елементи типу checkbox (назви журналів) та кнопка, після натисканні кнопки прочитати назви журналів, які були вибрані користувачем та вивести їх на форму у елемент типу text, якщо не вибрано жодного – відповідне повідомлення.
3. На формі розташовано 4 елементи типу radio (назви журналів) та кнопка, після натисканні кнопки прочитати назву журналу, який був вибраний користувачем та вивести його на форму у елемент типу text, якщо не вибрано жодного – відповідне повідомлення.
4. На формі розташовано елемент форми select (назви журналів та додаткове поле “інший” типу text) та кнопка, після натисканні кнопки прочитати вибраний елемент списку та вивести вибраний елемент на екран, якщо вибрано “інший” – назву поля читати із додаткового поля типу text (імітація ComboBox як у Delphi).
5. На формі розташовано елемент форми textarea, прочитати дані з поля, якщо кількість символів у полі менше 20 - відповідне повідомлення і порада доповнити поле.
6. На формі розташовано елемент форми password та кнопка с надписом: „Перевірити пароль” та текст висотою 50 пікселів, після натисканні кнопки прочитати пароль, порівняти із введеним заздалегідь, якщо пароль правильний – висвітити на екрані картинку, якщо ні – відповідне повідомлення.
7. На формі розташовано елемент форми select та одну кнопку checkbox, якщо вона активізована - вибрати із списку другий елемент та вивести його на екран, якщо не активізована – вивести відповідне повідомлення.
8. Розташувати на формі 3 поля типу text, заповнити їх словами та 3 кнопки типу radio. В залежності від вибору кнопок – вивести відповідні слова на екран.
9. На формі розташувати три кнопки типу checkbox (всі не активізовані) та 3 кнопки типу radio (всі не активізовані). Виконується активізація кнопки radio, після натискання на кнопку button активізується з тим же номером кнопка checkbox.
10. На формі розташовано три кнопки типу checkbox з назвами фруктів напроти та поле типу textarea. Вибрати фрукти, активізуючи кнопки, та розташувати назви вибраних фруктів у поле типу textarea.
11. На формі розташувати список типу select із назвою трьох журналів, вибрати один з них та розташувати його назву у поле типу text.
12. На формі розташувати поле типу textarea, у якому через проміжок ввести з клавіатури свої прізвище, ім’я та по батькові. Прочитати дані та розташувати прізвище, ім’я та по батькові в окремих полях типу text із відповідними поясненнями.
13. На формі розташовано елемент форми password та кнопка типу button с надписом: „Перевірити пароль” та текст висотою 50 пікселів, після натисканні кнопки прочитати пароль, порівняти із введеним заздалегідь, якщо пароль правильний – сховати текст (зробити його невидимим), якщо ні – відповідне повідомлення.
14. На формі розташувати три кнопки типу checkbox, напроти кожної написати свої прізвище, ім’я та по батькові, а також порожнє поле типу text. Прочитати слова напроти активізованих кнопок (не обов’язково всіх) та вивести їх зміст у поле text.
15. На формі розташувати три кнопки типу checkbox, напроти кожної написати назви фруктів, а також поле типу password. Ввести пароль, якщо він правильний, прочитати назви вибраних фруктів та розташувати їх у поле типу textarea, у протилежному випадку – відповідне повідомлення.

 

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

Тема роботи: HTML+JavaScript. Використання об’єкту Date.

 

1. Визначити кількість діб, годин та хвилин між поточною датою та кінцем календарного року.
2. Визначити кількість діб, годин та хвилин між поточною датою та днем твого народження.
3. Визначити кількість годин та хвилин до кінця поточної пари.
4. Визначити кількість діб, годин та хвилин, які пройшли після закінчення Другої Світової війни.
5. Визначити кількість діб, годин та хвилин між днями народження твого та твого сусіда у комп’ютерному класі.
6. Розробити секундомір, з двома кнопками „Стоп” та „Пуск”, який буде відлічувати секунди, результат вивести у текстове поле.
7. Визначити кількість діб, годин та хвилин між поточною датою та „кінцем світу” (31.12.2012).
8. Розробити таймер, який буде динамічно відлічувати час (дні, години, хвилини, секунди), який залишився до твого дня народження.
9. Створити одновимірний масив дійсних чисел, визначити мінімальне значення масиву та поміняти цю компоненту із першою.
10. Визначити кількість років і днів між кінцем Другої світової війни та вашим днем народження.
11. Створити одновимірний масив дійсних чисел, визначити максимальне значення масиву та поміняти цю компоненту із останньою.
12. Створити одновимірний масив дійсних чисел, визначити максимальне і мінімальне значення масиву та поміняти їх місцями таким чином, щоб спочатку йшло мінімальне, а потім максимальне значення.
13. Визначити кількість років і днів між днем твого народження і сьогодняшним днем.
14. Створити одновимірний масив дійсних чисел, розглянути крайні елементи(перший та останній), якщо перший більше останнього, поміняти їх місцями.
15. Створити одновимірний масив дійсних чисел, рахуючи значення елементу як його відносну густину, примусити останній елемент всплити на відповідну відстань до початку масиву (пересунути його попарним обміном).
16. Створити одновимірний масив дійсних чисел, розділити його на дві частини (приблизно рівні) та поміняти частини місцями.
17. Визначити кількість годин і хвилин між початком занять (9 годин ранку) і поточним часом.
18. Створити одновимірний масив дійсних чисел, визначити, чи є у ньому два однакових значення.
19. Розробити програму циклічного зсуву символів рядка на 1 позицію ліворуч.
20. Створити двовимірний масив цілих чисел, визначити елемент з мінімальним значенням та поміняти його із першим елементом.
21. Задано довільний рядок слів, знайти найменше і найбільше по кількості символів слова та поміняти їх місцями.
22. Створити два масиви цілих чисел А і В однакової довжини, заповнити третій масив значеннями (Аі+Ві)/2.
23. Створити символьний масив (не плутати із рядком) із кількістю М будь-яких символів із кодової таблиці ASCII (0-127), визначити чи є у ньому символ z і скільки разів зустрічається.

 

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

Тема роботи: HTML+JavaScript. Використання стилів.

Створити таблицю стилів (не менше 5), записати їх у файл типу *.css, використати цю таблицю для формування домашньої сторінки з лаб. роб. № 10. У сторінці обов’язково повинен бути присутній фрагмент розташування тексту на фото.

 

 

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

Тема роботи: HTML+JavaScript. використання гіперпосилань з фрагментів малюнка.

Використати домашню сторінку з лаб. роб. № 10. На груповому фото організувати гіперпосилання з короткими відомостями про осіб, які зображені на фото при наведенні на них курсора миші (у якості фрагментів осіб вибрати їх обличчя).

 

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

Контрольна робота

Тема роботи: HTML+JavaScript

1. Вивести на екран у вигляді таблиці значення функцiї: Y = 0.5 * EXP(X) на iнтервалi [1, 2], з кроком 0.1.

 

1. Розробити програму, яка обраховує та виводить на екран у табличнiй формi координати точок елiпсу, що заданий параметрично (X = A * COS(T), Y = B * SIN(T)) з кроком 1 градус(А та В – півосі еліпсу, задати самостійно).

 

1. Матерiальна точка рухається згiдно із законом: X = Vx * T, Y = Vy * T - (G * T2) / 2. Обчислити та видати на екран у виглядi таблицi її координати для промiжку часу з T1 = 3c до T2 = 27c з кроком 1 с.

 

1. Обчислити периметр елiпсу та вивести його на екран, який задан параметрично: X = A * COS(T), Y = B * SIN(T) з кроком T = 1 градус, замiнюючи промiжки кривої вiдрiзками прямої, порівняти з точним значенням.

 

1. Скласти програму приблизного обчислення довжини шляху, який пройдений точкою за час T = 5 с, замiнюючи вiдрiзки кривої вiдрiзками прямої. Точка рухається за законом: X = (3 * T) / (1 + T3); Y = (3 * T2) / (1 + T3). Обчислення виконати з кроком часу 0.5 с.

 

1. Визначити мінімальну кількість елементів послідовності Y = 1 + 1 / 2 - 1 / 3 + 1 / 4 - 1 / 5 +... + 1 / N, яка в сумі дає значения не менше ніж 3.

 

1. Дано рядок якiй складається із слiв. Знайти усi слова, у яких лiтера 'a' входить не менше двох разiв.

 

1. Ініціалізуйте довільний рядок, Знайти найдовшу групу цифр у рядку.

 

1. У прямокутнiй матрицi(двовимірному масиві 3*4) є два однакових елементи. Знайти їхні значения та номери.

 

1. Дано рядок, у який входять тільки символи: a,b,c,d,e. Пiдрахувати i вивести на екран кiлькiсть входжень у ньому кожного символу. Результат подати у виглядi таблицi.

 

1. У одновимірному масиві (ініціалізувати самостійно) знайти номер першого елементу, який менше заданого числа, яке вводиться по запрошенню. Вивести його на екран.

 

1. Дана послiдовнiсть упорядкованих по зростанню натуральних чисел, ініціалізувати одновимірним массивом, а також новий елемент з того ж диапазону. Визначити, чи можна вставити цей елемент у неї (з’ясувати, чи знайдеться для ньго місце), а якщо можна – вставити, не порушуючи упорядкованості.

 

1. Дано три трикутника, довжини сторін яких записані у одновимірному масиві. З'ясувати, який з них має найбiльшу площу. У розрахунках скористуватися формулою Герона:
   p = (a + b + c) / 2; s = sqrt(p * (p - a) * (p - b) * (p - c)).

 

1. Матерiальна точка рухається згiдно із законом (кулька, яка кинута під кутом до горизонту, швидкості V_x, V_y вже визначені):
   X = V_x * T,
   Y = V_y * T - (G * T²) / 2.
   Обчислити її координати для T1 = 3 c, T2 = 9 c, T3 = 27 c. Використати функцію.

 

1. Задана, безперервна функція на вiдрiзку [1,10].
   y1 = (x - 2)² + 1,
   Визначити методом табулювання з кроком 0.1, чи має вона екстремум на заданому вiдрiзку (відрізок ввести по запрошенню).

 

1. Розробити HTML документ, змiст якого залежить вiд часу його перегляду. Вiн повинен складатися з привiтання (добрий ранок, день, вечiр, нiч) та мiстити iнформацiю про час його перегляду (на момент завантаження до броузеру) у такому форматi:'зараз dd.mm.yyyy hh:mm:ss’ (назва дня тижня, місяця, рік, години, хвилини, секунди, останні 3 дані повинні мати попереду 0, якщо їх кількість менше за 10, тобто: 06 годин).

 

1. Розробити HTML документ, що залежно від введеного номера(1,2,3)(через функцію prompt()) виводить на екран одне з 3 різних фото. Фото вибрати самому. Або замінити їх кольоровими прямокутниками, які зроблені у Paint.

 

1. Текст пересувається приблизно по диагоналі екрану від лівого верхнього кута у правий нижній стрибками через 1 секунду. Передбачити дві кнопки: «старт» та «стоп»

 

1. Текст на екрані послідовно з інтервалом в 1 секунду міняє 5 кольорів. Передбачити дві кнопки: «старт» та «стоп»

 

 

1. Картинка пересувається горизонтально від лівого края екрана до правого, а потім навпаки стрибками через 1 секунду. Передбачити дві кнопки: «старт» та «стоп»

 

1. Визначити скільки діб, годин та хвилин залишилося від дня твого народження до кінця поточного року. Виконання програми почати після натискання кнопки: «старт».

 

1. Створити файл стилів із розширенням *.css, 3-4 стилі з наслідуванням. Під’єднати його до сторінки та виконати форматування свого прізвища (60 пикселів, колір червоний із сіренькою тінню), ім’я, по батькові (40 пікселів, колір зелений без тіні). Все відцентроване на сторінці. Використати стилі форматування виключно із таблиці стилів.

 

1. Розташувати на сторінці картинку, яка створена у Paint і містить коло, прямокутник та трикутник, які залити фоном різних кольорів. Наводячи і клацаючи по геометричній фігурі, завантажити документ, який її характеризує, наприклад: коло, колір червоний, прямокутник....

 

1. Сформувати сукупність фреймів, які будуть мати конфігурацію, яка зображена на рисунку. У фреймі 4 розташувати меню на 3 пункти, з п. 1 документ послати у фрейм 1, з 2 на 2, з 3 на 3.