Завдання до лабораторної роботи

1. Завантажте настільну видавничу систему MS Publisher, створіть буклет, що рекламує визначні місця міста, яке, на Вашу думку, є найцікавішим для відвідування, та збережіть його у файлі D:\User\Lab_14_1_Ваше прізвище.

(Малюнки та тексти можна взяти з мережі Інтернет)

2. Завантажте настільну видавничу систему MS Publisher, створіть бюлетень на тему «Комп’ютер – друг чи ворог людини?» та збережіть його у файлі D:\User\Lab_14_2_Ваше прізвище.

(Малюнки та тексти можна взяти з мережі Інтернет)

3. Всі створені файли перемістіть у папку з назвою D:\User\Lab_14_Ваше прізвище.

4. Оформіть звіт по лабораторній роботі.

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

1. Яке призначення бюлетеня?

2. Особливості структури бюлетеня.

3. З якою метою використовують зв’язування текстових полів?

4. Яке призначення буклету?

5. Особливості структури буклету.

Рекомендована література

Основна: [9, 11].

Додаткова: [4].

Лабораторна робота №15-16

Створення веб-сайтів засобами Microsoft Office Publisher

Мета: систематизація та узагальнення знань з можливостей використання видавничих систем, формування вмінь та навичок із створення веб-сайтів.

Програмні засоби: Microsoft Office.

Теоретичні відомості та методичні рекомендації

Розробка веб-сторінок може здійснюватися з використанням різних засобів:

• текстових редакторів, у середовищі яких користувач може вводити текст і теги. Для цього можна використовувати текстові редактори Блокнот, Edit Plus, Homesite, HTML Pad та ін. Готову сторінку потрібно зберегти та надати розширення імені файлу htm або html. Створення веб-сторінки такими засобами передбачає обов’язкове знання мови розмітки гіпертекстів, наприклад HTML. Усю роботу з добору тегів розробник виконує власноруч;

• прикладних програм загального призначення, наприклад з пакета Microsoft Office, які можуть зберігати файли у форматі HTML. Як ви вже знаєте, документи, створені в програмах Word 2007, PowerPoint 2007, Publisher 2007 та інших, можна зберігати, вибравши тип файлу Веб-сторінка (*.htm, *.html). При цьому створюються веб-сторінки, у яких застосування тегів для розмітки відбувається автоматично. Розробнику не потрібно знати мову розмітки гіпертексту;

• спеціалізованих веб-редакторів – програм, що призначені для розробки веб-сайтів. Популярними веб-редакторами є Adobe Dreamweaver, Microsoft FrontPage, SharePoint Designer, WYSIWYG Web Builder, KompoZer та ін.;

• систем управління веб-контентом WCMS (англ. Web Content Management System – система управління веб-контентом). Популярними WCMS є системи Joomla, Wordpress, Drupal, MediaWiki, Mambo, NUKE та ін.

Названі засоби створення веб-сайтів можна встановити на локальному комп’ютері. Створені в їх середовищі веб-сторінки після завершення процесу розробки потрібно опублікувати в Інтернеті. У той самий час існують WCMS, які одночасно з послугами з розробки веб-сайтів надають послуги безкоштовного хостингу. Такими є системи uCoz, Google Sites, Prom.ua, Ua7.biz та ін. У цих системах створення веб-сайта здійснюється в режимі он-лайн відразу на сервері хостингу.

Етапи створення веб-сайтів

1. Постановка завдання. У результаті розробник повинен знати:

• мету, з якою створюється сайт;

• тематику сайта;

• тип сайта: домашня сторінка, форум, Інтернет-магазин, портал тощо;

• відмінності сайта від інших сайтів такої самої тематики;

• аудиторію потенційних відвідувачів сайта: вік відвідувачів, стать, коло інтересів тощо;

• перелік сервісів для розміщення на сайті: форум, чат, пошукова система, веб-каталог, електронна пошта та ін.;

• перспективи розвитку сайта.

