Короткі відомості з теоретичної частини роботи

Інструкційна картка

До проведення лабораторного заняття № 13-14

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

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

Після виконання роботи студент повинен

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

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

Матеріально-технічне оснащення робочого місця: ПК, MSPublisher.

Інструктаж з техніки безпеки: згідно з інструкцією з охорони праці № 1 під час роботи на персональних комп'ютерах у кабінеті інформатики

Короткі відомості з теоретичної частини роботи

Веб-сайт – сукупність веб-сторінок, доступних у мережі Інтернет, які об’єднані як за змістом, так і навігаційно. Фізично сайт може розміщуватися як на одному, так і на декількох серверах.

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

Примітка: Доки веб-сайт не завершено, його потрібно зберігати як фійл MSPublisher. У вигляді веб-сторінок зберігають лише готовий веб-сайт. Не видаляйте з диска файли веб-сайта у форматі MSPublisher, щоб мати змогу з часом вносити в нього зміни.

Файли у форматі HTML не можна відкривати і редагувати в MSPublisher. Проте ці операції можна виконувати в текстовому редакторі, а також у редакторі HTML, зокрема у MS FrоntPage- програмі, яка призначена для створення веб-сайтів та для управління ними.

Заголовки веб-сторінок і пункти навігаційного меню у програмі MSPublisher пов’язані. При редагуванні одного з цих елементів текст автоматично оновлюється і в іншому. Веб-сайт створений у програмі MSPublisher, можна імпортувати в MS FrоntPage. Дуже важливо, щоб жодні два елементи на сторінці не накладалися і щоб між текстом та графікою була відстань. Якщо елементи перекриваються, об’єднаний елемент перетворюється на зображення. Це збільшує час завантаження веб-сторінок через Інтернет, а також впливає на відображення ефектів анімації.

Використання майстра побудови веб-сайтів програми MSPublisher.

Майстер побудови веб-сайтів дозволяє створювати веб-сайтів, що складаються з однієї або декількох сторінок.

1. Завантажте програму MSPublisher.

2. В області завдань Новая публикация виберіть тип публікації Веб-узлы и электронная почта, а після цього – посилання Веб-узлы. Перегляньте шаблони веб-сайтів, зразки яких відображаються у правій частині вікна.

3. Клацніть на обраному шаблоні веб-сайта, в результаті чого відкриється вікно майстра Удобный построитель веб-узлов. У першому вікні майстра – Цели этого узла – дається перелік сторінок певного призначення, які можна включати до складу веб-сайта. Позначивши потрібні сторінки, клайніть на кнопці ОК.

4. Після цього на екрані відкриється діалогове вікно Личные данные. Заповніть у ньому відповідні поля і клацніть на кнопці ОК.

5. Область завдань Параметры: веб-узел, яка розташована на екрані ліворуч, призначена для надання допомоги у створенні веб-сайта. Навігаційна область сайта містить гіперпосилання на інші його сторінки. Якщо потрібно, щоб навігаційна область розташовувалась ліворуч, а заголовки зв’язаних сторінок – внизу кожної сторінки, у розділі Панель навигации області завдань виберіть варіант Вертикальная и горизонтальная. Якщо потрібно, щоб навігаційна область була лише з лівого боку, виберіть варіант Только вертикальная.

6. Клацніть у області завдань Параметры: Веб-узел на посиланні Цветовые схемы. Після цього ви матимете змогу вибрати один із варіантів колірної схеми або, клацнувши на посиланні Пользовательская цветовая схема, створити власну схему.

7. Клацніть на посиланні Шрифтовые схемы. Виберіть один із варіантів схеми шрифтів або для отримання змоги створити властну схему клацніть на посиланні Стили и форматирование.