Практикум «Создание собственного сайта»
статья

муниципальное бюджетное дошкольное образовательное учреждение детский сад № 62

Практикум «Создание собственного сайта»

(Сообщение к педсовету №1)

                                    Подготовила Осокина Т.В.,

воспитатель МБДОУ детского сада № 62

г. Новочеркасск

2018 г.

Как создать сайт на Wix: пошаговая инструкция.

Wix — один из самых популярных конструкторов сайтов. Он подходит для разработки проектов разной сложности, от одностраничников до онлайн-магазинов. Одна из его главных особенностей — широкие возможности для изменения внешнего вида сайта.Создать сайт на Wix просто. Сложности могут возникнуть на этапе его настройки — в первую очередь это связано с обилием различных приложений.

Конструктор Wix предлагает создать сайт разными способами — в том числе с помощью системы искусственного интеллекта. Но у пользователя всегда остаётся возможность внести изменения вручную с помощью мощных инструментов, доступных в визуальном редакторе. Сайты любого типа на Wix создаются одинаково. Различия появляются на этапе настройки. Но общих моментов очень много. 

Создание сайта

Регистрация на Wix занимает несколько минут. Для создания учётной записи вы можете использовать электронную почту или аккаунты Facebook и Google.

Достаточно придумать пароль от аккаунта и подтвердить регистрацию с помощью ссылки, которая придёт в письме от Wix.

После авторизации нажмите «Создать сайт». Появится окно с выбором типа проекта. От того, какой пункт вы отметите, зависит содержание каталога шаблонов. Следующее окно — выбор способа создания сайта. Есть два подхода:

• Технология Wix ADI — искусственный интеллект задаёт нескольлко уточняющих вопросов и на основании предоставленной информации формирует интерфейс сайта.
• Ручное создание сайта: выбор шаблона и доведение его до ума в визуальном редакторе.

Использование первого подхода не исключает второй способ. После работы Wix ADI вы всё равно попадёте в визуальный редактор, где сможете настроить внешний вид сайта. Так что давайте посмотрим, какими возможностями обладает искусственный интеллект конструктора.

Вот список вопросов (есть возможность их пропускать):

1. Сфера деятельности — например, сайт педагога.
2. Какие функции нужны: чат, блог, видео, лента Instagram, события, онлайн-запись и т.д. Нужно выделить подходящие виджеты.
3. Название сайта — Например, «Я – педагог!».
4. Ссылки на старый сайт или страницу компании в Google Places для импорта текстов и фотографий (если такой контент есть).
5. Информация о сайте: логотип, электронная почта администратора, адрес, телефон, аккаунты в соцсетях.
6. Тип шаблона, который нравится.
7. Дизайн главной страницы, который вам нравится.

После выбора опций Wix ADI самостоятельно соберёт отмеченные вами блоки, применит к ним тип шаблона и дизайн главной страницы, а также заполнит список контактов. Результат работы мастера откроется в визуальном редакторе.

Вы можете не полагаться на вкус искусственного интеллекта и выбрать дизайн сайта вручную. Для этого в окне выбора способа создания используйте второй вариант. После нажатия на кнопку «Выбрать шаблон» вы окажетесь в каталоге тем Wix. Шаблоны разделены на категории, по умолчанию раскрыт тот раздел, который подходит для вашего типа проекта.

Настройка функциональности и дизайна

Каким бы способом вы ни создали сайт, в визуальном редакторе в любом случае будет шаблон с демонстрационным контентом. Все элементы, которые вы видите на экране, можно изменить, переместить или удалить. При наведении курсора на блок появляются инструменты для управления им. Если это текстовый элемент, то вы можете тут его переписать, изменить шрифт, начертание, размер букв, форматирование, цвет и другие параметры. У крупных блоков больше настроек — можно, например, выбирать способ отображения содержимого или добавлять анимацию.

Панель инструментов редактор состоит из 7 разделов. Чтобы вы понимали, что можно в них делать, пройдёмся кратко по каждой вкладке.

• «Меню и страницы» — здесь вы добавляете новые страницы и управляете отображением ссылок в меню навигации.
• «Фон» — управление фоном каждой страницы. Можно залить её цветом, добавить фото или видео.
• «Добавить» — каталог элементов интерфейса. Нужно добавить кнопку — просто перетащите её из этого списка на рабочее пространство. Элементов огромное количество, от простой фотографии до полноценной формы онлайн-записи, которая настраивается отдельно.
• Wix App Market — магазин приложений Wix. Позволяет расширить стандартную функциональность конструктора. Через него подключаются онлайн-чаты, поиск по сайту, различные формы, всплывающие окна и другие сложные элементы.
• «Медиа» — инструменты для загрузки файлов, а также каталог бесплатных фото и видео.
• «Блог» — отдельный модуль для управления блоковой функциональностью. Через него вы будете создавать и редактировать посты, сортировать их по категориям, скрывать или удалять.
• «Интернет-магазин» — модуль для управления товарами и продажами. Позволяет настроить все аспекты работы онлайн-магазина, в том числе способы оплаты и доставки заказов.

Для настройки сайта не требуются специальные знания. Вы можете полностью управлять интерфейсом вручную, добавляя, перетаскивая и видоизменяя элементы. Изменения сохраняются автоматически, но вы можете их отменить.

Публикация контента

Wix предлагает интересный подход к управлению содержимым сайта. Если вы делаете портфолио, визитку, то, скорее всего, вам хватит ручной правки текстовых блоков прямо в интерфейсе сайта. Вы можете добавить текст и отформатировать его — во всплывающем окне доступны стандартные возможности для работы со шрифтами и цветами.

Если вы делаете блог, то инструменты управления контентом перемещаются в одноимённый виджет, доступный в панели инструментов визуального редактора. В нём есть всё необходимое для удобной работы с публикациями:

• Простой текстовый редактор с возможностью вставки фото, видео, галереи и HTML-кода.
• Настройки постов: дата публикации, автор, фрагмент для анонса, обложка поста.
• Добавление рубрик для сортировки постов.
• Отдельные SEO-настройки для каждого поста: уникальный адрес, название для поисковиков.

Вы добавляете новые посты, после чего они сохраняются в едином интерфейсе управления записями. Отсюда вы можете их редактировать, копировать, запрещать комментировать или удалять. При создании блога его лента по умолчанию появляется на главной странице сайта. Вы можете сделать его частью другого раздела или изменить способ отображения: карточки, открытка, журнал, список недавних постов.

Выводы

Wix предлагает один из самых простых алгоритмов для создания первого сайта. Очень много действий на нём автоматизировано. Wix ADI на основании представленной пользователями информации создаёт интерфейс, в редакторе мобильной версии можно нажатием на одну кнопку оптимизировать контент под маленькие экраны, а удобный чек-лист поможет убедиться в том, что сайт готов к публикации. Несмотря на автоматизацию процессов, у пользователя есть все возможности для ручной кастомизации шаблона. После работы того же Wix ADI или автоматической оптимизации интерфейса под экраны мобильных устройств остаются доступными инструменты редактирования. Это делает Wix гибким в плане подходов к созданию и настройке сайта. Начинать на этой платформе можно с минимальными знаниями о том, как работает веб. Конструктор поможет реализовать основные требования, чтобы поисковики правильно индексировали страницы. В процессе работы над проектом вы будете открывать новые возможности Wix, применять их и делать сайт лучше.