Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

8 клас Розділ 4 Створення та публікація веб-ресурсів

 

Зміст 👇
Урок 48. Поняття мови гіпертекстової розмітки. Тег та його атрибути. Валідація сторінок. Теги створення елементів вебсторінки: зображень, списків, таблиць
 Урок 50. Теги й атрибути. Створення простої веб сторінки. Виконайте практичну роботу за комп'ютером. 
Урок 52. Веб 2.0 і соціальні сервіси. Соціальні мережі. Поняття блогів. Створення блогу.
Урок 54. Планування веб-сайту, дизайн веб-сторінки, принципи розміщення контенту



Урок 48. Поняття мови гіпертекстової розмітки. Тег та його атрибути. Валідація сторінок. Теги створення елементів вебсторінки: зображень, списків, таблиць



http://htmlbook.in.ua/htmledit.html


Урок. Покликання та форми. Мультимедіа на вебсторінках. Поняття таблиці каскадних стилів. Інструменти розробника. Стильове оформлення сторінки.Підключення шрифтів




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

Урок 49. Мова описання гіпертекстових документів. Теги й атрибути. Створення простої веб сторінки.
1. Ознайомтесь з презентацією та запишіть основні визначення в зошит.

Перейдіть за посиланням 👉 Блокнот

Зразок першої стрінки.

<!doctype html>
<html>
<head>
<meta  charset="uff-8">
<title>Перша веб-сторінка</title>
<!head>
<body>
<p>Привіт!</p>
</body>
</html>

Практична робота 
 
Картинка для завантаження 👉 Дерево




Приклад реалізації поданого звдання.
Якщо працювати в блокноті
Якщо працювати в Replit

Урок 50. Теги й атрибути. Створення простої веб сторінки.
Виконайте практичну роботу за комп'ютером.







Урок 52. Веб 2.0 і соціальні сервіси. Соціальні мережі. Поняття блогів. Створення блогу.
1. Перегляньте відео урок.


Практична робота "Мої захоплення"
Перед виконанням роботи перегляньте відео


Хід роботи:
Завдання 1.
Створити та налаштувати особистий блог.
Завдання 2.
Написати перші 2 дописи у блозі. Наявність малюнка в кожному дописі обов'язкова.
Завдання 3.
Створіть три сторінки, на яких детальніше опишіть свої три захоплення, проілюструйте їх зображеннями чи додайте посилання на відео, що розміщені на YouTube.
Завдання 4.
Додати декілька гаджетів у своєму блозі. Наприклад, Кількість переглядів сторінки, Контактна інформація, Перекладач та ін.
Завдання 5
Посилання на опублікований блог надішліть вчителеві на електронну адресу
irishu4ka@gmail.com (Ірина Вікторівна) або bidenkoalla1977@gmail.com (Алла Петрівна)
Завдання 6
Виконайте тест

 

Урок 54. Планування веб-сайту, дизайн веб-сторінки, принципи розміщення контенту
1. Перегляньте презентацію та впишіть основні поняття в зошит.


    Однією з найпопулярніших послуг мережі Інтернет є Веб – всесвітня павутина, котра містить сотні тисяч файлів - веб-сторінок, пов’язаних між собою посиланнями. І якщо ще років 10 тому для створення власної сторінки потрібно було володіти докладними знаннями в області веб-дизайну, зараз це під силу будь-якому користувачеві Інтернету. У цьому розділі ми розглянемо деякі принципи, технології та інструменти веб-дизайну та створимо власний сайт з кількох сторінок. 

Передусім, пригадаємо – що таке Інтернет та Веб. Отож, Інтернет – це сукупність мереж, котрі з’єднують комп’ютери по всьому світу. Веб – це служба Інтернету на основі гіпертексту: пов’язаних гіперпосиланнями документів, котрі зберігаються на серверах. Кожен такий сервер – це спеціальним чином налаштований комп’ютер, котрий може надавати певні послуги: робота з електронною поштою, доступ до файлів чи наприклад принтера, доступ до облікових записів на комп’ютерах локальної мережі – або до веб-документів.
2. Перегляньте відео та виконайте практичну роботу 
Матеріали до сайту  ТУТ






Поняття комп’ютерної публікації  

    
Вправа 1

Вправа 2
 


Урок: Веб сайти. Типи сайтів.

Вправа 1
Вправа 2
Вправа 3
Вправа 4


Немає коментарів:

Дописати коментар

Примітка: лише член цього блогу може опублікувати коментар.

Підписатися на: Коментарі (Atom)