вівторок, 26 листопада 2019 р.

Створення HTML-документа, що містить нумеровані і марковані списки

Теоретичний матеріал.

Списки призначені для представлення інформації у впорядкованому вигляді.

У HTML- документах використовується 3 види списків:

1. Неупорядковані списки,

2. Упорядковані списки,

3. Списки - визначення.

Неупорядкований список використовує для виділення записів спеціальні символи. Неупорядкований список визначається наступними командами початку і кінця списку: <UL> і <UL>

Кожний елемент списку починається з команди: <LI>

У команді <LI> може бути параметр TYPE, який визначає зовнішній вигляд символа, що використовується для виділення рядка в списку і може мати наступні значення:

<LI TYPE=’DISK’> - кругла жирна точка,

<LI TYPE=’CIRCLE’> - коло,

<LI TYPE=’SQUARE’> - маленький чорний квадрат.

В упорядкованому списку всі записи пронумеровані.

Упорядкований список визначається наступними командами початку і кінця списку: <OL> і </OL>

Кожний елемент списку починається з команди: <LI>

У команді <LI> може бути параметр TYPE, який визначає тип нумерації і може мати наступні значення:

<LI TYPE = ‘А’> - великими буквами,

<LI TYPE = ‘а’> - малими буквами,

<LI TYPE = ‘I’> - прописними римськими цифрами,

<LI TYPE = ‘i’> - рядковими римськими цифрами,

<LI TYPE = ‘1’> - арабськими цифрами.

У списку - визначенні всі записи здвинуті ліворуч за допомогою табуляції.

Список - визначення визначається наступними командами початку і кінця списку: <DL> і </DL>

Кожний елемент списку починається з команди: <DD>

Практична робота.

Створити HTML l

пʼятниця, 22 листопада 2019 р.

Для того що б при наведенні курсору мишки відбувалася зміна картинки потрібно, крім розмірів, дописати шлях до нової зображенні в onmouseover = "" і шлях до початкової зображенні в onmouseout = ""

Для прикладу візьмемо таку картинку, як початкову:

І таку для зміни при наведенні:

Тепер напишемо код, в якому реалізуємо все вище описане.

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Головне меню</title> </head> <body> <p><img src="images/but11.png" alt="" onmouseout="this.src='images/but11.png'" 
onmouseover="this.src='images/but12.png'" 
onmousedown="this.src='images/but13.png'" 
></p> </body> </html>

РЕЗУЛЬТАТ:

четвер, 21 листопада 2019 р.

Створення, опрацювання і дослідження інформаційних моделей Практична робота 5

Завдання 1. Трикутник і коло (4 бали)

Використайте комп'ютерну модель трикутника, вписаного в коло, за адресою https://ggbm.at/NKBKwrKf, проведіть дослідження, як розміщується центр кола, описаного навколо трикутника, залежно від виду трикутника.

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

середа, 20 листопада 2019 р.

Як мені знайти судно в реальному часі? Карта руху суден

Карта руху суден

Як мені знайти судно в реальному часі?

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

Клацніть по іконці із позначкою збільшувального скла, щоб з'явилася форма введення. Потім починайте вводити назву судна в верхнє поле, де написано «Vessel, Port».

Перейти

Python — найкраща мова програмування 2019

