ТЕСТУВАННЯ - 10-Б

 Посилання на тестування

Тести-10-А кл (інформатика)

Посилання на тести:

ІНФОРМАТИКА - 8 кл. Створення списків

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

Завдання:

1. Увійдіть у свій обліковий запис Google

2. Створіть новий документ з назвою "Списки"

3. Уведіть текст за зразком:

     

   Для створення списків скористайтеся відповідними кнопками на панелі інструментів:

4. Надайте вчителеві доступ до створеного документу для перевірки

 

 

 

ІНФОРМАТИКА - 7 клас - ФОРМАТУВАННЯ ЕЛЕКТРОННОЇ ТАБЛИЦІ

 ТЕМА: Форматування електронної таблиці

Порядок дій:

1. Увійдіть у свій обліковий запис Google.

2. Відкрийте свій Google-документ "Вправа-30"

3. Відформатуйте таблицю за даним зразком:

Для форматування потрібно:

1. Виділити потрібні клатинки

2. Натиснути на панелі інструментів відповідні кнопки:

Інформатика 8-А, 8-Б класи (ІІ підгрупа)

 Практична робота 
Вставка об'єктів у текстовий документ

Завдання:

1. Увійдіть у свій обліковий запис Google

2. Створіть новий Google-документ

3. Уведіть наступний текст:

Для вставки зображених об'єктів застосовуйте команди:

Вставка - Горизонтальна лінія

Вставка - Малюнок

Вставка - Формула

Вставка - Діаграма

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

Інформатика, 7-А клас

ТЕМА: Поняття електронної таблиці. Середовище табличного процесора.

Завдання:

1. Запишіть у зошит число і тему уроку.

2. Відкрийте свій обліковий запис Google

3. Натисніть послідовно кнопки "Додатки Google" та "Таблиці"

4. Створіть нову таблицю (натисніть значок "+")

5. Виконайте наступну вправу:

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

Інформатика 11 кл. Поняття про таблиці каскадних стилів.

Поняття про таблиці каскадних стилів

(Прочитайте матеріал та законспектуйте його у зошиті)

Стиль — це набір правил оформлення та форматування, який можна застосувати до різних елементів веб-документа. У разі використання стандартної мови HTML для надання кільком елементам певних властивостей (наприклад, призначення стилю шрифту) доводиться задавати ці властивості для кожного елемента. Використання таблиць стилів дає змогу уникнути цього, оптимізувавши розробку веб-сайтів. Стилі дають змогу позиціювати елементи сторінки
(наприклад, тексти і графіку), задаючи координати. Крім того, таблиці стилів часто використовують під час створення так званих динамічних сторінок.

Таблиці каскадних стилів (CSS, Cascading Style Sheets) містять параметри форматування частини або всього тексту веб-сторінки. Якщо таку таблицю підключено, то у тегах можна просто вказувати посилання на неї, а не задавати велику кількість атрибутів. У цьому випадку стилі названі каскадними тому, що в одному документі їх можна описати кілька, і браузер використовуватиме їх каскадом відповідно до їхнього пріоритету.

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

Р {font-size: 40pt; color: green; font-family: "Comic Sans MS"}

Тут задано параметри для тегу абзацу <Р>, які встановлюють розмір шрифту 40 пунктів, колір шрифту — зелений, гарнітуру — Comic Sans MS. У документі достатньо ввести теги <Р>...</Р>
із текстом абзацу, щоб автоматично надати йому зазначеного оформлення.

Таблиці каскадних стилів дають змогу отримати результати, яких неможливо досягнути звичайними засобами HTML. У наведеному прикладі встановлено розмір шрифту 40 пунктів, хоча в мові HTML за допомогою атрибута SIZE можна задати для шрифту максимальний розмір 7, що відповідає 36 пунктам. Крім того, таблиці каскадних стилів дають змогу визначити єдиний
стиль оформлення для різних сторінок документа і швидко модифікувати його зміною відповідного параметра у таблиці стилів.

