Для наилучшего освоения wix рекомендуется читать заметку, зайдя в wix.com и повторяя немногочисленные, но основные действия, описываемые ниже.
Что важно учесть при работе с конструктором сайтов wix.
1. Для наиболее надежной работы этого конструктора советую при работе с ним использовать браузер Google Chrome.
2. Внимательно относитесь к выбору шаблона для своего проекта, поскольку в wix невозможно перейти на другой шаблон, автоматически скопировав свои материалы из предыдущего шаблона. Всё придется размещать заново.
3. Помните, что в адресе опубликованного Вами сайта будет в искаженной форме отображаться адрес почты, с которой Вы зарегистрировались в wix. Поэтому, если ответственно относиться к адресу создаваемого сайта, целесообразно предварительно создать новый e-mail, отражающий тему вашего будущего проекта.
Интерфейс wix.
При работе над проектом мы имеем 2 вкладки: панель администрирования и вкладку непосредственной работы с сайтом («Wix Website Editor»). Во вкладке «Wix Website Editor» мы можем переключаться от окна «Редактирования» в окно «Предпросмотр» и обратно с использованием соответствующих кнопок в правом верхнем углу.
Интерфейс окна «Редактирование» вкладки «Wix Website Editor» и основные идеи работы в этом окне.
Здесь мы осуществляем редактирование своего сайта. В любой момент мы можем посмотреть результаты своих трудов по изменению проекта, перейдя на вкладку «Предпросмотр» с помощью кнопки «Предпросмотр» (в правом верхнем углу). Во вкладке «Редактирование» надо помнить и о кнопке «Сохранение», т.е. после редактирования сайта все изменения надо сохранить нажатием этой кнопки. Кроме того, можно и опубликовать сайт (кнопка «Опубликовать»), т.е. сделать его видимым пользователям сети Интернет. Но спешить с этим не надо: публикуют уже более или менее готовые сайты. Перейти к процессу публикации сайта можно и из окна «Предпросмотр» вкладки «Wix Website Editor». Эти же операции можно делать и через пункт меню «Сайт» конструктора wix.
Три основные зоны окна режима «Редактирование»: макет страницы сайта, панель инструментов, меню. Я посоветовал бы сделать видимой и четвертую область: «Инструменты», в которой нас прежде всего будет интересовать часть этой панели: «Панель свойств» (кнопка «инструменты» в правом верхнем углу, после открытия соответствующего окна выбора поставить флажок «Инструменты»). На наших снимках экрана эта панель уже открыта.
Основной прием работы с любым объектом в поле редактируемого сайта (рассматривается на примере работы с картинкой).
Чтобы начать работать с любым объектом в поле страницы макета редактируемого сайта, надо этот объект выделить, нажатием на него указателем мыши. В результате вокруг объекта появится рамочка выделения, над объектом появится меню работы с этим объектом, а на панели свойств будут видны свойства объекта: его размеры и координаты точки привязки.
Вопрос: можно ли менять линейные размеры картинок, галерей с картинками, видео (увеличение или уменьшение), таская угловые маркеры объекта после его выделения?
Ответ: лучше это вообще не делать, но в крайнем случае можно, только очень незначительно меняя размеры изображения. Разъяснение на картинке ниже.
Перед тем, как заменить картинку из шаблона wix на собственную картинку, необходимо посмотреть на панели свойств размеры картинки из шаблона wix. Размеры вашей картинки целесообразно сделать очень близкими к размерам заменяемой картинки: не забывайте, что над шаблонами работали профессиональные дизайнеры.
Не следует забывать, что в сайт, создаваемый конструктором wix (и в любой другой сайт) надо помещать только картинки, имеющие разрешение 72 ppi или для сайтов, в которых критически важно качество изображений, можно использовать 150 ppi (но это пока редкий и не наш случай).
Основные кнопки, необходимые при знакомстве с wix в нашей стратегии изучения ИТ «от простого к сложному».
1. Кнопка работы со страницами.
Со страницами мы работаем с помощью «кнопки работы со страницами». После нажатия этой кнопки переходим на пункт «Меню сайта». Далее мы видим меню работы со всеми страницами сайта. На каждом из пунктов меню страниц мы видим «кнопки свойств» соответствующих страниц. Эти свойства страниц мы можем изменять в меню, открывающемся после нажатия на «кнопку свойств» каждой из страниц.
Страницы и субстраницы, в чем отличие?
При создании страницы мы автоматически получаем пункт перехода на эту страницу в главном меню. При необходимости вторым шагом можно эту страницу превратить в «субстраницу», т.е. поместить пункт меню, соответствующий этой странице, в ниспадающее меню, берущее начало от другого пункта меню.
Таким образом, мы можем создавать страницы двух видов:
1. «Полноценную страницу» (которая может иметь свое содержимое и свой пункт меню). Такая страница создается кнопкой «Создать страницу» в нижней части меню работы со страницами.
2. «Страницу-папку» (к пункту меню этой «папки» мы можем "подшивать" ниспадающее меню, но сам пункт меню «папка» не соответствует никакой странице сайта). Страница-папка создается кнопкой «Добавление папки» в нижней части меню работы со страницами.
2. Остальные кнопки панели инструментов кратко описываются на нижеследующей картинке.
Фон страниц: основные рекомендации.
- не забываем о единстве стиля: фон страниц в небольшом сайте должен быть одинаковым для всех страниц,
- фон не должен «забивать» тексты: тексты должны читаться без проблем,
- фон не должен излишне «утяжелять» страницы: не используйте видео фон, предлагаемый wix. У него слишком большой «вес», кроме того, эти видео фоны – wix-совский стандарт, а всё, что стандартное – плохо.
Два слова о стиле.
Коли мы заговорили о стиле сайта, надо отметить, что не следует использовать предлагаемые wix анимации: разные вылетания страниц и элементов страниц. Такие трюки замедляют загрузку страниц. Учтите, что эти анимации часто задаются wix-ом «поумолчанию» - необходимо убирать эту настройку на необоснованные анимации.
Еще немного "занудства", взятого из Интернета.
Несколько авторских видео по теме статьи.
Эти видео 2020 года. Но интерфейс wix уже немного обновился. Однако, базовые операции те же самые.
Создание ниспадающего меню в wix.