Перегляд вихідного коду сторінки Глобальна мережа Інтернет.3.2.1

=Мета:=

''Навчальна:'' Сформувати в учнів знання про Web – сторінку і використання для її створення спеціальної мови розмічування гіпертексту -  HTML.

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

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

=Хід уроку=

'''''I.Організаційна частина.'''''

#привітання з учнями 
#перевірка присутності учнів на уроці
#призначення чергових.

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

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

Увійдіть у текстовий редактор WordPad або Блокнот і наберіть такий текст:

'''<HTML>'''

'''<HEAD>'''

'''<TITLE>Моя перша Web-сторінка </TITLE>'''

'''</HEAD>'''

'''<BODY> Це мій перший HTML - документ</BODY>'''

'''</HTML>'''

Збережіть файл як текстовий під іменем first.htm в робочій папці. Відкрийте тепер цей файл у вікні браузера Internet Explorer. Для цього ввійдіть в Internet Explorer, виберіть команду '''Открыть''' меню '''Файл''' і скористайтесь кнопкою '''Обзор''' для пошуку файла '''first.htm'''.
 
Заголовок обмежується дескрипторами <HEAD> і </HEAD>, а тіло – дескрипторами <BODY> і </BODY>. У заголовку, звичайно, розміщується назва Web – сторінки. Ця назва обмежується дескрипторами <TITLE> і </TITLE>. Тіло містить текст Web – сторінки, елементи мультимедіа, гіперпосилання.
 
Для виділення заголовків на Web – сторінці використовують дескриптори < H1 >,< /H1 > - для заголовків першого рівня, < H2 >,< /H2 > - для заголовків другого рівня.

Щоб поділити текст на абзац, використовується дескриптор < P >. Дескриптор < /P >  є необов’язковим. Дескриптор розриву рядків < BR >. Спосіб вирівнювання задається у дескрипторі заголовка або абзацу за допомогою параметра ALIGN (вирівняти), який може набувати трьох значень: CENTER(по центру), LEFT(по лівому краю), RIGHT(по правому краю). Наприклад, < P ALIGN=RIGHT> цей абзац буде вирівняно по правому краю або < H2 ALIGN=CENTER>цей заголовок буде розташовано у центрі сторінки < /H2 >. Для визначення посилань використовується дескриптор < A >,< /A >.

Загальний формат посилання такий:
 
< A HREF=”шлях або URL”>текст посилання < /A >.

Якщо Web – сторінка, на яку робиться посилання, перебуває на тому самому сервері, що й створювана, немає потреби задавати доменне ім’я. Просто вкажіть шлях до файла. Наприклад, посилання
< A HREF=”mylast.htm”>моя попередня сторінка < /A > зв’яже слова «моя попередня сторінка» з файлом '''mylast.htm''', який розташовується в поточному каталозі. При клацанні на цих словах відкриється вказаний у лапках файл.
Для включення у Web – сторінку графічного зображення використовується дескриптор < P > Це мій улюблений кіт <IMG SRC=”cat.gif”>.

'''''V.Виконання завдання на засвоєння теорії.'''''

Створіть Web – сторінку під назвою «Мої друзі» з інформацією про них. Розділіть усю інформацію на дві частини: дата народження і місце проживання. Вирівняйте всі назви по центру. Використайте заголовки другого рівня для назв частин. У кінці сторінки наведіть список друзів (кожне прізвище на новому рядку ). Збережіть сторінку у файлі myfriends.htm.

'''''VI.Підведення підсумків уроку.'''''

Отже, підведемо підсумок сьогоднішнього уроку. А сьогодні ми детальніше ознайомились із глобальною мережею Інтернет. А саме, дізналися, що потрібно для того, щоб створити Web – сторінку, використовуючи для цього спеціальну мову розмічування гіпертексту – HTML.

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

[[Категорія: Інформатика]]
[[Категорія: Інтернет Конспекти уроків]]