Параметрів форматування, які можна задавати за допомогою стилів, досить багато. Це, зокрема:

• b a c k g r o u n d — колір тла;

• f o n t - f a m i l y — стиль шрифту (гарнітура);

• f o n t - s i z e — розмір шрифту;

• f o n t - w e i g h t — жирність шрифту;

• c o l o r — колір шрифту;

• t e x t - d e c o r a t i o n — оздоблення тексту;

• t e x t - a l i g n — вирівнювання тексту;

• m a r g i n - t o p — відступ від верхнього рядка абзацу;

• l i n e - h e i g h t — міжрядкова відстань.

ЕЛЕКТРИЧНИЙ СТРУМ В РІЗНИХ СЕРЕДОВИЩАХ (Фізика, 8 кл)

(Нова тема для 8-А класу)

Завдання 1. Прочитайте матеріал з §§ 36, 37, 39, 40

Завдання 2. Запишіть у зошит короткий зміст прочитаного, а саме:

Завдання 3. Перегляньте наступні відеофрагменти:

Електричний струм в металах

Електроліз

Електричний струм в газах


Завдання 4. Розв'яжіть у зошиті задачу 4 із вправи 37 (стор. 203 підручника)

ПОВТОРЮЄМО МАТЕРІАЛ (10 кл)

Узагальнимо та повторимо матеріал за темою
"Проектування та верстка Web-сторінок"

Нижче розміщено довідник з мови HTML, який допоможе тим, хто допустив помилки під час виконання попередніх практичних робіт - виправити ці помилки, а тим, хто ще не виконав якоїсь з робіт - правильно її виконати. Успіхів у роботі!

HTML-довідник

Глобальна мережа Інтернет. Призначення HTML

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

Інтернет започаткований Агентством з наукових досліджень Міністерства оборони США (ARPA) як проект розробки надійних цифрових комунікацій для військових потреб у 1969 році. Спочатку ця мережа існувала для обміну інформацією між комп'ютерами військових (науково-дослідних та навчальних) закладів. У 80-і роки її вже використовували в державних (навчальних, наукових) та комерційних цілях. У 90-і роки мережа Інтернет вийшла за межі США і до неї приєдналися країни всіх континентів світу.

Основа WWW (World Wide Web) - мова програмування Hyper Text Markup Language (HTML) - мова гіпертекстової розмітки тексту. Мова HTML була запропонована Тімом Бернесом-Лі у 1989 році як один з компонентів технології розробки системи WWW для опису того, як має виглядати документ.

Стандарт HTML є мовою подання гіпертексту, запропонованою організацією W3C (World Wide Web Consortium) і розробленою на початку 1996 року в кооперації з такими фірмами як IBM, Microsoft, Netscape Communication Corporation, Novell, SoftQuad, Spyglass та Sun Microsystems. Організація W3C спільно із згаданими фірмами продовжує роботу над розширенням можливостей елементів мови HTML і інтернаціоналізацією мови.


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

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

Тег - це одиниця коду HTML, яка складається з "команди", поміщеної у кутові дужки < >. Теги бувають відкриваючими та закриваючими. Закриваючі теги починаються зі знаку /. Документи починаються і закінчуються тегами, які позначають його початок та кінець: <!DOCTYPE HTML> та </HTML>

В межах документу виділяються дві області - заголовок та власне "тіло документу". Заголовок оголошується тегами <HEAD> та </HEAD>

У межах заголовку можуть розміщуватись власне заголовок документу (відображається у верхній стрічці вікна броузера), він створюється тегами <TITLE> та</TITLE>; крім цього у заголовку документу може міститися тег <META>, який використовується для технічного опису документу (інформація для пошукових програм), а також тег <STYLE>, який використовується для опису стилів, які використовуються у документі.

Наступним розділом документу HTML є розділ "тіла документу". Він починається тегом <BODY>, а закінчується тегом </BODY> . Він має наступні параметри:

