Тема. «автоматизоване створення веб-сайту»

Мета: засвоїти способи створення веб-сайту за допомогою майстрів в системі UcoZ

ХІД РОБОТИ

1. Обрати тематичний напрямок власного сайту. Приклади напрямків:

• сайт за власним захопленням (машини, мода, тварини, рослини, гороскопи, кулінарія, тощо);

• сімейні сайти (фотографії, генеалогічні дерева, цікаві розповіді про сім'ю);

• рекламні сайти (уявивши себе власником компанії чи магазину, розрекламувати свою продукцію);

• сайти новин;

• історичні сайти (про видатних людей чи події).

Вибір та характеристика стилістичного оформлення сайту

Обговорення за схемою

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

• дезорієнтація користувача (незнання того, де користувач знаходиться відносно структури сайту);

• відволікання від головної мети;

• ненадійність навігації (функції або ознаки навігації змінюються від сторінки до сторінки);

• недостатня кількість обмежень відносно дій користувача.

Завдання

1) Визначте завдання для створення сайту:

• інформацію якого типу слід розмістити на вашому веб-сайті;

• на кого розрахований сайт;

• залежно від цільової аудиторії визначтеся із зовнішнім офор­мленням, формою подання матеріалу, складом панелі навігації, глибиною посилань.

2) Розробіть структуру основних сторінок.

Перша сторінка — домашня.

Вона має містити заголовок, короткий опис розділів, посилання на розділи другого рівня, інформацію щодо авторських прав та інформацію для контактів.

Кількість сторінок другого рівня визначається кількістю основних розділів.

На сторінках третього рівня розміщують уточнюючу інформацію до основних розділів сайту.

2. Огляд теоретичних відомостей

• 3 технічної точки зору під Веб 2.0 розуміють масові служби, що надають користувачам можливість самостійно створювати вміст (щоденники, статті, відео- та фотоальбоми, подкасти тощо), вільно обмінюватися ним через інтернет-платформи, створювати спільноти і соціальні мережі.

• Інтернет не є ідеальним середовищем, тому потрібно здійснювати самоконтроль за його використанням, щоб не нашкодити своєму здоров'ю та соціальному життю.

• 3 появою Веб 2.0 значно змінилася роль користувача, який перестав бути споживачем інформації та онлайнових продуктів, а перетворився на їх виробника.

• Вікі — це веб-сайт, що дозволяє відвідувачам брати активну участь у редагуванні його вмісту (виправленні помилок, додаванні нових матеріалів). Для цього їм не потрібні спеціальні програми або знання НТМL — усі дії виконуються у браузері.

• Інформація, представлена на вікі, має нелінійну навігаційну структу­ру. Кожна сторінка зазвичай містить велику кількість гіперпосилань на інші сторінки.

• Більшість вікі зберігають інформацію про зміни у сторінках і навіть усі версії сторінок. Завдяки цьому автори можуть повернутися до попередніх версій сторінки у разі помилки або пошкодження сторінки зловмисниками

• Вікіпедія — багатомовна, загальнодоступна, вільно розповсюджува­на інтернет-енциклопедія. Вона створюється колективною працею добровільних авторів, що використовують технологію вікі.

«Автоматизоване створення веб-сайту»

Створення веб-сайта засобами он-лайн системи керування веб-контен­том відбувається в кілька кроків:

1. Реєстрація облікового запису на сервері.

2. Вибір імені сайта та шаблону для його оформлення.

3. Створення сторінок сайта, системи навігації.

4. Заповнення сторінок контентом.

Перш ніж розробляти сайт, потрібно створити акаунт Google.

Для створення сайта потрібно:

