58026

Мова програмування HTML. Теги для роботи з фоном. Теги для задання кольору

Конспект урока

Педагогика и дидактика

Мета уроку: Навчальна: закріпити знання учнів про команди мови теги HTMLтехнологію створення HTMLфайлу ознайомити учнів з тегами для роботи з фоном та тегами для задання кольору навчити створювати найпростіші вебсторінки...

Украинкский

2014-04-18

52 KB

2 чел.

Тема уроку:  Мова програмування HTML

Теги для роботи з фоном. Теги для задання кольору.

Мета уроку:

  •  Навчальна: закріпити знання учнів про команди мови (теги) HTML,технологію створення HTML-файлу, ознайомити учнів з тегами для роботи з фоном та тегами для задання кольору, навчити створювати найпростіші веб-сторінки
  •  Розвивальна: розвивати вміння порівнювати,виділяти суттєве,самостійно здобувати та застосовувати здобуті знання.
  •  Виховна: виховувати навички колективної праці на основі творчого та інтелектуального розвитку кожного учня

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

Обладнання: мультимедійний комплекс(проектор,ноутбук), картки із завданнями.

Хід уроку:

Організаційний момент.

І. Мотивація навчальної' діяльності учнів

  •  Мандруючи просторами Інтернету чи задумувалися ви над тим, чому одна сторінка має привабливий вигляд, а інша не дуже?
  •  Чому один текст виділений одним кольором, а другий іншим і якими засобами мови HTML це можна зробити?
  •  Чи можна для оформлення фону(тла) веб сторінки використати графічний об'кт?

На всі ці питання ми сьогодні на уроці знайдемо відповідь.

  1.  Оголошення, представлення теми та очікуваних навчальних результатів

Отже, тема нашого уроку «Мова програмування HTML.

Теги для роботи з фоном.Теги для задання кольору»

  •  Мета уроку; закріпити знання учнів про команди мови (теги) HTML,технологію створення HTML-файлу, ознайомити учнів з тегами для роботи з фоном та тегами для задання кольору, навчити створювати найпростіші веб-сторінки

Після цього уроку учні зможуть:

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

Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом.

Ім’я такого файла звичайно має розширення.htm чи.html

Створення HTML-документа відбувається розташуванням тегів (команд) мови HTML всередині звичайного неформатованого тексту.

Теги HTMLце послідовності символів, які починаються знаком «менше» (<) і закінчуються знаком «більше» (>). Теги можуть мати атрибути, які, в свою чергу, можуть приймати певні значення.

Правила роботи в  мові розмітки документа HTML

Пробіли та інші «невидимі символи» ігноруються.

Теги форматування можуть бути написані великими або малими літерами.

Більшість тегів форматування пишуться парами.


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

Позначення HTML-документа

<HTML>... < /HTML> - включають в себе всі інші теги HTML і весь інформаційний зміст документа.

<HTML> розташовується у першому рядку документа;

< /HTML> - у останньому рядку.

Заголовок документа

<HEAD>... </HEAD> - містить інформацію про документ.

Назва документа

<TITLE>... </TITLE> - назва документа, яка відображається в рядку заголовка internet Explorer.

Тіло документа

<BODY>,..</BODY> - тіло документа містить весь текст з інформацією і всі теги HTML, які використовуються для форматування тексту.

IV. Інтерактивні вправи

Робота в групах

