- •Кафедра вищої математики та інформаційних технологій
- •Тема 10: Основний порядок створення текстових документів засобами ms Word.
- •Збірник варіантів завдання
- •Кафедра вищої математики та інформаційних технологій
- •Тема 11: Створення комплексних текстових документів.
- •Кар‘єрний життєвий цикл:
- •Приклад організаційно-структурної схеми управління рестораном:
- •Приклад рекламного оголошення стоматологічного центру:
- •Нво «богдан»
- •Кафедра вищої математики та інформаційних технологій
- •Тема 12: Засоби автоматизації розробки документів. Переклад іншомовних документів.
- •Кафедра вищої математики та інформаційних технологій
- •Тема 13: Формат pdf. Перетворення документів в електронну форму.
- •Результати роботи оформити у вигляді звіту.
- •Результати роботи оформити у вигляді звіту.
- •Кафедра вищої математики та інформаційних технологій
- •Тема 14: Створення документа в html. Форматування тексту.
- •1. Створення документа в html.
- •Ця пропозиція виділена курсивом
- •3. Логічне форматування.
- •4. Елементи фізичного форматування.
- •Кафедра вищої математики та інформаційних технологій
- •Тема 15: Управління шрифтом. Створення списків.
- •1. Керування шрифтом.
- •2. Створення списків
- •Кафедра вищої математики та інформаційних технологій
- •Тема 16: Використання графіки в html документах.
- •Результати роботи оформити у вигляді звіту.
- •Вставка малюнків в Html-документ.
- •Додавання рамок
- •Визначення розмірів
- •Визначення відстань від країв малюнка
- •Додавання тексту до малюнка (підказки)
- •Визначення відстані відносно тексту.
- •Кафедра вищої математики та інформаційних технологій
- •Тема 17: Гіперпосилання та таблиці в html.
- •1. Поняття гіперпосилання
- •2. Локальне гіперпосилання
- •3. Зовнішні гіперпосилання
- •4. Створення таблиць
- •5. Основні атрибути таблиці
- •6. Об'єднання комірок
- •7. Декор таблиць
- •8.Вкладені таблиці
- •Ознайомтесь з теоретичним матеріалом про локальні гіперпосилання та розташуйте їх на сторінці Сергєєва.
- •Створіть файл першої розповіді. Назвіть його skazka.Html:
- •Створіть файл другої розповіді, rasskaz.Html.
- •Кафедра вищої математики та інформаційних технологій
- •Тема 18: Використання ms Word для створення Web-сторінок.
- •Державна служба України з надзвичайних ситуацій
- •Кафедра вищої математики та інформаційних технологій
- •Методична розробка на проведення практичного заняття по темам 1.1-2.2.
- •Тема 19: Модульна контрольна робота №1.
- •Підсумкова робота по модулю №1.
- •Питання до заліку з дисципліни
Кафедра вищої математики та інформаційних технологій
ЗАТВЕРДЖУЮ
Начальник кафедри
ВМ та ІТ
к.ф-м.н., доц.,
полковник с.ц.з.
_______ І.П. Частоколенко
“___”______2013р.
Навчальна дисципліна: Інформатика та комп’ютерна техніка
1-й курс (стаціонар, курсанти).
МЕТОДИЧНА РОЗРОБКА
на проведення практичного заняття
по темі № 2.2: «Мова розмітки гіпертекстових документів HTML»
Час: 18 годин, з них 4 години лекцій, 10 годин практичних занять, 4 години самостійної роботи.
Тема 15: Управління шрифтом. Створення списків.
Мета заняття: вивчити теги керування шрифтом, навчитися створювати різні типи списків.
Метод проведення: практичне заняття.
Місце проведення: ауд. № 317, ауд. № 318.
Час проведення: 2 години
Матеріально-технічне забезпечення: ПК.
Методичну розробку підготував
Викладач кафедри ВМ та ІТ А.П. Марченко
Методична розробка обговорена та схвалена на засіданні кафедри
Протокол №____від “__”________2013р.
Практичне заняття
Заняття № 15. Управління шрифтом. Створення списків.
Мета роботи: вивчити теги керування шрифтом, навчитися створювати різні типи списків.
Завдання:
Вивчити теоретичний матеріал.
Змінити розмір, тип та колір шрифту тексту індивідуальних сторінок, що були створені на попередньому практичному занятті.
Створити маркіровані та нумеровані списки згідно тематики індивідуальних сторінок.
Підготуватись зо захисту роботи.
Теоретичні відомості
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.
Курсив виглядає менш настирливим, ніж напівжирний шрифт, який слід використовувати тільки для виділення особливо важливих місць.
Не слід зловживати підкресленням, тому що звичайно підкресленням виділяються посилання на інші документи й це може заплутати користувача.
Розмір заголовків повинен зменшуватися в міру убування їх значимості.
