53405

Оформлення тексту в HTML – документі

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

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

Хід уроку Перед початком уроку на учнівські комп’ютери та робоче місце вчителя має бути розміщено папки : Організаційний момент Актуалізація опорних знань Учитель пропонує учням виконати завдання “Магічний квадрат. Завдання має бути виведене на інтерактивну дошку а кожен учень повинен отримати картку з наступним текстом : Юний друже Для виконання даного завдання знайди файл що міститься за наступною адресою : C: Documents nd Settings Учень Рабочий стол HTML Урок _3 mgic. Бажаю успіху D O C T I T H B T B D L E H Y G T...

Украинкский

2014-02-26

234 KB

0 чел.

Тема уроку :  Оформлення тексту в HTML – документі

Назва уроку :  Краса врятує світ ?

Мета уроку : сформувати в учнів уявлення про основні засоби мови НТМЛ;  побудувати  засобами мови розмітки гіпертексту просту сторінку; формувати навички форматування тексту в НТМЛ – документі, вносити корективи в НТМЛ- код .

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

Хід уроку

Перед початком уроку  на  учнівські  комп’ютери та робоче місце вчителя має бути розміщено папки :

  1.  Організаційний момент
  2.  Актуалізація опорних знань

Учитель пропонує учням виконати завдання “Магічний квадрат». Завдання  має бути виведене на інтерактивну дошку, а кожен учень повинен  отримати картку з наступним текстом :

«Юний друже!

Для виконання даного завдання знайди  файл , що міститься за наступною адресою :

C:\Documents and Settings\Учень\Рабочий стол\HTML\Урок _3\magic. xls

У файлі ти знайдеш магічний квадрат , що містить оператори мови НТМL. Теги, що є на твою думку парними,  зафарбуй червоним кольором, непарні теги – синім, атрибути тегів – зеленим кольором.

Примітка.

Слова можуть читатись як зліва направо , так і справа наліво. У квадраті міститься тег, який складається з невикористаних букв. Зафарбуй його жовтим кольором. Приготуйся пояснити свій вибір. Бажаю успіху!»

D

O

C

T

I

T

H

B

T

B

D

L

E

H

Y

G

T

E

A

T

P

C

E

Y

D

M

E

O

X

T

O

L

!

L

O

R

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

  1.  Мотивація навчально-пізнавальної діяльності

На інтерактивну дошку вчитель виводить зразок   веб-сторінки з файлу

C:\Documents and Settings\Lara\Рабочий стол\HTML\Урок_3\вчитель\POVTOR.htm.

Учні встановлюють за допомогою яких тегів була створена дана сторінка. Поруч за допомогою заздалегідь приготованого надрукованого набору тегів та слів учні будуть НТМL –код сторінки :

<HTML>

<HEAD>

<TITLE> повторення </TITLE>

</HEAD>

<BODY text= "000000" bgcolor="008000">

ФОРМАТУВАННЯ ТЕКСТУ 

</BODY>

</HTML>

Запитання до класу :

1.  Які спільні риси документів , виконаних у Word Pad, MS Word та на мові   розмітки  гіпертексту HTML  ви можете назвати ?

2. Яка операція називається форматуванням і що вона передбачає?

Учитель просить учнів звернути увагу на  екранну заставку ( файл заставка.bmp)  і наголошує  на запитанні, відповідь на яке учні повинні дати  протягом уроку: «Яким чином  можна  оформлювати текст у НТМL?»

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

В ході бесіди  учні разом з учителем опрацьовують таблицю, що міститься   у файлі   таблиця.doc  на робочому місці вчителя та учнів. Вони повинні порівняти  особливості форматування текстів у Word Pad, MS Word та на мові   розмітки  гіпертексту HTML.

 

Операції

Word Pad

MS Word

HTML

Створення заголовків

?

?

<H1>Заголовок першого рівня</H1>

<H6>Заголовок шостого рівня</H6>

Створення абзаців

?

?

<P>…</P>

?

?

?

<P ALIGN=LEFT> по лівому краю </P>

<P ALIGN=CENTER> По центру </P>

<P ALIGN=RIGHT> По правому краю </P>

<P ALIGN=JUSTIFY>вирівнювання по ширині </P>

Перехід на новий рядок без створення абзаців

?

?

<BR>

Форматування символів тексту:

Напівжирний шрифт

Курсив

Підкреслення

Підрядковий шрифт

Надрядковий шрифт

Перекреслення

Великий шрифт

Малий шрифт

?

?

<B></B> 

<I>…</I>

<U>…</U>

<SUB>…</SUB>

<SUP>…</SUP>

