Зараз в ефірі:
Вебінар:
«
Порядок передавання документів на зберігання до архіву закладу освіти
»
Взяти участь Всі події

Практична робота з інформатики для учнів 9-10 класів «Створення найпростіших HTML-документів»

Інформатика

Для кого: 9 Клас, 10 Клас

13.04.2020

1506

29

0

Опис документу:
Web-сторінки створюються за допомогою мови розмітки гіпертексту HTML (HyperText Markup Language). Опис web-сторінок міститься в HTML-програмі (HTML-коді), який зберігається у звичайному текстовому файлі з розширенням htm чи html. Програми мовою HTML містять інструкції (коди), що називаються тегами.
Перегляд
матеріалу
Отримати код

ПРАКТИЧНА РОБОТА № 10 «Створення найпростіших HTML-документів»

Завдання 1:

Створити веб-сторінку, яка б містила біографічні дані про автора та 3 графічні зображення, на якій мають бути розміщені наступні об’єкти:

  1. Фонове зображення

  2. Рухомий рядок з прізвищем автора

    • Фон рухомого рядка – жовтий

    • Текст – заголовок 1 рівня

    • Колір тексту – червоний

    • Характер руху – «туди-сюди»

  3. Наступний відповідно відформатований текст:

    • Біографічні дані (заголовок 2 рівня, колір – чорний)

    • Дата народження: (розмір – 5, колір – синій, накреслення – напівжирний, вирівнювання – зліва)

    • Місце народження: (розмір – 4, колір – жовтий, накреслення – курсив, вирівнювання – зліва)

    • Склад сім’ї: (розмір – 4, колір – зелений, накреслення – підкреслений, вирівнювання –зліва)

    • Школа: (розмір – 3, колір – золотий, накреслення – закреслений, вирівнювання – зліва),

    • клас (розмір – 3, колір – золотий, накреслення – напівжирний, курсив, вирівнювання – зліва)

    • Улюблене заняття: (заголовок 3 рівня, колір – рожевий, вирівнювання – справа)

  4. 3 довільних графічних зображення:

    • Зображення 1(висота – 100рх, вирівнювання – зліва)

    • Зображення 2 (ширина – 150рх, вирівнювання – по-центру)

    • Зображення 3 (висота – 200рх, ширина – 100рх, рамка – 10рх, вирівнювання –справа)

  5. Зберегти сторінку у свою папку Прізвище\Pract, файл назвати Практична10.html

Завдання 2:

Створити веб-сторінку, на якій мають бути розміщені наступні об’єкти:

  1. Фонове зображення

  2. Рухомий рядок з прізвищем автора

  3. Таблиця за зразком

Сонячна система

Планета

Супутники

Земля

Місяць

Марс

Фобос

Деймос

Юпітер

Іо

Європа

Ганімед

Каллісто

Сатурн

Титан

Феба

Каліпсо

Тефея

  1. Список за зразком:

Сонячна система:

  1. Земля

    • Місяць

  2. Марс

    • Фобос

    • Деймос

  3. Юпітер

    • Іо

    • Європа

    • Ганімед

    • Каллісто

  4. Сатурн

    • Титан

    • Феба

    • Каліпсо

    • Тефея

5. Зберегти сторінку папку Прізвище\Pract, файл назвати Практична10_2.html

ПРАКТИЧНА РОБОТА № 11 «Зв’язування веб-сторінок за допомогою гіперпосилань»

Завдання 3:

Створити Веб-сторінки сайту своєї робочої групи:

Сайт вашої групи

Сайт «Фірма «Імперія»

Сайт « Світ захоплень»

Сайт «Місто Ірпінь»

Сайт «Сім чудес на карті України»

Сайт «Туристична фірма «Україна»

Створити 3 web-сторінки, користуючись схемою:

Вказівки:

  1. На кожній сторінці має бути супроводжуючий текст

  2. Пункти 1 і 2 сторінки 1 є посиланнями на сторінки 2 і 3 відповідно

  3. На одній зі сторінок має бути рухомий рядок

  4. На сторінці 2 потрібно створити таблицю, а на сторінці 3 – помістити малюнок

  5. На сторінках 2 і 3 мають бути посилання на сторінку 1

  6. Кожна сторінка повинна мати фон.

Оцінювання: максимальна кількість балів за кожну сторінку – 4

Відображення документу є орієнтовним і призначене для ознайомлення із змістом, та може відрізнятися від вигляду завантаженого документу.