10-клас-дистанційне-навчання

2022 – 2023 навчальний рік

Посилання на презентації

Інформаційні технології в суспільстві

Урок №1. Інформація, повідомлення, дані, інформаційні процеси
Урок №2. Інформаційні системи у сучасному суспільстві

Матеріали уроків та домашні завдання
З М І С Т
Практична робота:
Розв’язування задач з планіметрії з допомогою програми GRAN 2

Поняття про мову розмітки гіпертекстового документа. Мова HTML




Практична робота:
Розв’язування задач з планіметрії з допомогою програми GRAN 2

Завдання 1. Побудувати трикутник. Знайти кути і перевірити теорему про суму кутів трикутника.
Завдання 2. Побудувати трикутник. Знайти довжини сторін. Побудувати висоту, медіану, бісектрису – які виходять з однієї вершини
Завдання 3. Побудувати трикутник. Вписати в нього коло. Знайти площу трикутника, круга, загальну площу криволінійних трикутників.
Завдання 3**. Знайти площу кожного із криволінійних трикутників окремо
Завдання 4. Побудувати трикутник. Описати навколо нього коло. Знайти площу трикутника, круга, загальну площу сегментів.
Зразок виконання роботи

Варіант 1
Завдання 1. Орієнтовні координати вершин трикутника АВС:  А(-10;5), B(-8;4), С(-9;2) 
Завдання 2. Орієнтовні координати вершин трикутника DEF: D(-7;2), E(-4;5), F(-1;1)
Завдання 3. Точні координати вершин трикутника JKL: J(4;4), K(8;3), L(5;0)
Завдання 4. Точні координати вершин трикутника OPQ: O(-2;-1), P(2;-1), Q(-3;-3)


Варіант 2
Завдання 1. Орієнтовні координати вершин трикутника АВС:  А(10;5), B(8;4), С(9;2) 
Завдання 2. Орієнтовні координати вершин трикутника DEF: D(7;2), E(4;5), F(1;1)
Завдання 3. Точні координати вершин трикутника JKL: J(-4;4), K(-8;3), L(-5;0)
Завдання 4. Точні координати вершин трикутника OPQ: O(2;-1), P(-2;-1), Q(3;-3)


Варіант 3
Завдання 1. Орієнтовні координати вершин трикутника АВС:  А(-10;0), B(-7;-1), С(-9;-4) 
Завдання 2. Орієнтовні координати вершин трикутника DEF: D(-7;2), E(-4;5), F(-1;1)
Завдання 3. Точні координати вершин трикутника JKL: J(4;6), K(8;3), L(5;-1)
Завдання 4. Точні координати вершин трикутника OPQ: O(-1;-1), P(3;-3), Q(-3;-5)

Поняття про мову розмітки гіпертекстового документа. Мова HTML


HTML (HuperText Markup Language)-стандартна мова розмітки документів 
у Всесвітній павутині, яка обробляється спеціальними програмами 
(браузерами) і відображається у зручній для людини формі у вигляді 
документа.
Гіпертекст - електронний документ, який містить зв'язки з іншими 
електронними документами. Такі зв'язки називаються гіперпосиланнями.
Будь-який документ мовою HTML є набором елементів, водночас початок і 
кінець кожного елемента познач-ся спец.позначками - тегами (мітками)
Теги - команди мови HTML. HTML-теги - це ключові слова або символи
взяті в кутові дужки. Теги бувають двох видів: парні і непарні.
Парні теги складаються з відкриваючого і закриваючого тегів.
Теги не чутливі до регістра (великих чи малих букв).

 Парні теги позначають початок і кінець області дії відповідного тега. Теги записують у кутових дужках. Тег, що закриває область дії має косу риску. Якщо її не буде, то тег буде працювати неправильно.
 Тег може містити параметри (атрибути), які web-дизайнер записує у першому блоці тега через пропуск або з нового рядка. Нечислові значення атрибута прийнято записувати в лапках.
Тег ↠ Атрибут тега ↠ Значення атрибута
Текстові документи (файли), що містять розмітку мовою HTML мають
розширення імені – .html або .htm

Структура html-файлу

< html>
< head>
< title>Назва вікна < /title>
< /head>
< body>
тіло документа
< /body>
< /html>

!!! Щоб відобразити html-файл як звичайний текст в кожному тегові
після кутової дужки зроблено пропуск

Теги для форматування символів (тексту)


Т Е Г
А Т Р И Б У Т
Значення атрибута
П р и з н а ч е н н я т е г а
< Font> < /font>
color
колір символу: “red”, #ff55dd
колір символу
size
1..7,+1..+4, -1,-2
розмір символу:
face
“Arial”
тип шрифту
< b> < /b>
немає
немає
жирний шрифт
< i> < /i>
немає
немає
курсив
< u> < /u>
немає
немає
підкреслений
< big> < /big>
немає
немає
збільшений
< small>
немає
немає
зменшений
< tt> < /tt>
немає
немає
фіксований
< strike> < /strike>
немає
немає
перекреслений
< sup> < /sup>
немає
немає
верхній індекс
< sub> < /sub>
немає
немає
нижній індекс
< Hn> < /Hn>
n=1..6
Заголовки: шість рівнів
< br>
примусовий перехід на наступну стрічку
< p> < /p>
align
left, right, center, justify
абзац, вирівнювання
< center> < /center>
вирівнювання по центру