Створення web-сайту

2.  В цій темі буде покроковий опис створення сайту, який присвячено
видатному українському діячеві, письменнику Барвінку Володимиру
Івановичу. Цей приклад можна використати для побудови власного сайта.
 Сайт створюється в редакторі Publisher 2003, який входить до набору
програм Microsoft Office 2003.
 Запуск програми здійснюється таким чином: Пуск - Программы (Все
программы) - Microsoft Office - Microsoft Office Publisher 2003
 Якщо з'явиться наступне вікно, значить програма Publisher 2007
завантажена вдало:

3.  1. Після запуску редактора Publisher в правій частині вікна
необхідно вибрати Веб-узлы и электронная почта:

4.  2. Далі необхідно вибрати дизайн майбутнього сайту.
Щоб вибрати дизайн, який вам найбільше сподобався, достатньо
клацнути на його мініатюрі.

5.  3. Після вибору дизайна сайта відкриється вікно, в якому необхідно вказати, які
саме сторінки будуть на сайті.
Перш ніж вказувати сторінки, потрібно точно визначитись які розділи будуть на
сайті.
 На пропонованому сайті про Барвінка Володимира Івановича будуть такі
розіділи: Головна сторінка, Біографія, Діяльність, Походження та сім'я, Веб-
ресурси.
У відповідності з цими розділами, зазначимо такі сторінки:
 Домашняя страница (створюється автоматично) – Головна сторінка.
Размещение сведений о профиле организации (О нас) – Біографія.
Размещение описания услуг (Услуги) – Діяльність.
Размещение сведений о сотрудниках (Сотрудники) – Походження та сім'я.
Размещение ссылок на другие веб-страницы (Дополнительные ссылки) – Веб-
ресурси.

6.  4. Наступний крок - заповнення особистих даних автора сайту.
Цей крок можна упустити.
У списку Выберите набор личных данных: оберіть варіант "Основное место
работы". Заповніть всі поля своїми особистими даними:
Имя: Коваленко Валентина Юріївна (тут має бути ваше прізвище, ім'я та по-
батькові).
Должность: Майбутній вчитель української літератури (це поле у всіх однакове).
Название организации: УДПУ (це поле у всіх однакове).
Адреса: Адреса: Садова, 2 (це поле у всіх однакове).
Телефон, факс, эл.почта: e-mail: kovalenko2008@rambler.ru (тут має бути адреса
вашої поштової скриньки).
Дополнительные сведения или девиз: Проект «Сайти українських
письменників» (це поле у всіх однакове).

7.  5. Після заповнення всіх полів, необхідно натиснути Ок.
На екрані з'явиться головна сторінка сайта.
В нижній частині вікна програми можна побачити зображення
білих прямокутників з цифрами. Клацаючи на цих прямокутниках
можна переходити від однієї сторінки до іншої.

8.  6. Редагування сторінок сайту можна розпочати з виправлення
бічного меню сторінки.
Червона стрілка вказує на меню, яке вже відредаговано
відповідно до розділів сайта (подивіться на це ж саме меню
в мал.5). Та нижнього меню, яке
знаходиться в нижній частині
сторінки:

9.  1) Клацнути на панель навігації, щоб виділити її.
Наявність круглих маркерів навколо панелі навігації свідчить про те, що
вона виділена.
2) Клацнути на інструмент зміни параметрів панелі навігації

10.  3) В лівій частині вікна програми вибрати посилання
«Управление ссылками»:

11.  4) Відкриється вікно, в якому необхідно вибрати назву першої сторінки
«Домашняя страница» та натиснути кнопку Изменить ссылку...:

12.  5) В наступному вікні знову вибрати «Домашняя страница» та в
поле Текст: (що знаходиться у верхній частині) ввести «Головна
сторінка». Після цього натиснути кнопку Изменить... в нижній частині
вікна:

13.  6) В наступному вікні ввести назву першої сторінки сайта –
«Головна сторінка» і натиснути кнопку Ок:

14.  7) Завершити редагування першої сторінки, натиснувши
кнопку Ок:

15.  8) Так само можна відредагувати другу сторінку. Виберіть назву
другої сторінки «О нас» і натисніть кнопку Изменить ссылку...:

16.  9) В полі Текст: змініть назву другої сторінки на «Біографія» і
натисніть кнопку Изменить...:

17.  10) Введіть назву другої сторінки «Біографія» і натисніть
кнопку Ок:

18.  Так само змініть назви інших сторінок, відповідно:
Список услуг – Діяльність.
Список сотрудников – Походження та сім’я.
Дополнительные ссылки – Веб-ресурси.
 11) Після того, як всі посилання буде змінено, завершіть редагування
панелі навігації, натиснувши кнопку Ок:
Назва другої сторінки буде змінена.

19.  Таким чином, нижнє меню буде змінено:

20. 
Кожна сторінка сайта має власний шаблон, в якому знаходяться
блоки для введення тексту та блоки з малюнками.Клацаючи
всередині блоків з текстом, можна редагувати їх вміст.
Редагування відбувається так само, як в будь-якому текстовому
редакторі (наприклад, Word).
 Щоб редагувати блок з малюнком, достатньо клацнути на ньому
правою кнопкою миші та вибрати команду Изменить рисунок, а
далі вибрати варіант завантаження малюнку в залежності від його
місцезнаходження. Наприклад, якщо малюнок знаходиться на
диску, то вибрати команду Из файла..., якщо малюнок потрібно
вибрати із стандартної колекції програми Publisher, то вибрати
команду Картинки....
 Примітка: звісно, що для завантаження малюнку із зображенням
письменника, необхідно вибирати варіант Из файла..., так як в
стандартній колекції програми Publisher такого малюнку немає.

21.  1. Редагування головної сторінки: введення коротких
відомостей про письменника та вставка його фото.

22.  2. Редагування другої сторінки: «Біографія».
Щоб перейти до другої сторінки потрібно клацнути на зображенні
білого прямокутника з цифрою 2 в нижній частині вікна
програми.

23.  3. Редагування третьої сторінки «Діяльність».
Щоб перейти до третьої сторінки потрібно клацнути на
зображенні білого прямокутника з цифрою 3 в нижній частині
вікна програми.

24. 4. Редагування четвертої сторінки «Походження та сім’я»:

25.  5. Редагування п’ятої сторінки «Веб-ресурси».
Посилання на відповідні веб-ресурси можна зробити за
допомогою команди Вставка – Гиперссылка.

26.  Перед тим як зберігати сайт, необхідно створити на диску папку з іменем Сайт, щоб зберегти
туди всі файли сайта.1. Перейти до програми і в меню Файл вибрати Сохранить как.
2. У вікні, що відкриється, необхідно вибрати папку Сайт, щоб зберегти туди всі файли сайта.
3. В списку Тип файла: вибрати тип файлу Веб-страница (*.htm;*.html) та вказати імя файлу
«index.htm»
htm - це розширення файла, який містить веб-сторінку.
4. Натиснути кнопку Сохранить. Після цього відбудеться публікація htm-сторінок
(збереження).
Тепер створений сайт можна переглянути в папці Сайт, відкривши
файл index.htm.