Конспект уроку № 49. Поняття мови розмітки гіпертексту

22.03
2018

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

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

Урок 49

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

Цілі:

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

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

Хід уроку

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

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

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

Фронтальне обговорення понять: гіпертекст, веб-сторінка.

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

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

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

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

Типова проста веб-сторінка складається з текстових блоків (абзаців, списків, таблиць), кількох малюнків невеликих розмірів, горизонталь­них розмежувальних ліній та гіперпосилань. Більш складні веб-сторінки містять структуровані сторінки, які називають фреймами, елементи управ­ління (кнопки, перемикачі, поля введення), динамічні ефекти та графіч­ні рухомі об’єкти тощо.

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

Крім текстових даних веб-сторінка містить невидимий для користу­вача HTML-код, тобто набір тегів — команд, що визначають розмітку документа. Під час відкриття веб-сторінки браузер використовує цей набір для відображення її елементів у заданій розмітці.

Назва кожного тега — це одна або декілька літер, взятих у кутові дуж­ки (< та >), яким відповідають певні англійські слова, що пояснюють їхнє призначення. Наприклад, назва тега <BODY> виникла від англійського слова body — тіло, головна частина, а сам тег використовується для ство­рення вмісту веб-сторінки.

Тег записують так: <Тег>...текст... </Тег>.

Відкриваючий тег <Тег> позначає місце початку дії тега на сторінці, текст — фрагмент тексту, до якого буде застосовано форматування, за­криваючий тег </Тег> визначає місце закінчення дії тега на сторінці. Пару тегів (відкриваючий і закриваючий) називають контейнером. За­криваючий тег відрізняється від відкриваючого лише тим, що в коді пе­ред його іменем ставиться символ «/». Більшість тегів є парними, однак є й одинарні.

Один тег може мати кілька параметрів — атрибутів. Наприклад,

<Тег параметр_1= значення_1 параметр_2=значення_2 >...текст, що відображається на сторінці... </Тег>.

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

Правила запису параметрів: після назви тега після пропуску зазнача­ється ім’я параметра (наприклад, ALIGN — ім’я параметра, який вказує на спосіб вирівнювання тексту), далі зазначають «=» й у лапках запису­ють значення параметра (наприклад, ALIGN= «center»). За необхідності далі вказують інші параметри через пропуск. Після останнього параме­тра ставлять символ >.

Теги можуть бути вкладеними, тобто один контейнер може перебува­ти всередині іншого, тоді загальний запис виглядатиме так:

<Тег1>...текст...<Тег2>...текст... </Тег2>...текст... </Тег1>. Для підготовки найпростішого htm-файла можна використати тексто­вий редактор Блокнот, після написання коду в якому слід задати ім’я файла та вказати розширення — htm.

 

Завантажити конспект уроку по темі   "Поняття мови розмітки гіпертексту" 

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

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

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

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

*

до початку