Вивчення нового матеріалу, виконання практичних завдань.
- Фрагмент тексту можна виділити напівжирним шрифтом (Bold). Для цього необхідно використати теги <B> текст </B>. - Окремі слова можна підкреслити за допомогою тега <u> текст </u>. - Часто використовують курсив за допомогою тега <i> текст </i>. Не забувайте закривати дані дескриптори, інакше ви виділите весь текст, а не окремі його частини, як ви планували. В даному прикладі відображена одна з головний ідей мови HTML: тег, який відкрився першим, закривається останнім, тобто ви вкладаєте теги один до одного. Практичне завдання. 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. текст повинен бути спокійного кольору, чітко виділятись і гармоніювати з фоном; Застосуйте теги кольору фону і тексту до своєї сторінки Підведення підсумків - Передивитися створені сторінки. Визначити найбільш вдалі кольорові вирішення. - Що ви навчилися робити на сьогоднішньому уроці? - Які теги вам допомогли у роботі?
Домашнє завдання - Вивчити нові і повторити відомі теги. - Записати вивчені теги до НТМL- словника. - На наступному уроці ми познайомимось із списками, тому продумати інформацію, яку можна розташувати на своїй сторінці у вигляді списків різних видів. Учням, яким важко дається засвоєння матеріалу, записати зразок веб -сторінки в зошитах ( для кращого запам’ятовування теги підписати ). Для підготовки використайте таку літературу: О.Г. Пасічник, О.В.Пасічник, І.В. Стеценко «Основи веб-дизайну» Додаток 1
Додаток 2 ©2015 arhivinfo.ru Все права принадлежат авторам размещенных материалов.
|