2. Дорогие студенты!
Сегодня мы с вами будем создавать сайт для идеальной школы с
необычными, интересными предметами. Для начала ознакомимся со
структурным оформлением сайта.
Ваше задание сегодня будет заключаться в том, что-бы создать сайт
идеальной школы, которая бы вам понравилась.
Разместим информацию о названии школы и ее логотип вверху сайта, а внизу
– адрес.
3. Хедер – один из важных элементов сайта. На нем располагается меню сайта и
логотип.
Футер – элемент сайта, где располагается вся контактная информация фирмы или
того, кто занимается разработкой данного сайта. Это элементы, которые на сайте Wix.com
добавляются по умолчанию.
Перейдите на страницу с пустыми элементами:
Wix.com/website (см. рис. 1).
Рис.1
4. Перейдите к шаблону сайта. Для
добавления или отображения хедера
необходимо: щелкнуть правой кнопкой
мыши по верхней области экрана.
Появится следующее меню, показанное
на рисунке 2.
Рис.2
Хедер можно зафиксировать таким образом, что-бы при прокрутке вниз
пользователь всегда мог видеть меню сайта (рис. 3).
Рис.3
6. Теперь нужно узнать о таких инструментах: Линейка,
Границы сайта, Выравнивание элементов (рис. 6).
Рис.6
7. Линейки помогут разместить и правильно выровнять элементы
относительно друг друга на разных страницах сайта (рис. 7).
Рис.7
Границы сайта помогут правильно построить сайт. Чтобы сайт мог открываться в
любом браузере и на мобильных устройствах, не выходите за границы сайта
(рис. 8).
Рис.8
Выравнивание элементов
Если перетаскивать элементы, в определенный момент будут появляться цветные
линии, которые помогут аккуратно разместить любой объект.
8. Теперь нужно научиться правильно сохранять созданный сайт. Для этого
необходимо в правом верхнем углу нажать кнопку Сохранить (рис. 9).
Рис.9
9. Для того чтобы сайт смотрелся интереснее, добавим фон страницы. Для установки
фона на странице, необходимо нажать слева первую кнопку Фон (рис. 10). В этом случае,
фон установится только на Главной странице.
Если же вам нужно, чтобы фон отображался и на других страницах, нажмите кнопку
Добавить на страницы и выбирайте те, на которых хотите установить заданный фон (см.
рис. 11).
Рис.10 Рис.11
10. Для того чтобы отформатировать текстовое наполнение сайта (например, описание
предметов), воспользуйтесь функцией Добавить > Текст (рис. 12).
Рис.12
Далее нужно отредактировать надпись.
Когда вы завершите работу с редактированием, не забывайте нажать кнопку Сохранить.
11. Для выполнения задания добавьте на сайт несколько страниц: описание школы,
предметов, преподавателей, расписание и т. д.
Расписание вы можете оформить с помощью уже известного нам сайта Canva.com.
Для того чтобы найти шаблон для расписания, нажмите на кнопку Обзор шаблонов.
Откроется новая страница с поисковой строкой. Введите в нее «Расписание уроков» и
выберите понравившийся шаблон. Затем вы можете отредактировать его, добавив
предметы (рис. 13).
Рис.13
12. Задание
1. Доделать незавершенные на уроке блоки.
2. Добавить на сайт новость о празднике в школе.
3. Подготовить в Canva пригласительные на праздник.
4. Опубликовать свой сайт.
5. Прикрепить текстовый документ со ссылкой на сайт в MyStat,
со следующим названием: Фамилия_Группа_WIX_ДЗ №2.