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) Після того, як всі посилання буде змінено, завершіть редагування
панелі навігації, натиснувши кнопку Ок:
Назва другої сторінки буде змінена.
20.
Кожна сторінка сайта має власний шаблон, в якому знаходяться
блоки для введення тексту та блоки з малюнками.Клацаючи
всередині блоків з текстом, можна редагувати їх вміст.
Редагування відбувається так само, як в будь-якому текстовому
редакторі (наприклад, Word).
Щоб редагувати блок з малюнком, достатньо клацнути на ньому
правою кнопкою миші та вибрати команду Изменить рисунок, а
далі вибрати варіант завантаження малюнку в залежності від його
місцезнаходження. Наприклад, якщо малюнок знаходиться на
диску, то вибрати команду Из файла..., якщо малюнок потрібно
вибрати із стандартної колекції програми Publisher, то вибрати
команду Картинки....
Примітка: звісно, що для завантаження малюнку із зображенням
письменника, необхідно вибирати варіант Из файла..., так як в
стандартній колекції програми Publisher такого малюнку немає.
21. 1. Редагування головної сторінки: введення коротких
відомостей про письменника та вставка його фото.
22. 2. Редагування другої сторінки: «Біографія».
Щоб перейти до другої сторінки потрібно клацнути на зображенні
білого прямокутника з цифрою 2 в нижній частині вікна
програми.
23. 3. Редагування третьої сторінки «Діяльність».
Щоб перейти до третьої сторінки потрібно клацнути на
зображенні білого прямокутника з цифрою 3 в нижній частині
вікна програми.
25. 5. Редагування п’ятої сторінки «Веб-ресурси».
Посилання на відповідні веб-ресурси можна зробити за
допомогою команди Вставка – Гиперссылка.
26. Перед тим як зберігати сайт, необхідно створити на диску папку з іменем Сайт, щоб зберегти
туди всі файли сайта.1. Перейти до програми і в меню Файл вибрати Сохранить как.
2. У вікні, що відкриється, необхідно вибрати папку Сайт, щоб зберегти туди всі файли сайта.
3. В списку Тип файла: вибрати тип файлу Веб-страница (*.htm;*.html) та вказати імя файлу
«index.htm»
htm - це розширення файла, який містить веб-сторінку.
4. Натиснути кнопку Сохранить. Після цього відбудеться публікація htm-сторінок
(збереження).
Тепер створений сайт можна переглянути в папці Сайт, відкривши
файл index.htm.