Веб-технології навчання

Заняття 4-5. Wix.

Дизайн медіабібліотеки.

 

1. Зайдіть на сайт www.Wix.com, оберіть опції Создать сайт, Я новый пользователь і зареєструйтесь.

 

2. Перейдіть у рубрику Шаблони. В пошуковий рядок зліва зверху введіть назву Дизайн интерьера (Оберіть Агафья Матвеева). 

 

3. Оберіть опцію Просмотр. В цьому шаблоні є меню з 5 рубрик, з яких можна зробити Головну сторінку та 4 каталоги, а також слайд-шоу на Головній сторінці, в яке можна додати власні графічні файли.

 

4. Оберіть опцію Редактор. Зліва з'явиться 5 вертикально розташованих іконок. Натисніть на прямокутник зверху (Страницы) і з'явиться меню, на якому відображений перелік рубрик сайту.

 

5. Змініть їх назви на потрібні. Для цього натисніть значок "блакитне колесо" біля кожної назви, замініть назву рубрики і натисніть Готово. У вас має вийти таке меню: Головна сторінка і 4 каталоги (текстовий, графічний, відео- та аудіо-).

Ви можете подивитися зразок тут.

 

6. Додайте нову сторінку Про автора. Для цього натисніть іконку Страницы, в меню оберіть Добавить, Страница, Назовите вашу страницу. Назвіть її Про автора. Прокрутіть меню донизу і перевірте, чи сторінка з'явилась у меню. Вимкніть меню Страницы.

 

7. Замініть назву сайту. Подумайте, як буде називатись ваша бібліотека і якою мовою. Для цього натисніть на наявну назву сайту, оберіть опцію Редактировать і впишіть потрібну назву. Вимкніть вікно редакції. Виділіть графічний об'єкт позаду назви і видаліть його (наприклад, натиснувши кнопку Delete).

 

8. Збережіть сайт і запишіть назву в зошит.

 

9. Оберіть другу іконку в меню зліва по вертикалі - Дизайн. Оберіть в меню Дизайн опцію Фон, і виберіть той, який вам подобається. Для того, щоб завантажити у фон сторінки інший графічний файл, потрібно обрати опцію Настойки фона, Заменить фото. У конструкторі Wix є бескоштовна бібліотека (Бесплатно от Wix), з якої можна вибрати потрібний файл. Можна також завантажити свій файл з комп'ютера (Загрузить фото) або з соціальних мереж (іконки від Загрузить фото).

 

10. У меню Дизайн перейдіть у рубрику Цвета і оберіть кольорову гаму сайту. Збережіть зміни.

 

11. У цьому ж меню оберіть рубрику Шрифти і виберіть потрібні.  Збережіть зміни.

 

12. Оберіть третю по вертикалі іконку зліва Добавить і виберіть Форми и Линии, Бокс. З'явиться квадрат. Перетягніть його в хедер (верхню частину сайту) і надайте йому такого розміру і форми, щоб зверху помістилась назва сайту. Перетягніть туди назву сайту. Збережіть зміни.

 

13. В меню Добавить оберіть опцію Текст, Заголовок. Придумайте чи знайдіть цитату, яку ви розмістите на вільному місці хедера біля назви. Вставте її замість тексту у бокс, що з'явився. Збережіть зміни. Опублікуйте сайт.

 

 

Структурна організація медіабібліотеки.

 

1. Натисніть на хедер (верхню частину сайту), але не на заголовок, картинку чи цитату. У меню, що з'явиться, оберіть Изменить стиль, а далі Настройте хедер. Оберіть форму та кольорове рішення, які вам найбільше подобаються.

 

2. Натисніть на меню сайту (назви рубрик). Оберіть Изменить стиль, а потім Настройте меню. Виберіть форму та кольори, які вам найбільше подобаються.

 

Выпадающий фон - колір боксів підрубрик, що з'являються, коли навести курсор на рубрику.

Текст - постійний колір назв рубрик.

При наведении - колір назв рубрик, коли на нього навести курсор.

