2.3 Разработка сайта

2.3.1 Регистрация на сайте редактора Wix

Для данного дипломного проекта используется CMSWix, главная страница сайта которой представлена на рисунке 2.3.1.

Рисунок 2.3.1- официальная страница сайта Wix.

Далее требуется пройти процесс регистрации на сайте CMS Wix, выбрать доменное имя для будущего сайта. (Рисунок 2.3.2)

Рисунок 2.3.2- окно регистрации.

В появившийся форме, нужно ввести свой действующий E-Mail и пароль, для входа в свой личный кабинет на сервисе.

В качестве альтернативы можно использовать возможность войти при помощи учетной записи на одном из социальных сервисов Facebook или Google+. В этом случае просто нужно будет подтвердить разрешение на подключение к аккаунту.

После регистрации нас перенаправит на следующую страницу (Рисунок 2.3.3)

Рисунок 2.3.3- выбор тематики будущего сайта, для фильтрации подходящих шаблонов.

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

2.3.2 Редактор сайта

После выбора шаблона, нажатием кнопки редактор, мы непосредственно переходим к редактированию шаблона выбранной тематики. (Рисунок 2.3.2)

Рисунок 2.3.2- Главная страница редактора

При открытии шаблона, появляется окно с видео, которое кратко рассказывает и показывает возможности редактора.

(Видео- http://www.youtube.com/watch?v=SPGEI2BkoiU)

Как видим, все органы управления сосредоточены у нас на боковой (Рисунок 2.3.3)

Рисунок 2.3.3- боковая панель.

и на верхней (Рисунок 2.3.4) панели инструментов.

Рисунок 2.3.4- верхняя панель

Верхняя панель служит больше для различных настроек и публикации сайта. С ее помощью можно:

• переключить режим редактирования с десктопной на мобильную версию и наоборот;

• выбрать страницу сайта, которую необходимо редактировать;

• отменить/повторить последнее действие;

• скопировать/вставить выделенное в/из буфера обмена;

• активировать сетку направляющих, выравнивание элементов по сетке, а также линейки;

• включить предпросмотр сайта;

• сохранить сайт в черновиках или опубликовать его в Интернете;

• оплатить профессиональный аккаунт;

• вызвать справку.

2.3.3 Настройка сайта

В разделе настроек (нижняя кнопка в левом меню) у нас есть несколько полезных подразделов. И первый из них – "Адрес сайта" (Рисунок 2.3.3)

Рисунок 2.3.3- Название и адрес сайта

Здесь я уточняю адрес своего нового сайта. Теперь он имеет вид "wezo380.wix.com/family". Рисунок 2.3.4

Рисунок 2.3.4- готовый адрес сайта

Это пожалуй, один из самых досадных моментов бесплатного использования WIX. Добавить реальный адрес нельзя.