четвер, 5 жовтня 2023 р.

СПИСКИ на ВЕБ-сторінках (11 клас)

 Нумеровані й марковані списки

Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою позначки або номера, призначені списки. У HTML-документах використовують три види списків:

    • невпорядкований (маркований);

    • упорядкований (нумерований);

    • список визначень.

У невпорядкованому списку для виділення елементів використовуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу <UL>, а закінчується — </UL>. Кожний елемент списку починається з тегу <LI>. Тег <UL> може мати атрибут TYPE, який визначає форму позначки. Цей атрибут набуває таких значень:

    • d i s k — зафарбоване коло;

    • c i r c l e — коло;

    • square — маленький чорний квадрат.

В упорядкованому списку всі елементи пронумеровані. Починається список із тегу <0L>, а закінчується — </OL>. Кожний елемент такого списку також починається з тегу <LI>. Тег <OL> може мати атрибут TYPE, який визначає тип нумерації. Цей атрибут набуває таких значень:

    • А — велика літера;

    • а — мала літера;

    • І — велика римська цифра;

    • і — мала римська цифра;

    • 1 — арабська цифра.

Розглянемо приклади використання різних типів списків.

Приклад 2.1. Маркований список, в якому для позначення елементів використовують коло

    <HTML> 
    <TITLE>Райдуга</TITLE>
    <BODY>
    <BASEFONT SIZE=6>
        <UL ТУРЕ=сігсlе>
            <LI><FONT COLOR=red>Червоний</FONT></LI>
            <LI><FONT COLOR=orange>Оранжевий</FONT></LI>
            <LI><FONT COLOR=yellow>Жовтий</FONT></LI>
            <LI><FONT COLOR=green>Зелений</FONT></LI>
            <LI><FONT COLOR=lightblue>Блакитний</FONT></LI>
            <LI><FONT COLOR=blue>Синій</FONT></LI>
            <LI><FONT COLOR=darkmagenta>Фioлeтoвий</FONT></LI>
       </UL>
</BODY>
</HTML>

Приклад 2.2. Нумерований список, в якому для позначення елементів використовують малі римські цифри

<HTML>
<TITLE>Райдуга</TITLE>
<BODY>
<BASEFONT SIZE=6>
    <OL TYPE=i>
            <LI><FONT COLOR=red>Червоний</FONT></LI>
            <LI><FONT COLOR=orange>Оранжевий</FONT></LI>
            <LI><FONT COLOR=yellow>Жoвтий</FONT></LI>
            <LI><FONT COLOR=green>Зелений</FONT></LI>
            <LI><FONT COLOR=lightblue>Блакитний</FONT></LI>
            <LI><FONT COLOR=blue>Синій</FONT></LI>
            <LI><FONT COLOR=darkmagenta>Фіолетовий</FONT></LI>
    </OL>
</BODY>
</HTML>

Зверніть увагу на те, що за допомогою тегу <BASEFONT> для всього документа призначено розмір шрифту 6, а за допомогою тегів <FONT> визначено колір шрифту для кожного елемента списку.

четвер, 10 листопада 2022 р.

СТВОРЕННЯ СПИСКІВ (8 КЛАС)

 Тема: Створення списків у текстовому документі


ХІД РОБОТИ

1. Відкрийте свій Google-диск

2. Створіть новий Документ (натиснути кнопку (+) і вибрати Документ)

3. Дайте назву документу "Створення списків"

4. Надайте доступ до перегляду створеного документу вчителем (kab11.gimnazia@gmail.com)

5. Створіть наступний текст у вигляді списку: 




понеділок, 16 травня 2022 р.

КОРТЕЖІ (9-й клас)

 Кортежі (Tuples) 

Кортеж схожий на список, але в них є принципова відмінність: список - тип даних, що змінюється, а кортеж незмінний. У цій різниці криється суть кортежів: вони захищають дані від ненавмисних змін. Друга причина, через яку використовують кортежі, це економія місця. Вони займають менше обсягу пам'яті, ніж списки.

Згадаймо, як у списку видалити один елемент:


Створюємо з аналогічним вмістом кортеж. Робимо це за допомогою круглих дужок, а не квадратних, як у списку (для створення порожнього кортежу також використовуються круглі дужки). Спробуємо також видалити трійку і отримуємо помилку.


Можна звертатися до елементів кортежу за індексом, як і у списках. Робити зрізи. Визначати кількість елементів з певним значенням.


І можемо ще просто видалити кортеж повністю:


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

Ще одна важлива функція кортежів: їх можна використовувати як ключі словника. Адже ключі словника мають бути незмінними ... 







пʼятниця, 13 травня 2022 р.

Вставка зображень на web-сторінці (10 кл.)

 

Вставляння графічних файлів.

Графічні зображення (фотографії, картинки, піктограми тощо) зберігаються на серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на Web-сторінці за допомогою команди, що описується одинарним тегом <IMG> з параметрами:

<IMG SRC="адреса графічного файлу"  ALIGN="left/center/right" WIDTH=240 HEIGHT=200>

Обов'язковим є лише перший параметр SRC. Параметр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT — її розміри за шириною і висотою в пікселях або відсотках.

Зображення можна подати в рамці (що рекомендують робити), якщо його використовуватимуть як гіперпосилання. Для створення рамки навколо зображення призначений параметр ВОRDER="товщина рамки в пікселах".

Праворуч і ліворуч від картинки, яку облямовує текст, можна зробити вільний простір: HSPACE = "кількість пікселів". Можна створити вільний простір також над і під рисунком: VSPACE = "кількість пікселів".



середа, 11 травня 2022 р.

СЛОВНИКИ (8-й клас)

 

ТЕМА: Словники

Для програмування мовою Python будемо використовувати онлайн-ресурс:


PYTHON - онлайн  


Після переходу за цим посиланням на екрані у вас є два вікна. У лівому (редактор) має розміщуватися текст програми, у правому (консоль) буде відображатися результат дії створеної програми. Для запуску програми на виконання слугує кнопкa Run


Потрібно зауважити, що цей ресурс працює як на комп'ютері, так і на СМАРТФОНІ. Різниця лише у тому, що вікна розміщуються не горизонтально (ліворуч-праворуч), а вертикально (зверху-знизу)


Опрацьовуємо матеріал підручника, виконуємо вправи 1 - 4 у онлайн середовищі програмування. Використовуємо вікно консолі.





(Після виконання вправ зробіть копію екрану та надішліть її на на електронну скриньку kab11.gimnazia@gmail.com або на Viber #0953262513)