WEBSITE X5
Как создать сайт за 5 шагов
Каждый может легко создать веб-сайт с помощью WebSite X5, даже не имея навыков программирования или графического дизайна. Достаточно следовать интуитивно понятной процедуре, чтобы превратить вашу первоначальную идею в полноценный онлайн-сайт.
С помощью WebSite X5 вы можете создать свой сайт за 5 шагов:
Шаг 1 - Настройте свой проект
Первый шаг для создания нового веб-сайта - начать новый проект, определив некоторые основные общие конфигурации:
Запустите WebSite X5 и выберите « Создать новый проект» в окне выбора проекта, затем нажмите « Далее».
Вы найдете окно выбора шаблона . Проверьте категории шаблонов: нажав кнопку « Просмотр» , вы можете просматривать страницы шаблона, чтобы увидеть, как он был структурирован. Выберите шаблон, который вам нравится, и нажмите Ok.
Шаг 2 - настроить шаблон
На самом деле шаблоны - это полноценные мини-сайты со своим графическим макетом, страницами и содержимым. Вы можете открыть их в локальном браузере и проверить, как они были разработаны, а также как они адаптируются к различным разрешениям на планшетах и смартфонах.
Все шаблоны полностью настраиваемые. Есть много вещей, которые вы можете сделать, например, добавить логотип вашей компании в заголовок шаблона:
Перейдите на Шаг 2 - Шаблон > Содержимое шаблона .
Оставайтесь в разделе заголовка. Выберите значок для объекта изображения, перетащите его в рабочее пространство и отпустите его. Вы можете расположить и изменить его размер с помощью якорей или с помощью параметров на панели инструментов.
Дважды щелкните по объекту изображения, который вы только что добавили, чтобы открыть окно настроек: импортируйте файл, который вы хотите использовать для своего логотипа, и подтвердите ваш выбор.
Нажмите кнопку « Просмотр» , чтобы открыть свой веб-сайт в локальном браузере и убедиться, что он принимает форму.
С WebSite X5 вы можете решить использовать и настроить один из доступных предустановленных шаблонов или создать оригинальный с нуля: у вас есть полная свобода для достижения желаемого результата.
Шаг 3 - Добавить страницы
Теперь, когда вы определили общий макет для ваших страниц, вы можете перейти к следующему важному аспекту: настройке древовидной структуры для вашего сайта.
Предположим, что вы выбрали пустой шаблон на предыдущем шаге, и теперь вы хотите создать очень простой веб-сайт с домашней страницей, страницей продуктов с двумя подстраницами для продуктов A и B, страницами «О нас» и «Контакты».
Вот что вам нужно сделать:
Перейдите к шагу 3 - Карта : как вы можете видеть, некоторые страницы по умолчанию уже присутствуют на карте, но вы можете переименовать их и добавить больше.
Выберите домашнюю страницу и выберите Новый уровень : вместо «Уровень 1» введите «Продукты». Подтвердите ввод клавишей Enter.
Выберите уровень продуктов, который вы только что добавили, и выберите « Новая страница»: переименуйте его в «Продукт A». Сделайте то же самое для страницы «Продукт B».
Выберите страницу 1: дважды щелкните ее или нажмите кнопку « Переименовать» , чтобы изменить ее название на «О программе». Сделайте то же самое для «Страница 2», чтобы переименовать его в «Контакт».
Вам не нужна страница 3: выберите ее и нажмите кнопку « Удалить» .
Теперь выберите «Предпросмотр», как вы видите, теперь меню воспроизводит карту, которую вы создали. Страницы, которые вам нужны, есть, но они все еще пусты.
Вы можете вернуться к Карте и отредактировать ее в любое время: меню навигации будет автоматически обновляться в соответствии с внесенными вами изменениями.
Шаг 4 - Импортируйте ваше содержимое сайта
Пришло время перейти к содержанию. Вы можете позаботиться об этом аспекте, работая полностью визуально: каждая страница представлена сеткой, которую вы можете заполнить, вставив содержимое в каждую ячейку.
Давайте создадим эту страницу контактов
Имеется вводный текстовый блок, изображение, второй текстовый блок «Отправить сообщение» и форма электронной почты.
На Шаге 3 - Карта, дважды щелкните страницу Контакт или выберите страницу на Карте и нажмите кнопку Далее .
Теперь вы находитесь на шаге 4 - Создание страницы, и можете настроить страницу контактов.
Выберите текстовый объект из списка доступных объектов и поместите его в сетку, чтобы он поместился в две ячейки в строке 1.
Дважды щелкните объект, который вы только что добавили в сетку, чтобы открыть редактор: введите и отформатируйте текст, к которому вы привыкли.
Таким же образом Вы можете добавить еще содержимое :
Выберите объект «Изображение» из списка доступных объектов, перетащите его мышкой, чтобы он поместился в 2 ячейки строки 2 в сетке.
Дважды щелкните объект, чтобы открыть окно настроек и импортировать файл изображения, который вы хотите использовать.
Процедура для формы электронной почты такая же:
Нажать на кнопку «Добавить строку после выбранной ячейки», чтобы добавить новую строку в сетке.
Выберите объект «Контактная фотрма» и перетащите его на страницу.
Дважды щелкните объект, который вы вставили, чтобы открыть окно настроек: здесь вы найдете все параметры, поэтому настройте количество полей, настройте параметры отправки и определите графический стиль.
Помните: каждый раз, когда вам нужно, вы открываете предварительный просмотр, чтобы проверить результат в локальном браузере.
Как вы, наверное, заметили, объекты - это блоки контента, которые лежат в основе создания страницы. С WebSite X5 у вас есть все необходимые объекты: от текстов до изображений, от галерей до форм электронной почты. Кроме того, на Торговой площадке вы можете найти множество дополнительных объектов, которые обогатят ваши сайты интересными функциями: альтернативные галереи, карты, анимированные кнопки и многое другое.
Шаг 5 - Экспорт вашего сайта на хостинг
Теперь, когда вы вставили все содержимое на своих страницах, ваш сайт готов. Вам просто нужно загрузить его на хостинг, чтобы каждый мог его увидеть.
Перейдите на Шаг 5 - Экспорт и выберите Загрузить веб-сайт в Интернет.
Введите необходимые параметры подключения: если вы не уверены в них, обратитесь к своему провайдеру, то есть к сервису, предоставляющему вам хостинг.
Подтвердите и начните процесс экспорта.