20 вересня о 18:00Вебінар: Numicon (Нумікон): проста математика для всіх

Використання онлайн-систем конструювання сайтів. Поняття мови розмітки гіпертексту

Про матеріал
Процес створення веб-сайта складається з таких етапів:  визначення теми та мети створення сайта, розробка концепції веб-сайта та його структури;  проведення дослідження з обраної теми;  вибір способу подання і стилю оформлення веб-сторінок;  розмітка та програмування сайта;  наповнення сайта даними;  художнє оформлення сторінок;  розміщення веб-сторінок на сервері;  популяризація сайта та підтримка його роботи.
Перегляд файлу

Тема: Використання онлайн-систем конструювання сайтів. Поняття мови розмітки гіпертексту.

Мета:

  • навчальна: навчити учнів використовувати онлайн-системи для конструювання сайтів; ознайомити з поняттям мови розмітки гіпертексту;
  • розвиваюча: розвивати логічне й алгоритмічне мислення; формувати вміння діяти за інструкцією, планувати свою діяльність, аналізувати i робити висновки;
  • виховна: виховувати інформаційну культуру учнів, уважність, акуратність, дисциплінованість.

Обладнання: комп’ютери кабінету з виходом в мережу Інтернет, мультимедійний проектор, презентація уроку, електронні матеріали

Тип уроку: урок засвоєння нового матеріалу.

ХІД УРОКУ

І. Організація класу до уроку

1) Привітання із класом

2) Повідомлення теми і мети уроку

ІІ. Актуалізація опорних знань учнів

Онлайн тестування: Перейти за посиланням для проходження тесту № 17:

http://testinform.in.ua/category/9-klas/

III. Вивчення нового матеріалу

Пояснення вчителя з елементами демонстрування презентації

(використовується проектор, та матеріал підручника)

У чому полягає процес створення веб-сайта?

Процес створення веб-сайта складається з таких етапів:

  • визначення теми та мети створення сайта, розробка концепції веб-сайта та його структури;
  • проведення дослідження з обраної теми;
  • вибір способу подання і стилю оформлення веб-сторінок;
  • розмітка та програмування сайта;
  • наповнення сайта даними;
  • художнє оформлення сторінок;
  • розміщення веб-сторінок на сервері;
  • популяризація сайта та підтримка його роботи.

Для того щоб сайт відвідувала значна кількість користувачів, потрібно здійснювати заходи щодо його популяризації – «розкрутки». Для цього використовується контекстна й банерна реклама, SEO, SMO та інші методи.

Пошукова система враховує такі параметри сайта при визначенні його релевантності (ступеня відповідності запиту, що вводиться при пошуку):

  • щільність ключових слів;
  • індекс цитування сайта – залежить від кількості й авторитетності веб-ресурсів, які посилаються на цей сайт.

У чому полягає процес створення веб-сайта?

Дизайн веб-сайта – це кропітка робота, яка спирається на знання основних понять дизайну, використання правил ергономіки та врахування таких основних складових веб-дизайну:

  •               форма подання та стиль наповнення сайта, його зміст;
  •               оформлення – графічні елементи, навігація, шрифти, кольорова гамма;
  •               технології – засоби створення, форматування сторінок і надання їх динамізму;
  •               подання – швидкість і надійність відображення сайта в мережі;
  •               мета – причина створення сайта й очікувані результати.

При створенні сайту сайт, слід враховувати:

  • недоцільно використовувати великі анімовані зображення на головній сторінці;
  • не слід використовувати широкі зображення;
  • не варто розміщувати на головній сторінці велику кількість кнопок, емблем каталогів, посилань;
  • недоцільно розміщувати на сторінці «довгі» тексти.
  • не слід робити кольорову гаму занадто яскравою;
  • необхідно перевіряти сайт на наявність помилок;
  • потрібно використовувати правило «п’ятірки»: не більше ніж п’ять шрифтів;
  • не слід використовувати напис Сторінка в розробці – краще прибрати посилання на таку сторінку.

Який вигляд має код розмітки веб-сторінки мовою HTML?

Веб-сторінка реального сайта матиме такі самі складові коду, однак набагато більше тегів і їхніх параметрів. Щоб переглянути цей код, потрібно в меню браузера обрати вказівку Перегляд HTML-коду або скористатися контекстним меню.

  1.             Формування практичних умінь і навичок

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм. (Інструктаж з правил техніки безпеки)

Завдання 3. Працюємо самостійно