1. Відкрити у вікні браузера головну сторінку сайта Google (http:// www.google.com.ua)

2. Вибрати у верхній частині сторінки гіперпосилання Ще => Сайти.

1. Заповнити на сторінці Google Sites — безкоштовні веб-сторінки та вікі поля Електронна пошта та Пароль даними вашого облікового запису, якщо вони не заповнені. Вибрати кнопку Увійти.

2. Вибрати на сторінці Сайти Google кнопку Створити сайт.

3. Вибрати один з наведених шаблонів для створення сайта. За замов­чуванням пропонується шаблон Пустий шаблон.

4. Заповнити поле Дати назву сайта. Одночас­но автоматично буде запропонована URL-адреса головної сторінки сайта. Вона матиме вигляд: https://sites/google.com/site/<назва_~сайта>. Частина назва_сайта не повинна містити літер кирилиці, а тому система пропонує запис українських слів літерами ан­глійського алфавіту без пропусків. URL-адреса головної сторінки сайта повинна бути унікальною.

5. Відкрити список Вибрати тему та вибрати тему оформлення сайта. За замовчуванням пропонується тема Запустити за умовчанням.

6. Увести символи в поле Введіть код, який Ви бачите на малюнку.

7. Вибрати кнопку Створити сайт.

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

Панель навігації містить два гіперпосилання: Домашня сторінка та Карта сайта. Карта сайта на цей момент містить посилання лише на до­машню сторінку.

Створення та налаштування веб-сторінок

Відразу після створення сайт містить лише одну домашню сторінку. Для створення нової сторінки на сайті потрібно:

Вибрати кнопку Створити сторінку у верхній частині вікна браузера.

Вибрати шаблон вмісту майбутньої сторінки:

• Веб-сторінка - сторінка для розміщення тексту, зображень тощо. Такі сторінки є інформаційними сторінками тематичних розділів.

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

• Картотека - сторінка для збереження гіперпосилань на завантажені файли. Гіперпосилання згруповані відповідно до імен папок, у яких розміщені файли. Такі сторінки є сторінками- контейнерами, що містять каталоги файлів.

• Список - сторінка, на якій подаються структуровані дані як списки з кількох полів. Списки можна сортувати за даними в кожному полі.

Наприклад, для створення сторінки Історія класу сайта Класне життя) можна вибрати шаблон Веб-сторінка, для сторінки Учите лі та предмети - шаблон Список, Поетична творчість - шаблон Оголошення, Навчальні матеріали - шаблон Картотека.

1. Увести назву сторінки в поле Назва.

2. Вибрати розміщення сторінки в структурі сайта. Можна вибрати варіанти Розмістити сторінку на верхньому рівні, Розмістити на сторінці сім'я сторінки> або Вибрати інше розташування. У пер шому випадку гіперпосилання на сторінку буде розміщено в головному меню сайта, у другому - воно з'явиться на вибраній сторінці. За вибору гіперпосилання Вибрати інше розташування відкривається панель Виберіть сторінку, на якій слід вибрати сторінку, з якою буде пов'язана нова сторінка.

3. Вибрати кнопку Створити сторінку.

Після створення сторінки вона відкривається в режимі редагування, а панель навігації та мапа сайта автоматично доповнюються посиланнями на нову сторінку.

Під час створення сторінки на основі шаблону Веб-сторінка її потрібно заповнити матеріалами та зберегти. Це статична сторінка, на якій не передбачається часто змінювати наповнення.

Сторінка на основі шаблону Оголошення оновлюватиметься регулярно з появою деяких новин. Для додавання нового оголошення на сторінці слід вибрати кнопку Новий увести текст повідомлення та зберегти сторінку.

Сторінку на основі шаблону Картотека заповнюють, вибираючи  кнопку Додати файл

При цьому слід вибрати для завантаження на сайт файл з локального комп'ютера. Для впорядкованого зберігання файлів на сайті можна створювати папки. Для цього використовують кнопку Перемістити до О Перемістити до ▼ j.

На сторінці із шаблоном Список потрібно вибрати один із запропонованих шаблонів списку або створити нетиповий список, вибравши відповідну кнопку та вказавши назву і тип даних кожного стовпця.

Команди зі списку кнопки Більше дій Більше дій ▼ ₅ щ₀ розміщена у

верхній частині вікна браузера, призначені для додаткових налаштувань: зміни шаблону сторінки, видалення сторінок, керування доступом до матеріалів сайта та ін.

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