- •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. Методичні рекомендації та завдання контрольної роботи для студентів заочної форми навчання
- •Варіанти завдань для контрольної роботи з курсу
Лабораторна робота 1. Створення найпростіших файлів html
Створимо на диску окрему директорію для майбутньої сторінки
М:\ НТМL\
Варіант 2
Завдання 1. Створення найпростіших файлів html
Щоб створити свій файл HTML, зробіть так:
-
Запустіть стандартну програму Блокнот (Notepad).
-
Наберіть у вікні редактора найпростіший текст файлу HTML:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY> Розклад занять на вівторок
</BODY>
</HTML>
-
Збережіть файл під ім'ям RASP.HTM.
-
Для перегляду створеної Web-Сторінки завантажте браузер Microsoft Internet Explorer.
-
Відкрийте в меню браузера Файл (File), Відкрити (Open), Перегляд(Огляд - Browse) і знайдіть у папці KURS файл RASP.HTM, завантажте його. Переконаєтеся, що назва Web-Сторінки (Навчальний файл HTML) відбилася у верхньому статусному рядку браузера.
Завдання 2. Керування розташуванням тексту на екрані
Інформація.
При відображенні HTML-Документів браузери автоматично розміщають текст на екрані.
-
За необхідності виконаєте п.п. 5-6 завдання 1.
-
Відкрийте файл RASP.HTM – у меню браузера Вид (View) -- (У вигляді HTML) відкриється вікно зі стандартною програмою Блокнот (Notepad), у якому ваша Web-сторінка представлена в командах HTML.
-
Внесіть зміни в текст файлу HTML, розташувавши слова "Розклад", "занять", "на вівторок" на різних рядках:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>Розклад занять на вівторок
</BODY>
</HTML>
-
Збережіть внесені зміни у файлі RASP.HTM, за допомогою команд Файл (File), Зберегти (Save). Закрийте програму Блокнот (Notepad).
-
Перегляньте за допомогою браузера Microsoft Internet Explorer нову отриману Web-сторінку використовуючи клавішу F5 або за допомогою команд Вид(View), Обновити (Refresh). Чи змінилося зображення тексту на екрані?
Примітка
Надалі після внесення змін в Web-Сторінку завжди виконуйте п.п. 4-5.
Завдання 3. Теги переходу рядка й абзацу
Інформація.
Існують спеціальні команди, що виконують перехід рядка й задають початок нового абзацу. Крім того, існує команда, що забороняє програмі браузера будь яким чином змінювати форматування тексту й дозволяє точно відтворити на екрані заданий фрагмент текстового файла.
Тег переходу рядка <BR> відокремлює рядок від наступного тексту або графіки. Тег абзацу <P> теж відокремлює рядок, але ще додає порожній рядок. Обидва тега є одноелементними.
-
Внесіть зміни в текст файлу HTML:
<HTML>
<HEAD> <TITLE> Навчальний файл HTML </TITLE> </HEAD>
<BODY>Розклад<P>занять<BR>на вівторок
</BODY>
</HTML>
-
Збережіть внесені зміни у файлі RASP.HTM.
-
Перегляньте за допомогою браузера Microsoft Internet Explorer нову отриману Web-сторінку. Як змінилося зображення тексту на екрані?
Завдання 4. Виділення фрагментів тексту
Інформація.
Теги виділення фрагментів тексту дозволяють керувати відображенням окремих символів і слів. Існує три тега виділення фрагментів тексту:
<B> … </B> для виділення напівжирним,
<I> … </I> для виділення курсивом,
<U> …</U> для виділення підкресленням.
-
Внесіть зміни у файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Навчальний файл HTML </TITLE>
</HEAD>
<BODY>
<B> Розклад </B><I>занять</I> <U> на вівторок</U>
</BODY>
</HTML>
-
Перегляньте нову отриману Web-сторінку.
Можливе використання комбінованих шрифтів:
<I><B>Розклад </B></I> <I>занять</I> <U> на вівторок</U>
Але при цьому необхідно пам'ятати таке правило запису комбінованих тегів:
|
<Тег-1> <Тег-2> … </Тег-2> </Тег-1> |
правильний запис |
|
<Тег-1> <Тег-2> … </Тег-1> </Тег-2> |
помилковий запис |