html
Завдання Розділи
https://www.w3schools.com/tags/tag_div.asp
https://www.w3schools.com/html/html_blocks.asp
Кілька об'єктів сторінки можна помістити в один розділ (division), якому можна надати якийсь загальний стиль. Для цього використовується тег <div>...</div>
- На сторінку style.html додати Завдання Розділи.
- Написати два тексти із заголовками <h2>:
- Дощ
- Мій улюблений фрукт
- Кожен текст із своїм заголовком розмістити у своєму розділі <div>.
- Кожен текст повинен містити два абзаци.
- В першому блоці придумати і використати inline-стиль.
- Другий блок позначити ідентифікатором і створити для нього internal-стиль.
- У файлі index.html додати заголовок «Завдання Розділи» і зробити з нього гіперпосилання на сторінку style.html.
Здати архів .zip.
Завдання Стилі-2
https://www.w3schools.com/html/html_css.asp
https://www.w3schools.com/html/html_id.asp
Стилі, які описують властивості елемента сторінки, і описання якого знаходиться безпосередньо в рядку елемента, називається inline style – "стилем в рядку":
<p style="color:red;">This is a paragraph.</p>
Так записаний стиль було використано у попередньому завданні.
Проте таке оформлення кожного елемента вкрай незручне. До того ж, багато однорідних елементів мають однакове оформлення.
Але можна описати потрібний стиль елемента один раз так, щоб всі такі елементи на сторінці мали цей стиль.
Так описаний стиль називається internal style ("внутрішній стиль", тобто, стиль всередині цілої сторінки).
Цей стиль описується за допомогою тегу <style></style>. Такий опис стилів розміщується в розділі <head></head>.
Якщо крім внутрішнього internal-стилю до якогось елемента застосовано свій стиль-в-рядку, то застосовано буде саме inline-стиль, тобто, той, котрий причитався останнім.
Пояснення, приклади і тренування можна знайти на сторінці w3schools.
Якщо потрібно якомусь елементу надати особливого форматування, можна це форматування також вказати не безпосередньо inline, а в розділі стилів internal. Для цього елементові треба дати назву – ідентифікатор (id), а потім відповідним чином описати для нього стиль.
Пояснення, приклади і тренування можна знайти на сторінці w3schools.
Написати невелику розповідь: Що я люблю купувати у супермаркеті.
- У своїй папці сайту потрібно створити новий файл style.html. Можна зробити копію файлу index.html і очистити там все в
<body></body>
- У файлі style.html написати заголовок завдання.
- Кожне речення написати як окремий абзац (paragraph).
- Створити на сторінці internal-стиль для заголовка.
- Створити internal-стиль для абзаців (наприклад: тло, колір, шрифт, розмір).
- Двом абзацам надати кожному свій ідентифікатор і для них окремо створити кожному свій стиль.
- У файлі index.html додати заголовок Завдання Стилі-2 і зробити з нього гіперпосилання на сторінку style.html
Для посилання із сторінки на іншу сторінку потрібно використати відносне посилання. Не можна просто скопіювати адресу файла на комп'ютері, тому що тоді посилання не працюватиме навіть якщо перемістити папку в інше місце на цьому комп'ютері, а тим більше, якщо сайт розмістит в Інтернеті.
Отже, нехай ми хочемо на сторінці page1.html розмістити посилання на сторінку page2.html і обидві сторінки знаходяться в тій самій папці. Тоді достатньо написати;
<a href="page2.html">текст посилання</a>.
Якби, наприклад сторінка була в підпапці folder, тоді було б:
<a href="folder/page2.html">текст посилання</a>.
Детальніше про шляхи до файлів: https://www.w3schools.com/html/html_filepaths.asp
За допомогою стилів можна надавати різного вигляду елементам сторінки.
Завдання Стиль
https://www.w3schools.com/html/html_styles.asp
Написати 6 або більше речень про те, що ти бачиш у своє вікно.
Кожне речення написати як окремий абзац (paragraph).
У кожному рядку використати якийсь із стилів, самостійно обираючи різні значення, не такі як в прикладах.
- тло заголовка завдання
- колір абзацу
- тло абзацу
- шрифт абзацу
- розмір тексту абзацу
- абзац розмістити по правому краю сторінки
Можна застосувати одночасно декілька атрибутів стилю, тоді вони пишуться через крапку з комою.
В останньому, сьомому, реченні завдання напиши чи важким було це завдання, застосуй до цього абзацу одночасно два атрибути стилю.
Завдання Кольори
https://www.w3schools.com/html/html_colors.asp
Написати 8 або більше речень про свою думку: навіщо у школі вивчають літературу, який художній твір запам'ятався найбільше і чому.
Кожне речення написати як окремий абзац (paragraph).
У цій вправі використати якісь із 140 стандартних назв кольорів html
- Назву вправи (заголовок) зробити на кольоровому тлі
- Один абзац зробити на кольоровому тлі
- Один абзац зробити кольоровим текстом
- Навколо одного абзацу зробити кольорову рамку
- Наступний абзац зробити червоного відтінку (не такого, як у прикладі), у форматі rgb (red, green, blue)
- Наступний абзац зробити сірого відтінку (не такого, як у прикладі), у форматі rgb
- Наступний абзац зробити зеленого відтінку (не такого, як у прикладі), у форматі hsl (hue, saturation, lightness)
- Наступний абзац зробити сірого відтінку (не такого, як у прикладі), у форматі hsl
- Наступний абзац частково прозорим будь-якого відтінку, у форматі rgba
Завдання Формат
https://www.w3schools.com/html/html_formatting.asp
- Важливий текст – за допомогою
<strong></strong>.
- Виділений текст – за допомогою
<em></em>. (emphasize)
- Жирний шрифт – за допомогою
<b></b> (bold).
- Курсив – за допомогою
<i></i> (italic).
<strong> та <b>, а також <em> та <i> відображаються однаково, проте <strong> та <em> використовують, коли потрібно виділити текст, який має особливе значення.
На початок своєї web-сторінки додати такий відформатований текст:
Завдання Списки
https://www.w3schools.com/html/html_lists.asp
- Створити довільний ненумерований список
- Створити довільний нумерований список
- Перед списками розмістити заголовки <h2>, які пояснюватимуть, що це за списки.
- здати zip-архів
Завдання Малюнок
https://www.w3schools.com/html/html_basic.asp
https://www.w3schools.com/html/html_images.asp
- знайти в Інтернеті гарний малюнок, зберегти файл у свою папку і запам'ятати адресу сторінки, звідки цей малюнок
- розмістити збережений малюнок у себе на сторінці (при потребі перейменувати файл)
- вставити під малюнком гіперпосилання на сторінку, звідки було взято малюнок, підписати посилання: "Малюнок"
- до самого малюнку теж приєднати гіперпосилання на відповідну сторінку
- здати zip-архів
Завдання Початок
https://www.w3schools.com/html/html_basic.asp
- створити теку mysite на Робочому столі
- у теці за допомогою Блокнота створити текстовий файл
- написати html-текст веб-сторінки, у якій:
- закладинка браузера повинна називатися вашим прізвищем
- заголовок першого рівня: "Завдання Початок"
- три абзаци:
- як перекладається html
- чому тег <p> так позначається
- що робить тег <a> і чому він так позначається
- файл назвати index.html
- зробити zip-архів теки
Виконуючи завдання з цієї теми, ми створюватимемо сторінки сайту, який зберігатиметься у папці mysite.
Бази даних
Завдання Запити
За допомогою конструктора запитів створити запит з однієї таблиці, запит з двох таблиць і запит з трьох таблиць.
Завдання Форми
Створити одну форму за допомогою майстра форм, і за допомогою конструктора форм одну форму з однієї таблиці і одну форму з двох таблиць.
Завдання База даних
За допомогою системи керування базами даних створити на комп'ютері таблиці своєї бази даних, встановити зв'язки і заповнити таблиці.
Інформаційні технології
Завдання Досліди
На сайті Симуляції ознайомитися з кількома дослідами і описати два з них:
- Як називається
- Що відбувається
- Що сподобалося.
Здати роботу: Створити – Документ.
Завдання Подорож
- Як працює Airbnb і чому так сервіс так називається?
- Обери місце, куди тобі хотілося б подорожувати і знайди помешкання (посилання на сайт).
- Запиши, скільки може коштувати проживання у цьому помешканні.
- Знайди господарів помешкань, що живуть недалеко від місця, де живеш ти.
Здати роботу: Створити – Документ.
Завдання Медицина
- Знайти веб-сторінку, де можна записатися до свого сімейного лікаря. Записати посилання. Знайти сторінку свого сімейного лікаря і написати про це.
- Знайти медичні заклади Білої Церкви, які мають укладені угоди з Національною Службою Здоров'я України і надають безплатні послуги (назвати деякі послуги).
- Як потрібно діяти в разі відмови у наданні безплатних послуг медичними закладами, що уклади угоду з НСЗУ?
- Що можна робити за допомогою додатку Ліки Контроль?
- Що можна робити за допомогою додатку Є Ліки?
Здати роботу: Створити – Документ.
Завдання Сервіси
- Зайти на сайт дистанційних курсів Прометеус.
- Ознайомитися з інформацією.
- Переглянути, які курси пропонуються для вивчення.
- Записати, які з курсів зацікавили і чому.
- Зайти на сайт Тренажер з правопису української мови.
- Ознайомитися з інформацією.
- Пройти будь-який тест.
- Записати назву цього тесту.
- Написати, чи був тест важким.
- Зайти на сайт замовлення квитків Укрзалізниці.
- Ознайомитися з інформацією.
- Спробувати замовити (але не замовляти насправді) два квитка до Львова на 26 вересня.
- Записати, який буде це потяг (номер), який вагон і місце, і скіільки коштуватиме квиток.
Завдання Технології
- Перейдіть на сайт Інформаційна Система Управління Освітою .
- Виберіть Київську область і місто Білу Церкву.
- У меню в лівій частині екрана знайдіть відділ освіти, до якого відноситься наша школа (м. Біла Церква).
- Перейдіть до вкладки ЗЗСО (школи).
- Знайдіть нашу школу.
- Запишіть, на скількох учнів розрахована школа, і скільки в ній учнів.
- Відкрийте сайт GeoGebra.
- Дослідіть можливості і запишіть назви розділів, які вам особливо запам'яталися.
Епохи розвитку суспільства.
Останні зміни: 24 05 2021