(вчитель об’єднує учнів в групи за порами року(осінь, зима весна, роздає картки із завданням (див.додатки 1, 2, 3)

При розробці сторінок можна використати теги з атрибутами, які впливають на колір фону і тексту сторінки.

Колір фону і тексту може задаватись шістнадцятковими значеннями RRGGBB (Red, Green, Blue) червоного, зеленого і синього кольорів відповідно або позначеннями кольорів англійською мовою.  наприклад:

Червоний  Red            #FFOOOO

Зелений Green         #OOFFOO

Синій   Blue           #OOOOFF

Тег <BODY> містить список додаткових параметрів, які управляють використанням фонових зображень і визначають кольори гіпертекстових посилань і тексту.

Атрибути тегу <BODY>

BGCOLOR                                             Задає колір фону

TEXT Задає колір тексту

BACKGROUND                                    Визначає зображення, яке використовується як фонове.

Для визначення кольору фону документа тег <BODY> записується таким чином:

<BODY BGCOLOR=#FFOOOO> або

<BODY BGCOLOR=RED> - фон документа буде червоного кольору.

<BODY TEXT=RED> - колір тексту в документі буде червоним.

Атрибути можуть бути записані одночасно:

<BODY BGCOLOR=RED TEXT=WHITE> - колір фону червоний, колір тексту - білий.

Завдання (група «Осінь»)

Дайте відповіді на питання(письмово в зошитах)

1.Який атрибут тегу<BODY>  використовується для оформлення кольором фону веб-сторінки?

2.Як може задаватись колір в тегах для оформлення фону,тексту?

Завдання(група «Зима»)

Дайте відповіді на питання:

1.Який атрибут тегу<BODY>  використовується для оформлення кольором тексту веб-сторінки?

2.Як може задаватись колір в тегах для оформлення фону?

Завдання(група «ВЕСНА»)

Дайте відповіді на питання:

1.Який атрибут тегу<BODY>  використовується для оформлення кольором фону  і одночасно тексту веб-сторінки?

2.Як може задаватись колір в тегах для оформлення фону, тексту?

Робота за комп`ютером

За даним алгоритмом і шаблоном створити свою першу веб-сторінку задати.Кольори фону та тексту задати за власним бажанням

Структура  HTML-документа має вигляд

<HTML>

   <HEAD>

      <TITLE> Тестова сторінка</TITLE>

   </HEAD>

   <BODY>

         Моя перша веб-сторінка і вона мені дуже подобається!

    </BODY>

</HTML>

Порядок створення Web-документа:

У головному меню WINDOWS вибрати пункт Пуск-Программы -Стандартные -Блокнот.

Ввести структуру документа

3.  Зберегти   створений   документ,   обов'язково надавши йому розширення *.htm

4.  Перевірити вигляд створеної гіпертекстової сторінки. Для перевірки одержаної сторінки завантажити Internet Explorer, відкрити меню File,  вибрати команду Open file, завантажити створений файл.

5 Для внесення змін повернутись до програми Блокнот,  внести зміни,  зберегти файл.

6. Активізувати Internet Explorer, натиснути кнопку Обновить.

v.Підбиття підсумків.Оцінювання результатів

VI.Домашнє завдання

Вивчити теоретичний матеріал та підготуватись до практичної роботи


 

А также другие работы, которые могут Вас заинтересовать

81440. Изменение активности ферментов при болезнях. Наследственные энзимопатии. Происхождение ферментов крови и значение их определения при болезнях 148.67 KB
  Происхождение ферментов крови и значение их определения при болезнях. В основе многих заболеваний лежат нарушения функционирования ферментов в клетке энзимопатии. Проявление альбинизма связано с недостаточностью фермента тирозингидроксилазы тирозиназы одного из ферментов катализирующего метаболический путь образования меланинов Накопление субстратовпредшественников.
81441. Применение ферментов для лечения болезней. Применение ферментов как аналитических реагентов при лабораторной диагностике (определении глюкозы, этанола, мочевой кислоты и т.д.). Иммобилизованные ферменты 119.31 KB
  Применение ферментов как аналитических реагентов при лабораторной диагностике определении глюкозы этанола мочевой кислоты и т. Один путь использование ферментов в качестве избирательных реагентов для открытия и количественного определения нормальных или аномальных химических веществ в сыворотке крови моче желудочном соке и др. например выявление при помощи ферментов глюкозы белка или других веществ в моче в норме не обнаруживаемых.
81442. Обмен веществ: питание, метаболизм и выделение продуктов метаболизма. Органические и минеральные компоненты пищи. Основные и минорные компоненты 112.57 KB
  Но она является незаменимым элементом в пище людей которые нуждаются во внешних источниках аскорбиновой кислоты известной как витамин C в контексте питания. гипервитаминоза. Дважды Нобелевскийлауреат Лайнус Полинг о витамине B3 известном также как ниацин и ниацинамид както сказал: Меня ошеломила его очень низкая токсичность при том что он оказывает такое значительное физиологическое влияние. Витамины биотин витамин B7 витамин H холин витамин Bp фолат фолиевая кислота витамин B9 витамин M ниацин витамин B3 витамин...
81443. Основные пищевые вещества: углеводы, жиры, белки, суточная потребность, переваривание; частичная взаимозаменяемость при питании 107.95 KB
  Углеводы выполняют структурную функцию то есть участвуют в построении различных клеточных структур выполняют пластическую функцию хранятся в виде запаса питательных веществ а также входят в состав сложных молекул. Углеводы являются основным энергетическим материалом. Углеводы участвуют в обеспечении осмотического давления и осморегуляции.
81444. Незаменимые компоненты основных пищевых веществ. Незаменимые аминокислоты; пищевая ценность различных пищевых белков. Линолевая кислота - незаменимая жирная кислота 109.43 KB
  Как было показано выше основным источником аминокислот для клеток организма являются белки пищи. Белки не являются незаменимыми пищевыми факторами они являются источниками содержащихся в них незаменимых аминокислот необходимых для нормального питания. Белки значительно различаются по аминокислотному составу. Растительные белки особенно пшеницы и других злаковых полностью не перевариваются так как защищены оболочкой состоящей из целлюлозы и других полисахаридов которые не гидролизуются пищеварительными ферментами.
81445. История открытия и изучения витаминов. Классификация витаминов. Функции витаминов 110.79 KB
  Классификация витаминов. Функции витаминов. Ныне известно что куриная слепота может вызываться недостатком витамина .
81446. Алиментарные и вторичные авитаминозы и гиповитаминозы. Гипервитаминозы 107.12 KB
  С нарушением поступления витаминов в организм связаны 3 принципиальных патологических состояния: недостаток витамина гиповитаминоз отсутствие витамина авитаминоз и избыток витамина гипервитаминоз. Примеры авитаминозов: Авитаминоз С Цинга недостаток витамина C приводит к нарушению синтеза коллагена соединительная ткань теряет свою прочность. Авитаминоз D Рахит специфическая функция витамина D заключается в регуляции процессов всасывания кальция фосфора в кишечнике и отложения их в костную ткань а также реабсорбции кальция и...
81447. Минеральные вещества пищи. Региональные патологии, связанные с недостаточностью микроэлементов в пище и воде 104.17 KB
  В настоящее время 14 микроэлементов признаны необходимыми для жизнедеятельности: железо медь марганец цинк кобальт йод фтор хром молибден ванадий никель стронций кремний селен. При его недостатке часто возникают боли в суставах которые иногда ошибочно принимают за проявления ревматизма ЖЕЛЕЗО FeНедостаток железа в питании может вызвать анемию малокровие. В сочетании с белком железо образует красящее вещество крови гемоглобин а так как процесс распада и образования кровяных телец непрерывен то железо должно поступать в...
81448. Понятие о метаболизме и метаболических путях. Ферменты и метаболизм. Понятие о регуляции метаболизма. Основные конечные продукты метаболизма у человека 105.69 KB
  Обычно в метаболических путях есть ключевые ферменты благодаря которым происходит регуляция скорости всего пути. Регуляция количества молекул фермента в клетке Известно что белки в клетке постоянно обновляются. Регуляция синтеза белка может происходить на любой стадии формирования белковой молекулы. Что касается распада ферментов то регуляция этого процесса менее изучена.