- •Хід уроку
- •1.Актуалізація опорних знань. Перевірка вивченого матеріалу.
- •2. Мотивація навчальної діяльності.
- •3. Повідомлення теми і мети уроку.
- •4. Пояснення нового матеріалу та виконання практичних вправ.
- •5.Підведення підсумків
- •6. Домашнє завдання
- •1 Актуалізація опорних знань.
- •2. Мотивація навчальної діяльності
- •3.Повідомлення теми та завдань уроку.
- •3. Вивчення нового матеріалу, виконання практичних завдань.
- •Урок №2
- •Хід уроку.
- •5.Підведення підсумків
- •6. Домашнє завдання
- •Урок № 3
- •Мотивація навчальної діяльності.
- •Повідомлення теми і мети уроку.
- •Актуалізація опорних знань.
- •Вивчення нового матеріалу, виконання практичної роботи.
- •5.Підведення підсумків.
- •6 Домашнє завдання.
- •Хід уроку.
- •Актуалізація опорних знань.
- •Мотивація навчальної діяльності.
- •Повідомлення теми і постановка завдань уроку.
- •Вивчення нової теми, виконання практичних завдань.
- •Підведення підсумків уроків.
- •Домашнє завдання.
- •Урок №5
- •Хід уроку.
- •1.Актуалізація опорних знань.
- •2. Мотивація навчальної діяльності.
- •3. Повідомлення теми і завдань уроку.
- •4. Виклад навчального матеріалу, виконання практичних завдань.
- •5. Підведення підсумків.
- •6. Домашнє завдання.
- •Урок №6
- •Перевірка домашнього завдання. Актуалізація опорних знань.
- •Мотивація навчальної діяльності.
- •Повідомлення теми та мети уроку.
- •Вивчення нового матеріалу та виконання практичних завдань.
- •Підведення підсумків уроку.
- •Домашнє завдання.
- •Хід уроку
- •Перевірка домашнього завдання. Актуалізація опорних знань.
- •Мотивація навчальної діяльності.
- •Виконання практичних завдань.
- •Підведення підсумків уроку.
- •Домашнє завдання.
- •Урок №8
- •Хід уроку
5.Підведення підсумків
- Передивитися створені сторінки. Визначити найбільш вдалі кольорові вирішення.
- Що ви навчилися робити на сьогоднішньому уроці?
- Які теги вам допомогли у роботі?
6. Домашнє завдання
- Вивчити нові і повторити відомі теги.
- Записати вивчені теги до НТМL- словника.
- На наступному уроці ми познайомимось із списками, тому продумати інформацію, яку можна розташувати на своїй сторінці у вигляді списків різних видів.
Учням, яким важко дається засвоєння матеріалу, записати зразок веб -сторінки в зошитах ( для кращого запам’ятовування теги підписати ).
Для підготовки використайте таку літературу:
О.Г. Пасічник, О.В.Пасічник, І.В. Стеценко «Основи веб-дизайну»
Додаток 1
Стосується теми попереднього уроку |
Стосується теми Інтернет |
Не стосується теми Інтернет |
|
|
|
Стосується теми попереднього уроку |
Стосується теми Інтернет |
Не стосується теми Інтернет |
|
|
|
Стосується теми попереднього уроку |
Стосується теми Інтернет |
Не стосується теми Інтернет |
|
|
|
Стосується теми попереднього уроку |
Стосується теми Інтернет |
Не стосується теми Інтернет |
|
|
|
Додаток 2
Інструкція до виконання практичного завдання
Відкрийте свою веб-сторінку.
Як зайти в редактор веб-сторінки? Як змусити браузер відобразити зміни?
Теги, що керують шрифтами, також мають свої атрибути. Розгляньмо їх. Ви можете збільшити або зменшити розмір шрифту, який вимірюється в пунктах.
Хто знає, чому дорівнює один пункт?
(Один пункт дорівнює 1/72 дюйма або 0,353мм. Він задається відносно розміру, встановленого в програмі перегляду по умовчанню):
<font size=+n>і </font>, <font size=-n> і</font>, де число пунктів, на яке ви хочете збільшити або зменшити розмір шрифту. Шрифт тексту, розташованого між тегами <font size=+n>і </font>, <font size=-n> і</font>, буде збільшений або зменшений.
Завдання:
Застосуйте теги <font size=+2> і </font> до тексту у вашій веб-сторінці до фрази « я навчаюсь у Диканській гімназії ім. М.В.Гоголя», виділивши при цьому текст «Диканській гімназії ім. М.В.Гоголя».
Використайте для окремого фрагменту тексту тег <font size=”+7” color=”red” face=”Arial”> текст </font>. Зверніть увагу на те, як змінився колір тексту. Цю зміну викликав атрибут color. Необхідний колір ви можете задати або написати його назву на англійській мові.
color= «назва кольору»
Вам подобається вигляд вашої сторінки?
- Що ви хочете змінити?
- Для зміни кольору фону необхідно познайомитись із тегами <bgcolor>- даний тег використовується для оформлення фону сторінки і text – для задання кольору шрифту. Записується вони так:
<body bgcolor= «код кольору» text= «код кольору»>.
При доборі фону документа потрібно пам’ятати основні привила дизайну:
колір не повинен дратувати;
колір не повинен втомлювати очі;
текст повинен бути спокійного кольору, чітко виділятись і гармоніювати з фоном;
Застосуйте теги кольору фону і тексту до своєї сторінки