Урок №10 по HTML

ТЕМА: "Контрольна робота по темі 
"Мова розмітки тексту мова HTML"

МЕТА УРОКУ: перевірити рівень засвоєння теоретичного матеріалу теми та рівень умінь застосовувати вивчене в знайомих і змінених ситуаціях.

Контрольна робота

Урок по HTML

Питання по підготовці до контрольної роботи

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

1.     Які редактори призначені для створення та редагування Web-сторінок?

2.     Які програми призначені для перегляду Web-сторінок?

3.     З чого складається HTML-документ? Що таке тег? Які існують теги?

4.     Чим відрізняється поняття «текстовий коментар» і «коментар»?

5.     Яка структура HTML-документа?

6.     Яким рядком бажано починати описувати Web-сторінку?

7.     Для чого призначений розділ заголовка документа?

8.     Яким тегом починається тіло документа?

9.     Для чого призначені атрибути?

10.  Які атрибути задаються в розділі {body}?

11.  Які є типи списків?

12.  Як створити ненумерований список?

13.   Як створити нумерований список?

14.  Як створити список означень?

15.   Яке призначення тега TABLE?

16.  Які параметри може мати тег TABLE?

17.   Які теги формують у таблиці рядки, клітинки-заголовки і звичайні клітинки?

18.  Як у таблиці об'єднати декілька клітинок в одну?

19.   Який параметр використовують для вирівнювання елементів?

20.  Яка особливість пари тегів <PRE>...</PRE>?

21.  Як вставити графічне зображення у web-сторінку?

22.  Як вставити відеофільм у web-сторінку?

23.  Які параметри може мати тег IMG?

24.  За допомогою якого тега вставляють гіперпосилання?

25.  Яке призначення параметрів LINK, VLINK, ALINK?

26.  Як деяке графічне зображення зробити гіперпосиланням?

27.  Які є види посилань у межах одної web-сторінки?

28.  Що таке якори?

29.  Як вставити у web-документ звук чи відеозображення?

30.  Як запустити звук одночасно з відкриванням сторінки?

31.   Як створити динамічний ефект рухомого тексту?

32.  Які ви знаєте параметри рухомого тексту?

Урок №9 по HTML

ТЕМА: "Практична робота: "Розробка веб-сайтів з використанням фреймів"

МЕТА УРОКУ: закріпити вміння ділити веб-сторінку на фрейми і заповнювати їх вмістом; формувати навички створення гіперпосилань між HTML-документами та в межах одного HTML-документа; продовжувати  формувати вміння та навички створення НТМL-документа.

Практична робота 

Урок №8 по HTML

ТЕМА: "Поняття про структуру веб-сайту. Фрейми, теги й атрибути фреймів. Використання посилань у фреймах"

МЕТА УРОКУ: розглянути поняття фрейма; навчитись ділити веб-сторінку на фрейми і заповнювати їх вмістом; формувати навички створення гіперпосилань між HTML-документами та в межах одного HTML-документа; продовжувати  формувати вміння та навички створення НТМL-документа.

Додаток до уроку
Практична робота

Урок №7 по HTML

ТЕМА: "Гіперпосилання. Створення зовнішніх та внутрішніх посилань"

МЕТА УРОКУ: познайомити учнів з тегами, які здійснюють переходити на інші сторінки, завантажувати інші документи та малюнки, переходити в певні місця на даній веб-сторінці ; продовжувати  формувати вміння та навички створення НТМL-документа.

  

Додаток до уроку

Практична робота 1

Практична робота 2

Урок №5 по HTML

ТЕМА: "Вставка графічних зображень на веб-сторіну"

МЕТА УРОКУ: познайомити учнів з тегами вствки на форматування графічних об'єктів на веб-сторінці; продовжувати  формувати вміння та навички створення НТМL-документа.

  

Додаток до уроку

Практична робота:

1. Ставорити html-файл  Page6.html.

2. Розмістити на веб-сторінці фотоальбом з 8-10 власних фотографій.

Урок №6 по HTML

ТЕМА: "Використання таблиць на веб-документах. Теги створення та форматування таблиць"

МЕТА УРОКУ: познайомити учнів з тегами створення та форматування таблиць у веб-документі; продовжувати  формувати вміння та навички створення НТМL-документа.

Додаток до уроку
Практична робота

Урок №5 по HTML

ТЕМА: "Вставка таблиць до веб-документа. Теги таблиць, рядків, клітинок та їх атрибути"

МЕТА УРОКУ: познайомити учнів з тегами створення таблиць у веб-документі; продовжувати  формувати вміння та навички створення НТМL-документа.

1. 2.

3. 4.

Додаток до уроку

Практична робота

Урок №4 по HTML

ТЕМА: "Види списків у HTML-документах. Теги створення списків"

МЕТА УРОКУ: познайомити із засобами створення нумерованих та маркованих списків, продовжувати формувати уміння та навички  створення веб-документів.

Додаток для учнів

Завдання на практичну роботу: 

1) Створити веб-сторінку, в якій міститься розклад уроків у Вашому класіна тиждень. 

2) Відформатуйте текст на сторінці. 

3) Задайте фон на веб-сторінку.

4) Збережіть файл з назвою page3.html.

Урок №3 по HTML

ТЕМА: "Форматування символів тексту. Заголовки"

МЕТА УРОКУ: познайомити учнів з елементами форматування тексту веб-документу; продовжувати формувати вміння та навички створення веб-сторінок.; розвивати дизайнерські здібності, уміння планувати свою роботу.

Додаток для учнів

Інструкція до практичної роботи

format.txt

roza.jpg

Урок №2 по HTML

ТЕМА: "Оформлення тексту в HTML-документі. Теги управління зовнішнім  виглядом HTML-документу."

МЕТА УРОКУ: Сформувати уявлення про оформлення тексту в HTML-документі, теги управління зовнішнім виглядом HTML-документу; навчити створювати найпростіші HTML-документи. 

Додаток для учнів

Інструкція до практичної роботи

Урок №1 по HTML

ТЕМА: "Поняття гіпертексту. Особливості мови розмітки HTML. Принципи побудови HTML-документів"

МЕТА УРОКУ: ознайомити з поняттям гіпертексту, особливостями мови розмітки HTML, основними тегами, класифікацією тегів. Ознайомити, як створювати та переглядати web-сторінки; розвивати навички роботи з Web-сторінками; виховувати у мережі Internet.

Презентація до уроку

Додаток для учнів
Книга по веб-дизайну

Алгоритм створення веб-сторінки:

1.                Запустити текстовий редактор Блокнот.

2.                Ввести текст HTML-документа.

3.                Зберегти під деяким іменем з розширенням *. html. при збереженні.

4.                Запустити програму Internet Explorer.

5.                За допомогою меню «Файл / Відкрити» відкрити створений файл.