- •Програмні засоби
- •Лабораторна робота № 1
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Лабораторна робота № 2
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Завдання для самостійного виковання
- •Запитання для контролю
- •Лабораторна робота № 3
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Введення нової адреси I завантаження Web-сторінки.
- •Завантаження адреси вже переглянутих сторінок
- •Управлшня процесом перегляду Web-сторінок
- •Зміна кодової сторінки відображення Web-сторінки
- •Відкриття гіперпосилання у поточному вікні
- •Відкриття гіперпосилання у новому вікні, вкладці
- •Пошук даних на завантаженій сторінці
- •Збереження завантаженої сторінки
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Адреси пошукових серверов
- •Україномовні пошукові системи
- •Російськомовні пошукові системи
- •Англомовні пошукові системи
- •Правила пошуку необхвдної інформації
- •Пошук даних у мережі Інтернет
- •Завдання для самостійного виконання
- •Завдання для самостійного виконання
- •Завантаження повідомлення
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Форматування тексту
- •Гіперпосилання
- •Завдання для виконання
- •Завдання для самостийного виконання
- •Графіка
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Редактор Web-сторінок Конструктор
- •Завантаження редактора Web-сторінок Mozilla Конструктор Інтерфейс редактора Web-сторінок Конструктор
- •Відміна, вилучення заданого форматування
- •Форматування тексту абзаців, заголовків
- •Видшити необхідний текстовий фрагмент.
- •Форматування стилями
- •Зміна стилю форматування
- •Створення таблиць
- •Вставка таблиці
- •Виділення елементів таблиці
- •Зміна властивостей таблиці
- •Послуги зміни параметрів таблиці. Вкладка Таблиця
- •Послуги зміни параметрів вибраних комірок. Вкладка Комірки
- •Форматування списків
- •Створення списку послугами меню
- •Перетворення елементів списку на звичайний текст
- •Використання графічних зображень
- •Вставка зображень
- •Зміна властивостей зображення
- •Послуги встановлення властивостей зображення
- •Створення гіперпосилань
- •Створення гіперпосилань у межах сторінки
- •Створення прив'язки
- •Створення гіперпосилань для переходу до прив'язки
- •Створення гіперпосилань на інші сторінки
- •Використання зображень як гіперпосилань
- •Збереження Web-сторінок у текстовому форматі
- •Завершения роботи
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Лабораторна робота № 10
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Теми рефератів
Завдання для самостійного виконання
Створити список розсилань (одночасне розсилання повідомлень кільком адресатам), використовуючи Адресну книгу для кількох абонентів. Надіслати листи учасникам розсилання. У поштовому клієнті створити папку та фільтр для зберігання вхідних листів учасників розсилання.
Створити обліковий запис електронної пошти, використовуючи особисті дані й інформацію про сервери, надану викладачем у програмі MS Outlook Express.
Обгрунтувати неприпустимість масового розсилання рекламних повідомлень (спам).
4. Вказати, яку інформацію можна вважати рекламним повідомленням.
Запитання для контролю
Особливості кодування електронних повідомлень під час використання електронної пошти. Назвати відомі кодові сторінки для роботи з кириличними текстовими повідомленнями.
Протоколи для забезпечення функціонування електронної пошти.
Функціональне призначення порта мережевого протоколу.
Адреса електронної пошти.
Програми клієнта для роботи з електронною поштою.
Налагодження клієнта електронної пошти Mozilla Mail.
Основні послуги програми Mozilla Mail
Створення та надсилання листа. Приєднання файлів.
Використання адресної книги. Групове розсилання повідомлень.
10. Правила етикету під час використання електронної пошти.
ЛАБОРАТОРНА РОБОТА № 7
Тема. Вивчення основних тегів мови гіпертекстової розмітки сторінок HTML.
Мета: ознайомити з основними можливостями мови гіпертекстової розмітки документів HTML. Вивчити основні теги мови гіпертекстової розмітки сторінок HTML.
Час виконання: 4 год.
ХІД РОБОТИ
Завдання для виконання
Ознайомитися з теоретичним матеріалом. Дати відповіді на запитання для контролю.
Виконати завдання. Заповнити в робочому зошиті протокол виконання роботи.
Виконати завдання для самостійної роботи. Заповнити в робочому зошиті таблицю для сайту за вибором.
Дати відповіді на запитання.
Теоретичні відомості
Документ HTML можна розглядати як сукупність вказівок (команд i даних), безпосередньо розміщених у документі, та пов'язаних з ним посиланнями, які після інтерпрпретації програмою-броузером відтворюють вигляд сторінок документа. Вказівки, до складу яких входять дескриптори та атрибути, називаються тегами:
дескриптори вказують на способи відтворення інформації переглядачами, які становлять середовище-інтерпретатор;
атрибути деталізують опис способів відтворення, їхні значення є операндами.
Документ HTML складаеться із вказівок — тегів, обмежених символами «<» та «>», які можуть утворювати контейнери — частини документа, обмежені операторними дужками, причому тег закривання починаеться з «<\» або може знаходитися окремо, тобто деякі теги можуть caмi бути контейнерами. Кожний документ складається з декларативної частини (заголовка), i тала документа.
Документи мовою HTML починаються з декларації <!DOCTYPE>, після цього йде контейнер тегів, який починається з вказівки <HTML> i закінчується </HTML>.
Наприклад:
<! DOCTYPE HTML PUBLIC «- |
|
//W3C//DTD HTML 3. 2 |
|
Final//EN'> |
|
<HTML> |
|
<head> |
У заголовку |
<TITLE>Mи раді Вас вітати |
розміщується службова |
</TITLE> |
інформація, |
... Інші елементи заголовка </HEAD> |
що не відображається на екрані: |
|
а) назва сторінки; б) тип кодової сторінки. |
<BODY> |
Тут міститься те, що ми бачимо на екрані: |
... Тіло документа |
|
</BODY> |
a) текст, рисунки; |
</HTML> |
б) таблиці тощо. |
Заголовок HTML-сторінки містить інформацію про саму стоpiнку. Він може містити кілька дескрипторів, з яких найчастіше використовується <TITLE>. Заголовок документа, тобто те, що прописано між <TITLE> i </TITLE>, відображається в рядку заголовка Web-броузера.
Тіло HTML-сторінки містить yci елементи, що відображаються на сторінці під час ïï перегляду в броузері, — текст, малюнки, гіперпосилання (URL), списки i таблиці, звук, відео.
Під час виведення тексту на екран монітора броузери ігнорують форматування, яке виконується після створення тексту в текстовому редакторі, тобто ігноруються невідтворювані символи переведения рядка, абзацу, іноді навіть ігноруються порожні (без тексту) рядки.
Теги вигляду <!— текст ремарки —> не інтерпретуються й не виконуються, а трактуються як коментарі.
Для відображення тексту в HTML немає спеціального дескриптора. Текст вводиться в будь-якому місці між тегами <BODY> й </BODY> й автоматично розмщується за шириною вікна броузера. Форматування тексту мовою HTML виконується з використанням спеціальних тегів i передбачає створення заголовків, абзаців, вирівнювання тексту, виділення тексту напівжирним шрифтом, курсивом, підкресленням, зміною розміру шрифту.
Стилі
У мові HTML визначено шість рівнів заголовків i кожному з них відповідає свій розмір шрифту. За допомогою заголовків різних piвнів можна створювати чітку iєpapxiчну структуру документа. Синтаксис HTML-коду, що створює заголовки різного рівня, має такий вигляд:
Заголовок першого рівня </Н1>
Заголовок другого рівня </Н2>
… …
Заголовок шостого рівня </Н6>
А сам документ матиме вигляд, як на рис. 16.
Puс. 16. Приклад вигляду заголовків різного рівня