Відкрийте головну сторінку з іменем index.html з папки Навчальне середовище\Уроки HTML. Визначте структуру сайта, перегляньте вміст різних розділів. Ознайомтеся з додатковими відомостями про теги й атрибути мови HTML.

Завдання на с. 203 підручника

Завдання 3. Працюємо в парах

Розгляньте приклади дизайну сайтів у презентації Дизайн сайтів з папки Навчальне середовище. Обміняйтесь думками, для яких прикладів дизайн дібрано доцільно. Щоб ви запропонували змінити для покращення сприйняття матеріалу тих сайтів, дизайн яких, на вашу думку, дібрано невдало?

Завдання на с. 202 підручника

  1.               Підсумок уроку

Обговорюємо

  1.    З яких етапів складається процес створення сайта?
  2.    Чи є процес «розкрутки» сайта обов’язковим?
  3.    Які розрізняють види внутрішньої структури веб-сторінок?

Рефлексія

  •   Що нового сьогодні дізналися?
  •   Чого навчилися?
  •   Що сподобалось на уроці, а що ні?
  •   Чи виникали труднощі?
  1. Домашнє завдання Опрацювати п.29.3-29.5

 

 

Зміст слайдів
Номер слайду 1

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 2

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 3

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Ти дізнаєшся:

Номер слайду 4

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Використання онлайн-систем конструювання сайтів. Поняття мови розмітки гіпертексту

Номер слайду 5

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Процес створення веб-сайта. Створення сайтів визначення теми та мети створення сайта, розробка концепції веб-сайта та його структури;проведення дослідження з обраної теми;вибір способу подання і стилю оформлення веб-сторінок;розмітка та програмування сайта;наповнення сайта даними;художнє оформлення сторінок;розміщення веб-сторінок на сервері;популяризація сайта та підтримка його роботи. Етапи створення веб-сайта

Номер слайду 6

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Процес створення веб-сайта. Створення сайтів значна кількість відвідувань користувачівпопуляризації сайту контекстна рекламабанерна реклама SEO просування ресурсу SMO пошукова оптимізація. Розкрутка веб-сайта. Релевантність сайту: щільність ключових слів; індекс цитування сайтаступінь відповідності запиту, що вводиться при пошуку

Номер слайду 7

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Процес створення веб-сайта. Дизайн веб-сайта спирається на знання основних понять дизайну, використання правил ергономіки Створення сайтівформа подання оформлення технології подання стиль наповнення сайта, його зміст графічні елементи, навігація, шрифти, кольорова гаммашвидкість і надійність відображен-ня сайта в мережіМета – причина створення сайта й очікувані результати засоби створення, форматуван-ня сторінок і надання їх динамізму. Основні складові веб-дизайну

Номер слайду 8

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Процес створення веб-сайта. При створенні сайту сайт, слід враховувати: Створення сайтів…доцільно використовувати великі анімовані зображення на головній сторінці;…слід використовувати широкі зображення;…варто розміщувати на головній сторінці велику кількість кнопок, емблем каталогів, посилань;…доцільно розміщувати на сторінці «довгі» тексти;…слід робити кольорову гаму занадто яскравою;…обхідно перевіряти сайт на наявність помилок;..більше ніж п’ять шрифтів (правило «п’ятірки»); ..слід використовувати напис Сторінка в розробці

Номер слайду 9

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Процес створення веб-сайта. Створення сайтів Код розмітки веб-сторінки мовою HTML

Номер слайду 10

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Домашнє завдання. Вивчити §29 п.29.3-27.5 Опрацювати всі запитання і завдання з рубрик Заповнити словничок Етапи створення веб-сайту, веб-дизайн сайту, HTML

Номер слайду 11

Розгадайребус. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк

Номер слайду 12

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Розгадай ребус. САЙТ

Номер слайду 13

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 3. Відкрийте головну сторінку з іменем index.html з папки Навчальне середовище\Уроки HTML. Визначте структуру сайта, перегляньте вміст різних розділів. Ознайомтеся з додатковими відомостями про теги й атрибути мови HTML.

Номер слайду 14

Робота з комп'ютером. Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Завдання 3. Розгляньте приклади дизайну сайтів у презентації Дизайн сайтів з папки Навчальне середовище. Обміняйтесь думками, для яких прикладів дизайн дібрано доцільно. Щоб ви запропонували змінити для покращення сприйняття матеріалу тих сайтів, дизайн яких, на вашу думку, дібрано невдало?

Номер слайду 15

Чашук О. Ф., вчитель інформатики ЗОШ№23, Луцьк. Працюємо за комп’ютером

zip
Додано
8 квітня
Переглядів
188
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку