Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ПЗ 2 модуль.doc
Скачиваний:
4
Добавлен:
01.05.2025
Размер:
5.17 Mб
Скачать

Кафедра вищої математики та інформаційних технологій

ЗАТВЕРДЖУЮ

Начальник кафедри

ВМ та ІТ

к.ф-м.н., доц.,

полковник с.ц.з.

_______ І.П. Частоколенко

“___”______2013р.

Навчальна дисципліна: Інформатика та комп’ютерна техніка

1-й курс (стаціонар, курсанти).

МЕТОДИЧНА РОЗРОБКА

на проведення практичного заняття

по темі № 2.2: «Мова розмітки гіпертекстових документів HTML»

Час: 18 годин, з них 4 години лекцій, 10 годин практичних занять, 4 години самостійної роботи.

Тема 15: Управління шрифтом. Створення списків.

Мета заняття: вивчити теги керування шрифтом, навчитися створювати різні типи списків.

Метод проведення: практичне заняття.

Місце проведення: ауд. № 317, ауд. № 318.

Час проведення: 2 години

Матеріально-технічне забезпечення: ПК.

Методичну розробку підготував

Викладач кафедри ВМ та ІТ А.П. Марченко

Методична розробка обговорена та схвалена на засіданні кафедри

Протокол №____від “__”________2013р.

Практичне заняття

Заняття № 15. Управління шрифтом. Створення списків.

Мета роботи: вивчити теги керування шрифтом, навчитися створювати різні типи списків.

Завдання:

  1. Вивчити теоретичний матеріал.

  2. Змінити розмір, тип та колір шрифту тексту індивідуальних сторінок, що були створені на попередньому практичному занятті.

  3. Створити маркіровані та нумеровані списки згідно тематики індивідуальних сторінок.

  4. Підготуватись зо захисту роботи.

Теоретичні відомості

1. Керування шрифтом.

Щоб змінити властивості шрифту, такі як, наприклад, колір, стиль, розмір, можна використовувати тег <FONT>. Загалом кажучи, www-консорціум не дуже рекомендує використовувати тег <FONT>. Зловживати їм дійсно не потрібно, коли є можливість використання каскадних таблиць стилів CSS. Однак іноді для дрібних коректив цей тег буває дуже зручний. Елемент FONT є контейнером, який відкривається дескриптором <FONT> закривається дескриптором </FONT>. Якщо у відкриваючому дескрипторі не зазначені атрибути, то елемент FONT не буде виявляти ніякого впливу. Елемент <FONT> можна використовувати усередині будь-якого іншого текстового контейнера. Він буде модифікувати текст, виходячи із зовнішнього вигляду тексту, розташованого в батьківському контейнері. Розглянемо деякі атрибути контейнера FONT.

Атрибут FACE. Дозволяє вибрати шрифт, який потрібно використовувати в деякому місці документа. Параметр атрибута FACE – назва шрифту. Назва, зазначена в атрибуті, повинна збігатися з назвою одного з шрифтів, зареєстрованих на машині користувача – а якщо ні, то браузер проігнорує значення атрибута й використає шрифт, заданий користувачем за замовчуванням. Прописні й малі літери в назві шрифту ігноруються, а пробіли є обов'язковими.

Приклад:

<html>

<body>

<font face="Arial">

Це приклад використання атрибута FACE

</font>

</body>

</html>

Якщо невідомо, які шрифти можуть бути встановлені на комп'ютері користувача, що переглядає створювану сторінку, то в атрибуті FACE можна вказати кілька шрифтів (бажано однієї групи) через кому. Це особливо зручно, оскільки схожі шрифти можуть мати різні назви в Windows, Linux або Macintosh. Браузер переглядає даний список і використовує перший підходящий шрифт.

Приклад:

<html>

<body>

<font face="Verdana", "Arial", "Helvetica">

Це приклад використання атрибута FACE

</font>

</body>

</html>

Атрибут SIZE. Атрибут SIZE дозволяє авторові документа вказати висоту знаків тексту. Розмір шрифту вказується в умовних одиницях від 1 до 7, причому ця шкала заснована на шрифті звичайного стилю, якому відповідає значення 3. Атрибут SIZE можна використовувати двома різними способами: указати абсолютний розмір шрифту, наприклад size=5, або відносний розмір шрифту, наприклад size=+2. Другий спосіб застосовується частіше в тих випадках, коли зазначений основний шрифт BASEFONT.

Приклад:

<html>

<head>

<title> Приклад вибору розміру шрифту</title>

<head>

<body>

<font size=1>Розмір шрифту 1</font><br>

<font size=-1>Розмір шрифту 2</font><br>

<font size=3>Розмір шрифту 3</font><br>

<font size=4>Розмір шрифту 4</font><br>

<font size=+2>Розмір шрифту 5</font><br>

<font size=6>Розмір шрифту 6</font><br>

<font size=+4>Розмір шрифту 7</font>

</body>

</html>

Атрибут COLOR. Колір тексту можна вказати в такий же спосіб, як і назву шрифту або його розмір. Для цих цілей служить атрибут COLOR. Він сприймає шістнадцятирічне значення RGB, або назви стандартних кольорів.

Приклад:

<html>

<head>

<title> Приклад вибору кольору шрифту</title>

<head>

<body>

<font color="#FF0000">Цей текст має червоний колір</font><br>

<font color="green">Цей текст має зелений колір</font>

</body>

</html>

Атрибут BASEFONT. Дескриптор BASEFONT служить для встановлення стандартного розміру шрифту, гарнітури й кольору тексту в документі. параметри, зазначені в дескрипторі діють у всім документі, поки ці установки не будуть перекриті елементом FONT. Після закриття елемента FONT значення, задані BASEFONT знову набувають чинності. Атрибути BASEFONT можна змінити в будь-якім місці документа. Також зверніть увагу, що даний дескриптор одиночний ( тобто не має закриваючого тегу).

Приклад:

<html>

<head>

<title> Приклад використання дескриптора BASEFONT</title>

<head>

<body>

Цей текст іде перед використанням дескриптора BASEFONT<br>

<basefont color="#003366" face="arial" size=6>

Цей текст іде після використання дескриптора BASEFONT<br>

<font size=+3>Зміни шрифту залежать тепер від атрибута BASEFONT</font>

</body>

</html>

Поради по форматуванню тексту

  • Використовуйте в документі не більш трьох різних гарнітур шрифту.

  • Звичайно для основного шрифту використовують шрифт із зарубками, наприклад Times New Roman, а заголовки оформляють шрифтом без зарубок, наприклад Arial.

  • Курсив виглядає менш настирливим, ніж напівжирний шрифт, який слід використовувати тільки для виділення особливо важливих місць.

  • Не слід зловживати підкресленням, тому що звичайно підкресленням виділяються посилання на інші документи й це може заплутати користувача.

  • Розмір заголовків повинен зменшуватися в міру убування їх значимості.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]