§  BACKGROUND = "*.*" Замість *.* вказується адреса малюнка, який повинен бути фоном даного документу

§  BGCOLOR= Вказується назва або номер кольору, який повинен бути фоновим для даного документу

§  TEXT= Вказується колір тексту

§  LINK= Визначає колір гіперпосилань у документі

§  ALINK= Визначає колір гіперпосилань у момент натиснення

§  VLINK= Визначає колір переглянутих гіперпосилань

 Форматування символів

Для оформлення документів може використовуватись багато кольорів. З ними можна ознайомитися на цій сторінці .

Для переходу на новий рядок використовується тег <BR> .

Для виділення тексту в абзаци існують теги <P> та </P> .

Текст, розміщений між тегами <B> та </B> буде жирнішим. bold

Текст, розміщений між тегами <I> та </I> буде написаний курсивом. italics

А текст, розміщений між тегами <U> та </U> буде підкресленим. underlined

Текст, розміщений між тегами <S> та </S> буде перекресленим. striken

Текст, розміщений між тегами <SUB> та </SUB> буде написаний як нижній індекс. _індекс

Текст, розміщений між тегами <SUP> та </SUP> буде виглядати як верхній індекс. ^індекс

<Q> та  —</Q> - цитата (браузер додасть лапки)To be or not to be

<EM> та <STRONG> —</EM> та </STRONG> - виділення тексту EM STRONG

<ABBR> - скорочення (при наведенні миші видно повний текст) —

<ABBR TITLE="got to go">g2g</ABBR> GTG

<MARK> та —</MARK> - виділення-підсвітлення mark

Тег <HR> вставляє у документ горизонтальну лінію.

---

Цікавого оформлення сторінці надає тег <MARQUEE> та </MARQUEE> - він додає так звану "рухому стрічку". У саму стрічку, яка переміщатиметься екраном, можна вставити як текст, так і малюнки, таблиці тощо.

Крім цього, можна використовувати різне форматування шрифта за допомогою тегу <FONT> , який має параметри FACE - тип шрифта (наприклад: 'Lucida Sans', 'Arial', 'Monotype Corsiva', 'Times New Roman'), SIZE - розмір шрифта (1-7), та COLOR - колір шрифта.

Так виглядають шрифти різних розмірів: 1 2 3 4 5 6 7

 Заголовки

Для змістового виділення елементів сторінки використовуються теги-заголовки. Заголовки в HTML бувають шести типів. Текст, розміщений всередині тегу заголовка <H1> </H1> відображатиметься відповідно до типу цього заголовка. Найбільшим є заголовок Н1, найменшим - Н6. Заголовок може розміщуватись на екрані по центру, або вирівнений по правому або лівому краю. <H2 align=center \ right \ left > </H2>

Заголовок першого рівня_по центру

Заголовок другого рівня_по правому краю

Заголовок третього рівня_по лівому краю

Заголовок четвертого рівня_по центру

Заголовок п'ятого рівня_по правому краю

Заголовок шостого рівня_по лівому краю

Списки

Списки у HTML бувають трьох видів: марковані, нумеровані та довільної форми.

Марковані списки оформлюються та виглядають наступним чином:

<ul type=circle\disk\square >  < li > Перша група < /li >  < li > Друга група < /li>  < /ul >

o    Перша група o    Друга група

·         Перша група ·         Друга група

§  Перша група §  Друга група

Як бачимо, можливий вибір маркування списку (circle/disk/square = коло/круг/квадрат)

Нумеровані списки оформлюються та виглядають наступним чином:

<ol start=n type="1 \ a\ A\ I\ i" >  < li > Перша група < /li >  < li > Друга група < /li>  < /ol >

1.     Перша група 2.     Друга група

A.    Перша група B.    Друга група

e.     Перша група f.     Друга група

I.        Перша група   II.        Друга група

ix.        Перша група   x.        Друга група

Як видно - можна вказувати різні типи нумерування: арабські цифри, римські цифри великі й маленькі, латинські букви великі й маленькі. Крім того, можна вказувати номер, з якого починається нумерування (для третього списку це №5, для останнього - №9).

І останній тип списків - довільної форми. Приклад їх складення та вигляду:

<dl >  < dt > Перша група < /dt >  < dd > Староста А < /dd >  < dt > Друга група < /dt >  < dd > Староста Б < /dd >  < /dl >

Перша група Староста А Друга група Староста Б

У цьому випадку ми вказуємо не лише елементи списку (старости), але й спосіб їх переліку (за групами)

 Використання графіки

Для оформлення документів можна використовувати графічні об'єкти. Як вже згадувалось, можна вказати малюнок або колір, які будуть слугувати тлом для документу. Можна також вставляти малюнки прямо в документ. Для цього використовується тег <IMG> . Він має наступні параметри:
src="*.*" - файлова адреса малюнка, який потрібно вставити
width= - ширина малюнка (в пікселях)
height= - висота малюнка (в пікселях)
align="center \ right \ left" - спосіб вирівнення малюнка по центру \ по правому \ по лівому краю
alt="picture" - альтернативний текст для випадків, коли малюнок не завантажується

 Гіперпосилання

Інтернет базується на документах, що пов'язані між собою, тобто на гіперпосиланнях між документами. Їх можна створювати за допомогою мови HTML. Між тегами <a href=”index.html”> та </a > вставляється деякий текст, клацнувши на якому можна перейти до вказаного у href документу (в даному випадку - до index.html).

Іноді виникає потреба перейти до підтеми в межах одного документу. Тоді використовується так званий якір. У тому місці документа, куди треба буде перейти, вставляється мітка <a name=”a1”> , а посилання на неї створюється за допомогою тегів <a href=”index.html#a1”> та </a >

Таблиці

Часто для структурованого представлення інформації використовуються таблиці. Вони створюються тегами <TABLE> (таблиця), <TR> (рядки таблиці), <TD> (стовпці таблиці) і виглядають наступним чином:

<table> <tr > <td > рядок 1 стовпець 1 </td > <td > рядок 1 стовпець 2 </td > <td > рядок 1 стовпець 3 </td > </tr > <tr > <td colspan=2 > рядок займає 2 стовпці </td > <td rowspan=2 > рядок 2 і 3, стовпець 3 </td > </tr > <tr > <td > рядок 3 стовпець 1 </td > <td > рядок 3 стовпець 2 </td > </tr > </table >

рядок 1 стовпець 1 рядок 1 стовпець 2 рядок 1 стовпець 3 рядок займає 2 стовпці рядок 2 і 3, стовпець 3 рядок 3 стовпець 1 рядок 3 стовпець 2

Як бачимо - мова HTML надає можливість об'єднання комірок таблиці: тег <td colspan= > поєднує стовпці, а тег <td rowspan= > - рядки. 

Тег таблиці <TABLE> має наступні параметри: 
bgcolor - колір таблиці 
border= - ширина рамки таблиці (0-невидима рамка) 
width= - ширина таблиці (в пікселях або у відсотках) 
height= - висота таблиці (в пікселях або у відсотках) 
align="center \ right \ left" - спосіб вирівнення таблиці по центру \ по правому \ по лівому краю 

Схожі параметри мають теги <TD> та <TR> : 
bgcolor - колір комірки / всього рядка 
background=*.* - колір комірки 
width= - ширина комірки (в пікселях або у відсотках) 
height= - висота комірки (в пікселях або у відсотках) 
align="center \ right \ left" - спосіб вирівнення вмісту комірок: по центру \ по правому \ по лівому краю 
valign="top \ bottom \ middle" - спосіб вирівнення вмісту комірок по вертикалі: згори \ внизу \ посередині 
nowrap - блокує автоматичне перенесення слів в межах комірки 
colspan= - кількість стовпців комірки 
rowspan= - кількість рядків комірки