2. Визначення структури сайта та його окремих сторінок. Результатом повинна стати мапа (карта) сайта – діаграма, що візуально відображає ієрархію сторінок сайта, схему зв’язків і переходів між ними, тобто внутрішню структуру сайта.

Наприклад, для сайта-візитівки вашого класу, основними відвідувачами якого будуть учні класу та їхні батьки, мапа сайта може бути такою, як зображено на рисунку:

Другим завданням етапу є розробка так званої зовнішньої структури сайта, яка визначає зовнішній вигляд веб-сторінок. Оскільки для більшості сторінок сайта рекомендується застосовувати єдиний стиль оформлення, то потрібно визначити схему розташування на сторінках основних блоків:

• верхнього блока – заголовка, у якому містяться логотип і назва сайта;

• меню для переходу до основних розділів сайта;

• інформаційного блока з основ ним матеріалом, що займає центральну частину сторінки;

• нижнього блока – підвалу, для роз міщення контактних даних, повідомлення про авторські права тощо.

С хему зовнішньої структури представляють у вигляді модульної сітки (див. рис.). Якщо розробка сторінок сайта буде здійснюватись автоматизованими засобами, то зовнішня структура може бути запропонована в шаблоні сторінки.

3. Розробка дизайн-макета сторінок сайта. Дизайн-макет буде спиратися на попередньо розроблену зовнішню структуру сторінок сайта. Дизайнмакет сторінок включає набір значень властивостей текстових і графічних об’єктів сторінки: кольорової гами сторінок, елементів графічного оздоблення, набору шрифтів та ін., тобто визначає стиль сайта. Важливо, щоб стиль відповідав призначенню сайта, особливостям основної аудиторії, на яку розрахований сайт, був орієнтований на надання найбільших зручностей для сприйняття основного матеріалу.

4. Створення та верстка сторінок сайта. Створюються сторінки, як правило, мовою розмітки гіпертексту HTML. У процесі створення відбувається верстка сторінок. Верстка – це процес розміщення на сторінці під час її створення текстових і графічних елементів таким чином, щоб сторінка отримала вигляд згідно з розробленим дизайн-макетом.

Правильно зверстана веб-сторінка однаково відображається різними браузерами, швидко завантажується для перегляду, може бути легко змінена, доповнена новими матеріалами. На даному етапі здійснюється інформаційне наповнення сайта.

5. Якщо на етапі постановки завдання передбачалося розміщення на сайті інтерактивних елементів, таких як системи пошуку, голосування, форуму та ін., то потрібен ще й етап програмування сайта.

6. Розміщення (публікація) сайта в Інтернеті. У ході попередніх етапів створені веб-сторінки могли зберігатися на локальному комп’ютері розробника. На даному етапі сайт розміщують на сервері, який надає послуги хостингу. Існують сервери, які надають безкоштовний хостинг. При цьому, як правило, на вашому сайті буде розміщуватися стороння реклама та обмежуватися використання деяких інтерактивних засобів. Можна розмістити сайт на сервері платного хостингу без реклами та з усіма потрібними програмними засобами.

7. Після публікації сайта в Інтернеті його розробка не вважається завершеною. Певний час буде тривати тестування сайта для виявлення недоліків верстки.

8. Популяризація та підтримка сайта. Для того щоб ваш сайт почали відвідувати користувачі Інтернету, бажано зареєструвати його у пошукових системах і каталогах, розмістити посилання на нього на інших сайтах. Цей процес називають популяризацією, розкручуванням або просуванням сайта. Для популяризації використовують й інші засоби, але важливо, щоб матеріали, доступні на вашому сайті, були варті того, щоб ними зацікавилися відвідувачі.

9. Для підтримки інтересу до вашого сайта важливо регулярно оновлювати його, доповнювати цікавими унікальними матеріалами. Можливо із часом стане бажаною зміна дизайну сайта – редизайн. При виконанні таких робіт кажуть про супровід сайта.