Середа Thonny (https://thonny.org/) має ряд плюсів, необхідних для Тренінгу. Працював фахівцем в Інституті комп’ютерних наук Тартуського університету, Естонія.

Скачати

Python online

пʼятниця, 15 листопада 2019 р.

Комп’ютерні тести з курсу за вибором "Основи веб-дизайну"

Тести призначені для проведення підсумкових робіт з кожної із 7 тем курсу за вибором "Основи веб-дизайну". В тестах по 12 запитань. Учневі потрібно серед п’яти відповідей після кожного питання вибрати одну правильну. Після проходження тесту програма автоматично виставляє відповідний бал

Тип ресурсу:

Тестові завдання

Автор(и):

Кондратюк Сергій Юрійович

Галузь освіти:

Загальна середня освіта → Інформатика

Аудиторія:

Учителі, учні

Джерело:

Будищенська загальноосвітня школа І-ІІІ ступенів Черкаської районної ради Черкаської області

Мова ресурсу:

українська

Файли:

Скачати та розархівувати
Комп’ютерні тести з курсу за вибором "Основи веб-дизайну"

вівторок, 12 листопада 2019 р.

Самостійна робота Веб дизайн

понеділок, 11 листопада 2019 р.

Реляційні бази даних, їх об’єкти.

Існує кілька методів побудови концептуальної моделі бази даних. Один із найбільш поширених методів ґрунтується на моделі, що заснована на подані предметної області у вигляді двох типів об’єктів — сутностей і зв'язків.

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

назви стовпців таблиці, а екземпляри — рядки таблиці.

Практична робота № 6. Створення відеокліпу

Всеосвіта › Перейти на сторінку документа

вівторок, 5 листопада 2019 р.

Анімаційні ефекти

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Фон</title>

<style>

body {

background: url(images/city.png) repeat-x 0 100% fixed,

linear-gradient(to top, #5080b1, #004e8c) fixed;

animation: city 30s linear infinite;

-webkit-animation: city 30s linear infinite;

}

@keyframes city {

from { background-position: -1000px 100%, 0 0;}

to { background-position: 0 100%, 0 0; }

}

@-webkit-keyframes city {

from { background-position: -1000px 100%, 0 0;}

to { background-position: 0 100%, 0 0; }

}

main {

width: 80%;

min-height: 800px;

display: block;

margin: auto;

background: rgba(255,255,255,0.6);

padding: 20px;

}

</style>

</head>

<body>

<main>Бла-бла</main>

</body>

</html>

Сайт вчителя інформатики Каляфіцького Сергія

Сторінки

вівторок, 26 листопада 2019 р.

Створення HTML-документа, що містить нумеровані і марковані списки

пʼятниця, 22 листопада 2019 р.

четвер, 21 листопада 2019 р.

Створення, опрацювання і дослідження інформаційних моделей Практична робота 5

середа, 20 листопада 2019 р.

Як мені знайти судно в реальному часі? Карта руху суден

Карта руху суден

Як мені знайти судно в реальному часі?

Python — найкраща мова програмування 2019

пʼятниця, 15 листопада 2019 р.

Комп’ютерні тести з курсу за вибором "Основи веб-дизайну"

вівторок, 12 листопада 2019 р.

Самостійна робота Веб дизайн

понеділок, 11 листопада 2019 р.

Реляційні бази даних, їх об’єкти.

Практична робота № 6. Створення відеокліпу

вівторок, 5 листопада 2019 р.

Анімаційні ефекти

понеділок, 4 листопада 2019 р.

Створення фільму

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Фон</title>
	<style>
	body {
	background: url(images/city.png) repeat-x 0 100% fixed,
	linear-gradient(to top, #5080b1, #004e8c) fixed;
	animation: city 30s linear infinite;
	-webkit-animation: city 30s linear infinite;
	}
	@keyframes city {
	from { background-position: -1000px 100%, 0 0;}
	to { background-position: 0 100%, 0 0; }
	}
	@-webkit-keyframes city {
	from { background-position: -1000px 100%, 0 0;}
	to { background-position: 0 100%, 0 0; }
	}
	main {
	width: 80%;
	min-height: 800px;
	display: block;
	margin: auto;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	}
	</style>
	</head>
	<body>
	<main>Бла-бла</main>
	</body>
	</html>

Сторінки

вівторок, 26 листопада 2019 р.

пʼятниця, 22 листопада 2019 р.

четвер, 21 листопада 2019 р.

середа, 20 листопада 2019 р.

Карта руху суден

Як мені знайти судно в реальному часі?

пʼятниця, 15 листопада 2019 р.

вівторок, 12 листопада 2019 р.

понеділок, 11 листопада 2019 р.

вівторок, 5 листопада 2019 р.

понеділок, 4 листопада 2019 р.

вівторок, 26 листопада 2019 р.

пʼятниця, 22 листопада 2019 р.

четвер, 21 листопада 2019 р.

середа, 20 листопада 2019 р.

пʼятниця, 15 листопада 2019 р.

вівторок, 12 листопада 2019 р.

понеділок, 11 листопада 2019 р.

вівторок, 5 листопада 2019 р.

понеділок, 4 листопада 2019 р.