<STRIKE>…</STRIKE>

<BIG>…</BIG>

<SMALL>…</SMALL>

  1.  Закріплення нового матеріалу

Учням пропонують відкрити файл urok_3.htm,  колективно  виконуються  наступні завдання , учні роблять відповідні висновки.

Завдання 1
Який вигляд матиме веб-сторінка після застосування такого HTML – коду?
Де можна застосувати вказані елементи?

<font size="1"> информатика </font>

<P ALIGN=LEFT> краща </P>

<U>з усіх</U>

<U><B> <I>наук</I></B></U>

<SUB>цікаво</SUB>

<STRIKE>правильно</STRIKE>

<SMALL>хлопчик - мізинчик</SMALL>

Завдання 2


Знайди помилки в НТМ
L-коді.  Розв'яжи задачу.
Спрогнозуйте як виглядатиме виправлена сторінка у броузері?

<!—прекрасна незнайомка-->
<html>
<head>
<<title>задача</title>
</head>
<body>
<font face=Verdana,Sans-serif size="2" color="#000000">
<b>Прекрасна <
u> незнайомка</b><p>
у 1963 році Дуглас Енджельбарт створив програмний діалоговий інтерфейс і<BIG > її. </BIG>У 1983 році <BIG > вона </BIG> коштувала 200$ разом з адаптером та драйвером. Вона може спілкуватись навіть по радіо або через інформаційний канал.  Хто ця прекрасна незнайомка? > !
<center>
</center>
</font>
</body>
</html>

 Вчитель пропонує учням  оцінити  ступінь засвоєння матеріалу прикріпивши до  монітора стікер відповідного кольору : червоний  - « все зрозуміло» , зелений – «зрозуміло практично все», жовтий – «нічого не зрозуміло».

  1.  Виконання самостійної роботи

Учні отримують наступне завдання для самостійної роботи, яке міститься у файлі urok_3.htm

Завдання 1

Друже!

На робочому столі в якості заставки ти бачиш  веб- сторінку. Відкрий Блокнот та набери НТМЛ – код, що дозволить відтворити таку сторінку.

Завдання 2

Додайте  до вмісту сторінки  наступні фрази оформивши за зразком :

Людині властиво помилятися, а ще більшезвалювати  провину за свої помилки на комп'ютер.

Завдання 3

Застосуйте до наступних виразів наступні теги :   <HR>, <EM>…</EM>/ Поясніть їхню дію на фрагмент тексту, до якого вони застосовані.

Комп'ютери полегшують дуже багато чого, однак більшість того, що вони полегшують, взагалі не треба робити ( народна мудрість)

Дійсна небезпека не в тім, що комп'ютер почнуть мислити як люди, а в тім, люди почнуть мислити як комп'ютери ( мудра  думка)

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

Учні разом з вчителем виконують перевірку виконаного завдання. якщо перше завдання виконано повністю правильно учні прикріплюють  стікер жовтого кольору, якщо вірно виконано завдання №2 – зеленого кольору, завдання № 3 – стікер червоного кольору.

Учні узагальнюють вивчене  і відповідають на наступні запитання :

  1.  Чому було вибрано саме таку назву уроку?
  2.  Говорять , що існують правила хорошого тону для веб-дизайнерів.  Чи можете ви  їх сформулювати ?

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

  1.  Домашне завдання

Домашне завдання міститься на слайдах  у файлі urok_3.htm

Опрацювати  § 5 п. 6

У якості довідкового посібника  можна використати файл C:\Documents and Settings\Lara\Рабочий стол\HTML\Урок _3\учень\webdes.chm

Створрти власну веб-сторінку, розмістивши там відомості про себе. До тексту застосувати наступні ефекти :

ПІБ - Times New Roman, 14 пт,колір – чорний,  

дата народження – курсив,

місце навчання – напівжирний,

місце проживання – підкреслений,

відомості про батьків – шрифтом Arial , розмір 3, колір – зелений,

колір сторінки – жовтий.

Додайте вираз або цитату, що є девізом Вашого життя. Оформіть її належним чином.

Використана література:

  1.  Інформатика 10-11 /Глинський Я.М. –Львів, 2006 – с.264
  2.  НТМЛ в примерах. Как создать  свій Web-сайт/Дрилакин В.В. –Диалектика. Москва,2005, - с.190
  3.  Web – програмування в школа / Рамський Ю.С..- Богдан,2006,-  с.200

PAGE  1

НТML

Учень

Вчитель

magic. xls

таблиця.doc

urok_3. ppt

webdes.chm

magic. xls

magic_vidpovid. xls

