Веб-сайт

Лабораторна робота

Тема:Конструктор Wix для створення веб-сайтів.

Мета: навчитися створювати веб-сайти завдяки конструктора Wix.сom.

Завдання 1. Створення веб-сайту (платформи для наукового проекту) за допомогою Wix.com

​Хід роботи

Сторінки веб-сайту:

Головна: Інформація про мету проекту. Хмара тегів. Календар, Геосервіси

План проекту: Ментальна карта, План проекту.

Веб-ресурси: Блог, Веб-квест.

Мультимедійні ресурси: Інтерактивний плакат. Е-презентація

Опитувальник: Анкета 1. Анкета 2.

Закладки: БобрДобр, Diigo.

Автор: Інформація про автора.

Цікаві відповіді на запитання: самостійна робота

Додаткові сторіки: на розсуд автора веб-сайту від 2 до....

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

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

Увага: обов'язково перейдіть в режим інкогніто (Ctrl+Shift+N).

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

Сервіс Wix.com надає широкий вибір тем для оформлення: від фотографії, дизайну, арту до бізнесу, послуг і ресторанів. Кожна тема містить професійні шаблони, що розподілені по категоріях.

Сервіс Wix.com надає широкий вибір тем для оформлення:

• 1. від фотографії,

  2. дизайну,

  3. бізнесу,

  4. послуг і ресторанів.

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

На цій же сторінці є можливості для впорядкування дизайнів окремо Flash і Html5, а також можливість переглянути новітні або найпопулярніші роботи. Біля кожного макета є кнопка "Перегляд" за допомогою якої можна побачити як виглядатиме майбутній Інтернет проект після завершення роботи.

У разі, якщо користувач хоче застосувати власний дизайн присутній варіант "Порожні", де можна вибрати структуру розташування елементів і меню на майбутньому сайті, решта елементів додається вручну.

КРОК 2. Редагування та налаштування шаблону

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

Готовий шаблон можна змінити в один із способів:

• • Клікнути по елементу, що потребує змін.

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

Ліве бічне меню складається з чотирьох пунктів:

• • Сторінки – опції призначені для роботи з сторінками сайту. Їх можна переміщати, редагувати, додавати і видаляти. Підтримується ієрархія сторінок у вигляді випадного меню. Також можна вказувати МЕТА дані для кожної зі сторінок сайту.

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

  • Додати - розділ з віджетами, які можна розмістити на веб-сторінці. Зокрема, це текст, фото, галерея, медіа, форми і лінії, кнопки і меню, соціальні мережі, Інтернет магазин і додатки.

  • Налаштування – тут можна задати адресу сайту, додати фавіконки, встановити SEO-параметри для пошуковиків, налаштувати статистику.

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

Для уставляння віджетів не потрібні знання програмування, установка плагінів тощо. У відповідному пункті меню (див на рис. пункт 3), слід вибрати відповідний віджет і простим перетягуванням розмістити елемент на сторінці. В залежності від налаштувань, віджет може відображатися на одній або на всіх сторінках сайтах.

Додавання віджетів:

Додавання на сайт віджет коментарі:

Функції, яких немає в конструкторі, можна додати за допомогою HTML коду. Але навіть без цього є достатньо наявних елементів для стандартного повноцінного сайту. Всі елементи сторінки надаються до налаштувань за потребами користувача.

Крок 3. Фініш. Власний домен

Праворуч зверху в редакторі Wix.com є кнопки для збереження змін "Публікація" (або ж виконати команди Сайт-Сохранить), де ви зможете змінити адресу сайту та опублікувати ваш сайт.

Пункт "Публікація" дозволяє розмістити сайт на сервері і зробити його доступним для всіх користувачів Інтернету. Оскільки сервіс Wix.com є безкоштовним, тому, введено обмеження на доменну адресу, яка буде мати вигляд:

http://ваш_логин.wix.com/назва_сайту

Також ви маєте можливість на будь-якому етапі роботи переглядати створенні сторінки (елементи сайту). Вам потрібно просто натиснути на кнопці Предпросмотр у верхньому правому куті вікна.

В Wix.com є кілька варіантів платного пропозицій:

Переваги платного акаунту

• • Отримання якісного дизайну, що повністю налаштовується.

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

  • Присутня SEO функціональність і багато корисних віджетів.

  • Підтримку сайту можна робити власноруч або звернутися в технічну підтримку Wix.com.

  • Як бонус за преміум-тарифи, домен надається безкоштовно. Також надаються купони на рекламу в Google і Facebook - що є важливим для старту власного бізнесу в мережі.

Wix.com пропонує вигідні пропозиції для веб-розробників. Можна стати партнером і заробляти гроші за рахунок доходу отриманого з власного сайту. Для творчих людей пропонують роботу дизайнеру Wix.com. Вони отримують доступ до Каталогу Професіоналів (Wix Pro), куди адміністрація сервісу направляє клієнтів, які шукають виконавців.

Хід роботи:

• 1. Ознайомитися з системою Wix.com.

  2. Обрати відповідний до тематики шаблон і створити повноцінний сайт на 5-6 сторінок. Сторінки: Головна (короткі відомості, віджети), Схема проекту (карта знань, план проекту), Веб-технології (блог, вебквест), Опитувальник, Оцінювання (е-журнал, тест, критерії оцінювання), Мультимедійні матеріали (плакат, )...

  3. Ознайомитися із адміністративною панеллю.

4. Змінити тексти, картинки, заголовки, фон. Мова сайту - українська!

5. Додати/забрати наявні сервіси до сайту (календар подій, місце знаходження, коментування та ін.).

6. Опублікувати сайт в Інтернеті.

7. Заповнити спільний документ (Вказати доменну адресу, назву і короткий опис створеного сайту).