Контрольні запитання

1. Яке призначення програми МS Рublichеr?

2. Яка інформація може міститися у буклеті?

3. Як вставити зображення у бюлетень?

4. Як створити бюлетень?

5. Як створити буклет?

6. Які можливості програми МS Рublichеr?

7. Що може містити Зайвий вміст?

8. Як змінити фон буклету?

9. У яких форматах можна зберігати публікацію?

10.Що міститься у області завдань?

2. Истіть роботу.Якій ви навчаєтесь, та збережітьня, які можна розмістити у публікацію за допомогою пункту Вставка00000000000000

ТЕМА. Розробка й публікація веб-сайту.

МЕТА. Навчитися розробляти і публікувати веб-сайти.

ПЛАН: 1.Створення HTML- документу навчального закладу.

2.Створення списків.

3. Створення HTML- документу комікси.

4. Форматування тексту у документі.

5. Створення гіперпосилань, вставка зображень.

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

HTML – це набір угод для розмітки документів, що визначають зовнішній вигляд документів на екрані комп’ютера при доступі до них із використанням браузера.

Документи підготовлені мовою HTML називаються HTML – документами.

HTML – документ – звичайний текстовий файл із розширенням htm або html, складений мовою HTML.

Web- сайт - це сукупність Web- сторінок об’єднаних однією загальною темою, і поміщених, як правило, на одному вузловому комп’ютері.

Для створення HTML – документа можна скористатися програмою Блокнот, WORD Pad.

При створення Web- сайту або Web- сторінки використовуємо теги та атрибути, як HTML – кодування.

Для виклику віддалених файлів, тобто файлів, які є на серверах у мережі Internet, адресу записують із значенням назви протоколу доступу http і URL-адреси файлу, наприклад: http://www.ptuad.lviv.ua.

У web- сторінках основним інструментом для переходу між різними сторінками чи частинами однієї сторінки є гіперпосилання.

Гіперпосилання – це зв’язок окремих елементів документу з іншими елементами цього чи іншого документу. Елемент, до якого встановлюють зв’язок називається якорем.

Гіперпосилання є двох видів:

1) на файл;

2) на деяке місце на даній сторінці: початок сторінки (top), кінець сторінки (bottom), на позначений текст.

Гіперпосилання вставляють за допомогою парного тегу <A> </A> такої загальної конструкції:

<A HREF= “назва якоря (адреса файлу)”> “ текст якоря ” </A>.

Текст якоря  – це власне той текст, який містить посилання на інші елементи, і, як правило, є частиною загального тексту документу. Цей текст при перегляді у браузері виділяється підкреслення або іншим кольором. Колір гіперпосилання визначається у тезі BODY параметрами LINK= “колір”, VLINK= “інший колір” – змінює колір гіперпосилання на інший після першого використання, ALINK= “ще інший колір” – змінює колір щойно активізованого гіперпосилання на ще інший. Для переходу між різними сторінками як назву якоря використовують шлях і ім’я файлу, який потрібно відкрити. При цьому можна створювати гіперпосилання, як до локальних файлів, так і до будь-яких ресурсів Internet.

Якорем може бути не лише текст, але й графічне зображення. При цьому використовується така конструкція:

<A HREF= “ назва якоря ”> < “ IMG SRC= ”шлях і назва файлу зображення ”> </A>

Для того, щоб помістити у web-сторінку графічне зображення потрібно скористатись тегом:

<IMG SCR= “шлях і ім’я файлу або URL”>

При цьому можна використовувати такі атрибути:

ALT= “альтернативний текст” – це текст, який виводиться замість картинки, якщо броузер не може прийняти графічний файл, або якщо режим відображення графіки вимкнено;

HEIGHT= “число” – висота малюнка в пікселях;

WIDTH= “число” – ширина малюнка в пікселях;

ALIGN= “значення” – встановлює спосіб вирівнювання малюнку відносно поточного текстового рядка. Значення може бути: TOP – верх зображення співпадає з верхнім краєм текстового рядка, MIDDLE – ворівнює середину зображення відносно рядка тексту, BOTTOM (за замовчуванням) – низ зображення по текстовому рядку, LEFT – вирівнює зображення по лівому краю рядка, RIGHT – по правому.

Для проведення лінії різної довжини і товщини застосовують тег <HR>, з можливими параметрами WIDHT і SIZE, наприклад тег <HR SIZE= “20” COLOR= “RED”> дає червону полосу товщиною 20 пікселів.

Зображення можна подати в рамці, для створення якої призначений параметр BORDER= “товщина рамки в пікселях”.

Справа і зліва від картинки, яку обгортає текст, можна зробити вільний простір: HSPASE= “кількість пікселів”. Можна створити також вільний простір над і під рисунком: VSPASE= “кількість пікселів”.

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

Динамічними називаються ефекти, коли графічні зображення на web-сторінці змінюються з часом, елементи сторінки змінюють розміри або навіть свій зміст після клацання над ними мишею, текст «біжить» вздовж екрана тощо.

Ефект біжучого тексту у полосі задається за допомогою парного тега <MARQUEE> текст </MARQUEE>.