таблиця.doc

urok_3. ppt

webdes.chm

заставка.bmp

povtor.htm


 

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

76472. Понятие недействительности брака и основания признания брака недействительным 15.31 KB
  С момента государственной регистрации заключения брака в органах загса. Основания для признания брака недействительным установлены в п. Заключение брака при отсутствии условий установленных законом для заключения брака: взаимного добровольного согласия лиц вступающих в брак и достижения ими брачного возраста если этот возраст не был снижен в порядке установленном законом ст.
76473. Отличие расторжение брака от признания брака недействительным 15.84 KB
  Отдельные же из них в виде исключения продолжают существовать и после расторжения брака. Различен порядок расторжения брака и признания его недействительным. Поразному определяется круг лиц имеющих право обратиться с иском о расторжении брака и признании его недействительным.
76474. Общая совместная собственность супругов и её состав 15.86 KB
  Супруги в брачном контракте могут отнести это имущество либо к общей долевой собственности либо к раздельной собственности каждого из них. Что касается имущества принадлежавшего каждому из супругов до вступления в брак то оно как и прежде признается их раздельной собственностью Аналогичный правовой режим распространяется на имущество полученное одним из супругов во время брака в дар или по наследству а также на вещи индивидуального пользования кроме предметов роскоши хотя бы они и были приобретены во время брака за счет общих...
76475. Личные неимущественные права и обязанности супругов 15.65 KB
  Право супругов на равенство при решении вопросов: – воспитания и образования детей; – отцовства и материнства; – планирования семьи; – распределения семейного бюджета; – ведения домашнего хозяйства; – других вопросов семейной жизни; 5 иные права предусмотренные семейным законодательством. К личными неимущественным правам тесно примыкают такие обязанности супругов как: обязанность не препятствовать другому супругу в осуществлении им личных...
76476. Собственность каждого из супругов (раздельное, индивидуальное имущество) 16.72 KB
  Например дом приобретенный на деньги полученные от продажи квартиры принадлежащей одному из супругов до брака. Семейное законодательство относит к раздельному имуществу супругов не только имущество полученное в дар или по наследству но и имущество полученное по иным безвозмездным сделкам. К этому виду приобретений прежде всего следует отнести имущество полученное в порядке безвозмездной приватизации например при безвозмездной приватизации квартиры одним из супругов.
76477. Осуществление супругами правомочий по владению, пользованию и распоряжению общим имуществом 14.94 KB
  Особенностью совместной собственности супругов является то что владение пользование и распоряжение общим имуществом супругов осуществляется по обоюдному согласию супругов п. В настоящее же время в отсутствие специальных правил единственным выходом для супругов которые не могут самостоятельно договориться по вопросу осуществления правомочий владения и пользования общим имуществом является раздел имущества который предполагает прекращение совместной собственности и возникновение общей долевой собственности. Определив свою долю в общем...
76478. Раздел общего имущества супругов: Соглашение о разделе имущества супругов 17.81 KB
  256 ГК РФ имущество нажитое во время брака супругами является их совместной собственностью а имущество которое принадлежало супругам до брака является имуществом каждого из супругов и разделу не подлежит за исключением случаев когда имущество одного из супругов признано судом общим имуществом супругов. 38 СК РФ устанавливает что общее имущество супругов может быть разделено как в течение брака так и после расторжения брака по требованию любого из супругов. Также общее имущество супругов может быть разделено по требованию кредиторов...
76479. Определение долей супругов при разделе имущества в судебном порядке 15.66 KB
  В соответствие с этим совершенно логично звучит принцип равенства долей супругов при разделе общего имущества закрепленный в п. Если договором между супругами не установлено иное то по закону по умолчанию каждый из супругов является собственником доли общего имущества в размере 1 2 части. Как уже упоминалось выше тот факт что один из супругов по уважительной причине не имел источника постоянного дохода или по совместному согласию занимался домашним хозяйством и воспитанием детей не дает никаких оснований уменьшать долю при разделе...
76480. Вопросы, разрешаемые судом при расторжении брака. Момент прекращения брака при разводе 16.15 KB
  24 СК РФ разрешить и другие вопросы: а с кем из родителей будут проживать несовершеннолетние дети после развода; б о взыскании с родителей средств на содержание детей; в о взыскании средств на содержание нетрудоспособного нуждающегося супруга; г о разделе имущества находящегося в общей совместной собственности супругов. Не вызывает сомнения что все перечисленные вопросы являются весьма важными для разводящихся супругов. 24 СК РФ требования об учете интересов детей и каждого из супругов например размер алиментов на несовершеннолетних...