Конспект уроку № 48. Етапи створення веб-сайтів. Конструювання сайтів

16.03
2018

Конспект уроку з інформатики для 9 класу по темі   "Етапи створення веб-сайтів. Конструювання сайтів" за новою програмою, починаючи з 2017 року.

Конспект розроблено згідно чинної програми з інформатики для учнів 9 класу

Урок 48.

Тема: Етапи створення веб-сайтів. Конструювання сайтів.

Цілі:

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

Тип уроку: засвоєння нових знань;

Хід уроку

І. Організаційний етап

  • привітання
  • перевірка присутніх
  • перевірка готовності учнів до уроку

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

Фронтальне обговорення понять «гіпертекст», «сайт», «хостинг», «система керування вмістом», «дизайн», «контент», пов’язаних зі створенням, функціонуванням та обслуговуванням сайтів.

ІІІ. Оголошення теми та мети уроку. Мотивація навчальної діяльності

Слово вчителя. Багато хто з вас мають власні захоплення, якими би хотіли поділитись зі світом: хтось пише вірші, хтось малює, захоплюється сучасним мистецтвом тощо. А чи не виникало у вас бажання створити власний сайт для реалізації своїх ідей? Якщо так, то цей урок саме для вас, бо на ньому ви дізнаєтеся, як за короткий час створити і розмістити в Інтернеті власний сайт, як його обслуговувати, наповнювати, підвищувати рівень відвідуваності.

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

Яку структуру можуть мати сайти?

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

Структура сайта визначає наявність розділів, сторінок, посилань на сторінки, розташування цих елементів та їхній взаємозв’язок.

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

Розглядають внутрішню та зовнішню структуру сайта. Продумана внутрішня структура сайта дає змогу всі необхідні матеріали розташува­ти зручно й доступно в розділах і підрозділах. Навіть якщо сайт містить великий обсяг відомостей, слід розробити таку внутрішню структуру, у якій можна легко зорієнтуватися потенційним клієнтам.

Розрізняють лінійну, ієрархічну та довільну внутрішню структу­ру сайта. Лінійну (послідовну) структуру веб-сайта доцільно використовувати в разі послідовного подання відомостей, наприклад, про товари та послуги або матеріали навчального посібника. Перегляд таких сайтів здійснюється послідовно: від початкової (головної) до останньої сторінки. Кожна сторінка має посилання тільки на одну, наступну сто­рінку сайта. Інколи, для зручності навігації по сайту, до сторінки також додається посилання на попередню сторінку.

При ієрархічній, або деревоподібній, структурі створю­ється одна головна сторінка, яка не має попередніх, решта сторінок має лише одну попередню сторінку.

При довільній структурі кожна сторінка може містити посилання на довільну кількість сторінок сайта. Така структура найкраще підходить для сайтів, що містять різні за тематикою матеріали: каталогів, зібрань статей з різних тем або добірок посилань. Прикладом такої структури є сайт Бібліотека української літератури (www.ukrlib.com.ua).

На практиці майже завжди використовується поєднання дерево­подібної та послідовної структур, тобто гібридна структура. Наприклад, зміст електронної книги або каталог статей починається з ієрархічно розташованих сторінок, але кожний окремий розділ чи стат­тю доцільно розбити на кілька частин, які розташовуються послідовно одна за одною.

 

Завантажити конспект уроку по темі  "Етапи створення веб-сайтів. Конструювання сайтів" 

Бажаєш отримувати нові та цікаві матеріали з сайту?

Заповни форму, подану нижче, і безкоштовно отримуй в свою поштову скриньку все необхідне для уроків!

Залишити коментар

Ваш email не буде опублікований. Обов'язкові поля відмічені *

*

до початку