Тема: Створення веб-сайту на основі сервісу Google
2. Посилання на ваш веб-сайт відправити на електронну адресу вчителя.
вторник, 14 апреля 2020 г.
Інформатика - 10 клас - Уроки3-4
2. Посилання на ваш веб-сайт відправити на електронну адресу вчителя.
Інформатика - 9 клас - Уроки 3-4
Шановні 9-тикласники!
Прошу опрацювати наступні теми за поданим нижче посиланням:
Додатково опрацювати : Параграф 10.1, ст.274 № 5; ст.275 №8.
Інформатика - 8 клас - Уроки 3-4
Шановні восьмикласники!
Прошу опрацювати наступні 2 теми за поданими нижче гіперпосиланнями:
УРОК 3
https://www.youtube.com/watch?v=vEbAlaBfcJU&list=PLafE3aTB6JO2x_CZebVZbYeVEVASInJrX&index=13&t=0s
УРОК 4
https://www.youtube.com/watch?v=3WLNy-jZz_o&list=PLafE3aTB6JO2x_CZebVZbYeVEVASInJrX&index=13среда, 18 марта 2020 г.
Інформатика - 10 клас - Урок 2
Стильове оформлення сторінок з використанням CSS
Завдання. Використовуючи каскадні таблиці стилів
відформатувати сторінки сайту, створеного у попередній практичній роботі.
Хід виконання
На початку роботи відкрийте вашу головну сторінку
браузером, зробіть скріншот сторінки.
1.
У теці «site» створіть теку «css».
2.
Відкрийте редактор коду. Створіть файл з назвою style.css, збережіть його у теці «css».
3.
Відкрийте браузер. Оберіть будь-який генератор кольорових
палітр. наприклад https://coolors.co. Згенеруйте палітру.(див. рис. Палітра)
Примітка. В наданому вам
коді замість «з обраної палітри!» додавайте код кольору, не забувайте про знак # на початку шестизначного коду!
Радимо для кольору
тла та тексту обирати контрастні відтінки.
4.
Формуємо стилі для кожного елемента наших сторінок
5.
Почнемо з головних елементів
a.
Пропишемо стилі
для body
body
{
font-family:
Arial, San-Serif;
font-size:
100%;
background-color: з обраної
палітри!;
б Зробимо наш список-меню горизонтальним та
знімемо значок маркеру
}ul {
margin:
0;
padding:
0;
}
ul li {
list-style-type:
none;
}
a {
text-decoration:
none;
в Обираємо стилі для всіх елементів хедеру:
header {
padding:
50px 0;
background-color:
з обраної палітри!;
}
h1,h2 {
color:
grey;
text-align:
center;
}
г Обираємо стилі для блоку навігації:
nav {
background-color:
з обраної палітри;
border-color:
з обраної палітри;
min-height:
64px;
}
nav li {
float:
left;
width:
100px;
}
nav a {
display:
block;
color:
з обраної палітри – контрастно до
кольору тла;
line-height:
4em;
font-weight:
bold;
text-align:
center;
}
nav li a:hover {
color:
з обраної палітри – контрастно до
кольору зміненого тла;
background-color:
з обраної палітри – контрастно до
кольору активного елемента меню;
}
д Обираємо стилі для абзаців
p {
font-size:
16px;
line-height:
1.3em;
margin-top: 0.1em;
margin-bottom: 0;
color: з обраної палітри – контрастно
до кольору тла
}
Примітка. Якщо ми хочемо,
щоб між абзацами були відступи - прибираємо
рядки з використанням “margin” зі стилів.
є Обираємо стилі для футеру
footer {
background-color:
з обраної палітри!
color:
з обраної палітри;
padding:
20px 0;
margin-top:
30px;
}
6.
Зберігаємо файл style. css
7.
Відкриваємо всі файли html,
створені на попередній практичній роботі.
8.
В кожному файлі в <head> додаємо наступний
рядок, прописуючи посилання на створений нами файл зі
стилями
<link rel="stylesheet" type="text/css" href="css/style.css">
9.
Зберігаємо і
закриваємо файли, оновлюємо у браузері нашу головну сторінку.
10.
Надішліть архів з роботою вчителю та 3 однокласникам.
Аналіз отриманих
результатів.
Як змінився сайт
після додавання таблиць стилів? Порівняйте зі скріншотом отримані результати. Сформулюйте і
запишіть різницю, яку ви помітили.
Перегляньте сайти, створені вашими однокласниками.
Порівняйте роботи і зробіть висновок.
Домашнє завдання
Базуючись на знаннях, отриманих під час виконання
практичної роботи додайте стильове
оформлення веб-сторінкам вашого сайту. Архів з сайтом надішліть на електронну скриньку вчителю.
Інформатика - 9 клас - Урок 2
Шановні дев'ятикласники!
Самостійно опрацюйте поданий нижче навчальний матеріал, розміщений у вигляді презентації.
Якщо у Вас виникнуть запитання щодо викладеної теми, або у Вас є необхідність у додатковій консультації, конференц-зв'язок для учнів 9 класів буде здійснено 30 березня о 14.30 у мережі Facebook (аккаунт Игорь Закомирный).
Тема уроку: Растрові та векторні зображення
ПРЕЗЕНТАЦІЯ до уроку
Інформатика - 8 клас - Урок 2
Тема: Величини символьного типу
ПРЕЗЕНТАЦІЯ до уроку
Перевірка
домашнього завдання
a := StrToBool(Edit1 .Text);
b := StrToBool(Edit2.Text);
v1 := a and b;
v2 := a or b;
v3 := a xor b;
Edit3.Text := BoolToStr(v1,True);
Edit4.Text ;= BoolToStr(v2,True);
Edit5.Text := BoolToStr(v3,True);
end;
Завдання 2.
1. Укажіть порядок виконання логічних операцій у логічних виразах:
1 4 2 3
а) not a or
not b and a
2
1 4 3 6 5
б) not not a
and not b or c and d
2. Складіть таблиці істинності
логічних виразів зі змінними логічного
типу а і b:
а) а or b or
not b
б) not a or not b
в) a and not b or not a and b
Повторення
1. Яких
значень може набувати змінна логічного типу?
2. Які
операції можна виконувати над змінними логічного типу?
3. Обчисліть
значення логічних виразів:
а) (А <=
В) and (А = В - 1), якщо А = 2, В = 4;
б) (А <=
В) or (А = В - 1), якщо А = 2, В = 4.
Вивчення нового матеріалу
Для величини, значенням якої є одиночний символ, використовують тип Char.
Як вам вже відомо, всі символи, доступні комп’ютеру, утворюють таблицю
символів. Кожен символ має в ній свій номер, який називають його кодом. Великі
і малі літери англійського алфавіту та цифри в таблиці кодів упорядковані,
тобто сусідні коди відрізняються на 1.
Значенням змінної символьного типу може бути будь-який символ: літери
латиниці та кирилиці; цифра; розділовий знак. Це можуть бути також службові
символи, які не відображаються на екрані.
Величина типу Char займає 1 байт пам’яті комп’ютера.
Для позначення константи типу Char у програмі символ беруть в одинарні
лапки, наприклад 'А', 'З', ' ' (пробіл — теж символ). Символьне значення можна
задати за допомогою його ASCII-коду із додаванням префікса #. Зокрема, так
зручно позначати службові символи. Наприклад, символ повернення каретки — #13,
символ нового рядка — #10.
Змінну типу Char можна порівняти з іншою змінною типу Char або із
символьною константою за допомогою операцій порівняння (=, <>, <,
>, <=, =>). Порівняння ґрунтується на тому, що кожному символу відповідає
число — його код у таблиці. Таким чином, насправді порівнюються числові коди
символів.
Порівняти значення типу Char:
var b: Boolean;
begin
b := 'A' < 'B'; {True}
Вправа 1. Вивести на форму
символи за їх кодами.
var S:Integer; C:char;
begin
S:=StrToInt(Edit1.Text);
C:=chr(S);
Label2.Caption:=C;
end;
Ми використали нову функцію chr(S), яка перетворює
код символу на сам символ.
|
Функція
|
Призначення
|
Тип результату
|
Приклад
|
|
Chr(X)
|
Повертає символ
за його ASCII-кодом |
Char
|
S := Chr (65);
S = 'A' |
|
Ord(S)
|
Повертає числовий код
символу S |
Byte
|
К := Ord (‘Z’);
К = 90 |
|
Pred(C)
|
Повертає символ,
попередній до С |
Char
|
S := Pred ('b');
S = 'a' |
|
Succ(C)
|
Повертає символ,
наступний за С |
Char
|
S := Suce ('b');
S = 'c’ |
|
AnsiUpperCase (C)
|
Перетворює малу
літеру на велику |
Char
|
S := AnsiUpperCase ('b');
S = 'B' |
I.
Закріплення набутих знань
·
Яких значень можуть
набувати змінні символьного типу?
·
Які операції можна
виконувати із символьними даними?
·
Яка функція повертає
символ за його ASCII-кодом?
·
Яка функція повертає
числовий код символу С?
·
Як порівняти значення
символьного типу?
Виконати
вправу 32
Для символу, що
вводиться в поле Edit1, визначити код, наступний символ, попередній символ і
відповідну велику літеру.
Помістіть на
форму п’ять компонентів Label, змініть їх заголовки згідно з рисунком.
Помістіть на
форму п’ять компонентів Edit.
Створіть для
кнопки обробник події OnClick.
var с: Char; n:
Byte; st: String;
begin
с := st[1];
Edit2.Text :=
IntToStr (Ord (c));
Edit3.Text :=
Pred (c);
Edit4.Text :=
Succ (c);
Edit5.Text :=
AnsiUpperCase (c);
end;
Перевірте
результат роботи програми при с = 'n'.
Перевірте роботу
програми для різних значень с.
Домашнє завдання
1. Опрацювати
п. 32
2. Розробити
проект, який повертає код введеного
символа.
Реалізація:
procedure TForm1.Button1Click(Sender: TObject);
var S:String; C:char; n:Integer;
begin
S:=Edit1.Text;
C:=S[1];
n:=ord(C);
Edit2.Text:=IntToStr(n);
end;
Подписаться на:
Сообщения (Atom)