- •7.050201 Менеджмент зовнішньоекономiчної дiяльностi,
- •7.050206 Менеджмент організацій
- •Миколаїв – 2008
- •Лабораторна робота 1. Створення найпростіших файлів html …………….18
- •Лабораторна робота 2 Вставка картинок у документ…………………………30
- •Лабораторна робота 3. Таблиці. ………………………………………………...41
- •Розділ 1. Основні поняття комп’ютерних мереж
- •1.1. Локальні мережі
- •1.2. Глобальні мережі
- •1.3. Мережне програмне забезпечення
- •1 Концепція.
- •2 Концепція.
- •1.4. Модель взаємодії відкритих систем
- •1.5. Інтернет. Основні поняття
- •1.6. Протокол tcp
- •1.7. Протокол ip
- •1.8. Служби Інтернету
- •Електронна пошта (e-Mail)
- •Списки розсилання (Mail list).
- •Служба телеконференцій (Usenet)
- •Служба World Wide Web (www).
- •Служба імен доменів (dns)
- •Служба передачі файлів (ftp)
- •Розділ 2. Зміст лабораторних робіт Лабораторна робота 1. Створення найпростіших файлів html
- •Лабораторна робота 1. Створення найпростіших файлів html
- •Завдання 1. Створення найпростіших файлів html
- •Завдання 3. Теги переходу рядка й абзацу
- •Завдання 4. Виділення фрагментів тексту
- •Завдання 5. Використання стилів заголовка
- •Завдання 5. Завдання розміру поточного шрифту.
- •Завдання 6. Накреслення й колір шрифту
- •Завдання 7. Вирівнювання тексту по горизонталі
- •Завдання 9.
- •Лабораторна робота 2
- •Лабораторна робота 3. Таблиці.
- •Лабораторна робота 3.
- •Лабораторна робота 4.
- •Лабораторна робота 4.
- •Розділ 3. Питання на залік з дисципліни «Комп'ютерні мережі та телекомунікації»
- •Розділ 4. Теми рефератів
- •Розділ 5. Методичні рекомендації та завдання контрольної роботи для студентів заочної форми навчання
- •Варіанти завдань для контрольної роботи з курсу
Завдання 5. Використання стилів заголовка
Інформація.
Існує два способи керування розміром тексту, зображуваного браузером:
-
використання стилів заголовка,
-
завдання розміру основного документа або розміру поточного шрифту.
Використовується шість тегів заголовків (від Н1 до Н6). Кожному тегу відповідає конкретний стиль, заданий у параметрах настроювання браузера. Стиль Н1 - найбільший.
-
Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<H1> Розклад </H1><I>занять</I> <U> на вівторок</U>
</BODY>
</HTML>
-
Перегляньте нову отриману Web-Сторінку.
Завдання 5. Завдання розміру поточного шрифту.
Інформація.
Тег шрифту <FONT> дозволяє задавати розмір поточного шрифту в окремих місцях тексту. Діапазон установки поточного шрифту - від 1 до 7.
-
Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<FONT SIZE="7"> Розклад </FONT> занять на вівторок
</BODY>
</HTML>
-
Самостійно змініть розмір шрифту для тексту "заняття на вівторок", використовуючи тег <FONT>.
-
Змініть текст HTML-Документа, використовуючи теги виділення фрагментів тексту й теги переходу рядка й абзацу.
Завдання 6. Накреслення й колір шрифту
Інформація.
Тег <FONT> надає можливості керування розміром, накресленням і кольором тексту. Зміна накреслення шрифту виконується простим додаванням до тегу <FONT> атрибута FACE. Наприклад, для зображення тексту шрифтом Arial необхідно записати <FONT FACE="ARIAL">.
Для зміни кольору шрифту в тегі <FONT> можна використовувати атрибут COLOR="X".
Замість Х треба підставити або назву кольору (у лапках), або його шістнадцатіркове значення. При завданні кольору шістнадцатірковим числом можна представити цей колір розкладеним на три складові:
червоний(R), зелений (G), синій (B), кожен з яких має значення від 0 до FF.
Приклади запису кольору у форматі RGB наведено в таблиці:
Таблиця 1
|
Колір |
RRGGBB |
Колір |
RRGGBB |
||
|
black |
чорний |
000000 |
purple |
фіолетовий |
FF00FF |
|
white |
білий |
FFFFFF |
yellow |
жовтий |
FFFF00 |
|
red |
червоний |
FF0000 |
brown |
коричневий |
996633 |
|
green |
зелений |
00FF00 |
orange |
жовтогарячий |
FF8000 |
|
azure |
бірюзовий |
00FFFF |
violet |
ліловий |
8000FF |
|
blue |
синій |
0000FF |
gray |
сірий |
A0A0A0 |
-
Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<U><I><B> <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7"> Розклад </FONT> ></B></I></U>занять на вівторок
</BODY>
</HTML>
-
Самостійно змініть розмір, колір, стиль тексту документа.
Завдання 7. Вирівнювання тексту по горизонталі
Інформація.
За допомогою тегів HTML можна керувати горизонтальним вирівнюванням тексту. Якщо не вказувати спосіб вирівнювання, всі елементи в документі будуть вирівнюватися по лівому краю й мати нерівне праве поле (див. Рис.2).
Сучасні браузери для вирівнювання тексту використовують атрибут ALIGN=, що входить у теги абзацу або заголовка.
|
ALIGN=CENTER |
Вирівнювання по центру |
|
ALIGN=RIGHT |
Вирівнювання по правому краю |
|
ALIGN=LEFT |
Вирівнювання по лівому краю |
-
Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Розклад </B></FONT><BR>
<FONT SIZE="6"><I>занять на вівторок</I></FONT> </P>
</BODY>
</HTML>
Завдання 8. Задання кольору фону й тексту
Інформація.
При зображенні фону, тексту браузеры використовують кольори, встановлені за замовчуванням, - вони задані параметрами настроювання браузера. Ці кольори встановлюються на початку файла HTML у тегі <BODY…>... Запис кольору аналогічний кольору шрифту (див. таблицю 1 п.12 ). Атрибут BGCOLOR= задає колір фону сторінки, TEXT= визначає колір тексту для всієї сторінки, LINK= і VLINK= визначають колір відповідно непереглянутих і переглянутих посилань (останні два параметри будуть розглянуті пізніше).
-
Внесіть зміни у файл RASP.HTM:<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFCC" TEXT="#330066">
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Розклад </B></FONT><BR>
<FONT SIZE="6"><I>занять на вівторок</I></FONT>
</P>
</BODY>
</HTML>