Текст при наведении - колір назви відкритої рубрики меню.

Фон - постійний колір боксів назв рубрик.

Фон при наведении - колір боксів назв рубрик, коли на них наведений курсор.

Выбранный фон - колір боксу назви відкритої рубрики. 

 

3. Збережіть зміни.

 

4. Вмикніть режим Предпросмотр і зайдіть на 2-у по порядку рубрику в меню. Що там розташовано? Який каталог зручніше зробити з неї: текстовий чи графічний? Перейменуте сторінки.

 

5. Знайдіть в Інтернеті наступні ілюстрації:

 

Політична карта Германії / Великобританії

Географічна карта Германії / Ведикобританії

Політична карта Австрії / США

Географічна карта Австрії / США

 

Збережіть їх на робочий стіл комп'ютера.

 

На вашій сторінці графічного каталогу натисніть на блок ілюстрацій і виберіть Организовать фото. У вікні, що з'явиться, оберіть Добавить фото, а далі Загрузить фото. Потім завантажте 4 карти по черзі з Робочого стола.

 

6. Натисніть на блок з фотографіями та оберіть опцію Изменить стиль. Оберіть варіант Рамка, потім Настроить. Оберіть кольори.

 

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

 

8. Натисніть на блок з фотографіями та оберіть опцію Изменить тип галереи. Спробуйте різні варіанти та оберіть той, що з вашої точки зору є найзручнішим для користувачів.

 

Збережіть зміни.

 

9. На задньому плані приберіть текст. Розтягніть вашу галерею до потрібного розміру.

 

Збережіть зміни.

 

10. Вмикніть режим Предпросмотр. Відкрийте рубрику Про автора. Щоб заповнити її ознайомтеся зі зразком - WWW.ENGLISHBIBLIOTEKA.RU (рубрика Об авторе).

 

Вам потрібно написати своє прізвище та ім'я, зазначити місце навчання та в 5-6 реченнях описати ваше бачення того, для кого і для чого ваша бібліотека може виявитись потрібною.

 

 

Завершення оформлення та змістове наповнення медіабібліотеки.

 

1. Видаліть всі непотрібні підрубрики. Для цього у вертикальному меню зліва зверху виберіть опцію Страницы (першу зверху).  Перегляньте кількість рубрик у вікні, що з'явиться. У вас на сайті повинно бути 6 рубрик у такому порядку: головна, графічний каталог, текстовий каталог, відеокаталог, аудіокаталог та про автора. Якщо в меню є назви інших рубрик, їх потрібно видалити. Для цього натисніть на блакитне колесо біля назви рубрики, яку треба видалити. У вікні, що з'явиться, в правому верхньому кутку натисніть на Удалить (позначене червоним).

 

2. Підготуйте сторінку Текстовий каталог до роботи. Перейдіть на цю сторінку, використавши режим Предпросмотр. Виділіть і видаліть всі об'єкти на задньому плані.

 

3. Додайте підрубрики у текстовому каталозі. Для цього у вікні Страницы (у вертикальному меню зліва і зверху сторінки) оберіть опцію Добавить - Страницу - Назовите вашу страницу. Назвіть її Казки. За таким самим принципом створіть ще 2 підрубрики Вірші та Прислів'я. На них ви далі будете завантажувати по 3 прислів'я та по 3 вірші.

 

4. Змініть місцеположення підрубрик у меню. Для цього у вікні Страницы натисніть на квадрат зліва від назви першої підрубрики (Казки) та перетягніть її під Текстовий каталог. Інші дві підрубрики також перетягніть доверху, нижче підрубрики Казки. Тепер ваші підрубрики виглядають як рубрики в меню між Текстовим і Відеокаталогом. 

 

5. Зробіть створені рубрики підрубриками. Для цього натисніть на квадрат біля рубрики Казки і потягніть його трошки вправо і залиште там. Те саме зробіть з рубриками Вірші і Прислів'я (потягніть вправо і там залиште). Тепер у Текстовому каталозі у вас є 3 підрубрики, що будуть виглядати як меню, що випадає при наведенні курсору на каталог.

 

