 |
|
Інструкція до виконання практичного завдання
1. Відкрийте свою веб-сторінку.
2. Як зайти в редактор веб-сторінки? Як змусити браузер відобразити зміни?
3. Теги, що керують шрифтами, також мають свої атрибути. Розгляньмо їх. Ви можете збільшити або зменшити розмір шрифту, який вимірюється в пунктах.
4. Хто знає, чому дорівнює один пункт?
(Один пункт дорівнює 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= «назва кольору»
5. Вам подобається вигляд вашої сторінки?
- Що ви хочете змінити?
- Для зміни кольору фону необхідно познайомитись із тегами <bgcolor>- даний тег використовується для оформлення фону сторінки і text – для задання кольору шрифту. Записується вони так:
<body bgcolor= «код кольору» text= «код кольору»>.
При доборі фону документа потрібно пам’ятати основні привила дизайну:
6. колір не повинен дратувати;
7. колір не повинен втомлювати очі;
8. текст повинен бути спокійного кольору, чітко виділятись і гармоніювати з фоном;
Застосуйте теги кольору фону і тексту до своєї сторінки
Урок № 3
Тема: Нумеровані й марковані списки на веб-сторінках
Мета: познайомити учнів із засобами створення списків, продовжувати формувати уміння та навички створення веб – документів;
розвивати вміння планувати роботу, творчий підхід у створенні веб-
сторінки;
виховувати культуру мислення;
Використане обладнання: комп’ютер; дошка; таблиця з атрибутами тегів списку
Хід уроку
Мотивація навчальної діяльності.
- Над чим ви працювали, готуючись до сьогоднішнього уроку?
- Вчили і повторювали теги. Доповнювали словники вивченими тегами.
- Крім того, ви повинні були підібрати матеріал, який би хотіли бачити у вигляді списків на своїй веб-сторінці. Списки дозволяють подати інформацію у впорядкованому вигляді. Для реалізації наших задумів необхідно познайомитись з тегами утворення списків. Це те, чим ми займемося сьогодні на уроці.
Повідомлення теми і мети уроку.
Отже, тема уроку: «Створення списків засобами мови HTML». На уроці ви повинні:
· розглянути різні види списків;
· навчитися використовувати теги утворення списків
· створити нову веб-сторінку з використанням списків.