6. Збережіть зміни.

 

7. Додайте ілюстрацію на сторінку Казки. Для цього перейдіть за посиланням і завантажте будь-яку картинку до казки Кіт у чоботях на сторінку підрубрики Казки.

 

Для цього на сторінці Кот в сапогах натисніть на потрібну картинку правою клавішею миші. Оберіть опцію Зберегти зображення як і збережіть її на Робочий стіл. Далі поверніться до своєї медіабібліотеки (до підрубрики Казки) та видаліть увесь текст на задньому плані. У вертикальному меню зліва оберіть опцію Добавить (іконка +) - Фото - Фото - Загрузить фото. Далі оберіть потрібне фото з Робочого стола та відкрийте його. Далі двічі натисніть на нього і воно з'явиться у вас на сторінці. Пересуньте фото вліво і надайте йому середнього розміру.

 

8. Прикріпіть до ілюстрації посилання на текст казки. Для цього перейдіть на сайт Deutsch online або інший за вашим бажанням. Перейдіть за посиланням на сторінку, де знаходиться текст казки Кіт у чоботях, скопіюйте адресу сторінки (адреса знаходиться зверху сторінки. Її треба виділити і скопіювати). Поверніться на ваш сайт. Натисніть на ілюстрацію. У вікні, що з'явиться, оберіть опцію Ссылка на - Веб-адрес. У новому вікні, що з'явиться, вставте посилання в порожній рядок і натисніть ОК.

 

9. Додайте файли у підрубрику Вірші. Перейдіть на сторінку Вірші, використовуючи режим Предпросмотр. Натисніть в будь-якому місці на текст на сторінці і оберіть опцію Редактировать. Виділіть увесь текст і видаліть його (натисніть на Delete). Перейдіть за посиланням, по черзі натисніть на назви трьох віршів і перейдіть до їх текстів, скопіюйте тексти зі сторінки і вставте на свою сторінку Вірші один під одним. Не забувайте про назви. Під блоком віршів напишіть посилання (З сайту ... (додайте назву сайту)). Збережіть зміни.

 

10. Додавання файлів на сторінку Прислів'я буде частиною домашнього завдання.

 

11. Підготуйте сторінку Відеокаталог до додавання файлів. Для цього перейдіть у режим Предпросмотр, перейдіть на сторінку Відеокаталог і поверніться в режим редагування. Виділіть та видаліть всі об'єкти на сторінці.

 

12. Додайте файли у Відеокаталог: спосіб 1. У вертикальному меню зверху зліва оберіть опцію Добавить (іконка +). Далі виберіть опцію Медиа - Видео. У вас з'явиться вікно зі зразком відео. Посуньте його вниз і вліво, під меню. Натисніть на вікно відео і оберіть опцію Поиск видео. У вікні, що з'явиться, у пошуковому рядку напишіть: "Дитячі фільми німецькою мовою". Далі - Поиск. Оберіть фільм "Красная Шапочка" (на немецком языке) або інше відео на ваш вибір. Далі двічі натисніть на обране відео і воно завантажиться у Відеокаталог.

 

13. Додайте файли у Відеокаталок: спосіб 2. Додайте ще одне відео. Для цього у вертикальному меню зверху зліва оберіть опцію Добавить (іконка +). Далі виберіть опцію Медиа - Видео. У вас з'явиться вікно зі зразком відео. Посуньте його вниз і вправо, під меню. Натисніть на вікно відео і в порожній рядок додайте наступне посилання: https://www.youtube.com/watch?v=aAvA7ZPi4CI. Оберіть опцію Обновить. Збережіть та опублікуйте зміни.

 

 

Додатково:

 

1. Відео Редактор сайтов HTML та Конструктор сайтов Wix.

 

2. Зразки медіабібліотек:

 

• WWW.ENGLISHBIBLIOTEKA.RU 

• Электронная библиотека 

• Книжная полка

• Begin English

• Macmillan Dictionary 

• BBC. Learning English 

• English Space