Активация конструктора сайтов IntwayBuilder.
Для того, чтобы получить доступ к конструктору сайтов IntwayBuilder, Вам необходимо сначала его активировать в своем бэк-офисе.
• Зайдите в свой бэк-офис:
• Выберите в меню "Настройки" пункт "Мои веб-сайты"
• На странице напротив сайта нажмите на ссылку Активировать.
• Вы увидите сообщение о том, что Ваш конструктор сайтов успешно активирован.
Будут указаны логин и пароль для доступа к конструктору сайтов IntwayBuider.
Если Ваш конструктор активирован, то выбрав в меню "Настройки" пункт "Мои сайты" Вы увидите в столбце "Статус" напротив Вашего сайта слово "Активно".
Работа с конструктором сайтов IntwayBuilder.
Вход в конструктор сайтов.
Для входа в конструктор Вашего сайта необходимо воспользоваться одним из вариантов:
1. В бэк-офисе выберите в меню "Настройки" пункт "Мои сайты". Далее нажимаете на ссылку "Управление" напротив Вашего сайта. Затем на странице "Управление веб-сайтами" нажимаем вторую ссылку сверху напротив IntwayBuilder.
2. Непосредственно заходите на сайт: http://intwaybuilder.com
Вводите псевдоним сайта и пароль. Нажимаете кнопку "Login"
Справа вверху страницы выберите русский язык.
Пять шагов создания Вашего сайта.
Если Вы первый раз зашли в конструктор для данного сайта, то Вам необходимо выполнить все шаги последовательно. Если же Вы зашли для редактирования, то можете перейти сразу на любой необходимый для изменения шаг.
Первый шаг: Дизайн
• Выбор шаблона
шаблон
Вы можете выбрать из 400 шаблонов.
В левом нижнем углу можете выбрать для просмотра шаблоны только определенной категории.
Навигация по страницам с шаблонами осуществляется с помощью кнопок Вперед/Назад или нажатием на номер страницы.
Для просмотра понравившегося а нажмите под ним на надпись "Просмотр". Просмотр шаблона откроется в новом окне.
Для выбора понравившегося шаблона нажмите под ним на надпись "Выбрать шаблон". После выбора шаблона надпись сменится на "Выбран".
• Цветовая схема
Выберите в левом верхнем углу "Цветовая схема".
Для просмотра понравившегося варианта нажмите под ним на надпись "Просмотр"
Выберите из трех вариантов один, нажав под ним "Выбрать".
• Шапка
Выберите в меню "Шапка".
Для просмотра нажимайте "Просмотр".
Выберите из трех вариантов один, нажав под ним "Выбрать".
• Кнопки
Выберите в меню "Кнопки".
Для просмотра нажимайте "Просмотр".
Выберите из трех вариантов один, нажав под ним "Выбрать".
• Логотип
Выберите в меню "Логотип".
Вы можете оставить логотип, установленный по умолчанию.
Для загрузки своего логотипа нажмите на кнопку "Обзор". Выбираете необходимую картинку (файл с расширением .gif или .jpeg) и нажимаете "Открыть". Далее жмем на кнопку "Загрузить". Рекомендованный размер изображения логотипа зависит от выбранного шаблона и указан на странице
.
• Флэш-заставка
Выберите в меню "Флэш-заставка".
Если Вы хотите чтобы на странице входа на Ваш сайт проигрывался ролик, тогда напротив "Включить флэш-заставку" ставите в квадратике галочку.
Впишите текст заголовка и основной текст в соответсвующие поля.
Выберите цветовую гамму и схему объекта. Для просмотра используйте кнопку "Просмотр" в левом верхнем углу..
Сохраните параметры, нажав на кнопку "Применить" внизу.
• Информация
Выберите в меню "Информация".
Введите имя компании, слоган, URL корпоративного сайта и copyright на ваш веб-сайт в соответствующие поля.
Сохраните параметры, нажав на кнопку "Применить" внизу..
Второй шаг: Страницы
Структура сайта может состоять из 6 страниц верхнего уровня и до 10 страниц нижнего уровня, т.е. максимум 60 страниц.
В зависимости от назначения и функций вашего будущего веб-сайта Вы можете использовать готовые наборы страниц, модифицируя их для того, чтобы наилучшим образом подстроить структуру вашего веб-сайта под ваши нужды.
Для того чтобы добавить на веб-сайт страницы и организовать их в иерархическом порядке:
1. Выберите тип будущего веб-сайта из выпадающего списка "Тип сайта". В списке ниже появится набор страниц для выбранного типа сайта.
2. Выберите из списка страницы, которые Вы хотите добавить на свой веб-сайт.
3. Нажмите на кнопку "Добавить выбранные страницы" для добавления выбранных страниц в структуру веб-сайта.
4. Отредактируйте текущую структуру веб-сайта, используя кнопки в правой части окна:
- Для добавления в структуру веб-сайта новой страницы нажмите страниц"Добавить новую страницу". Появится дополнительное окно (на рисунке ниже это окно выделено серым цветом). Выберите тип страницы (HTML-страница, страница фотогалереи или страница магазина) из выпадающего списка "Тип" и введите заголовок новой страницы в поле "Заголовок".
- структуры сайта, можно, нажав на кнопки "Вверх" или "Вниз" соответственно.
- Переместить страницу со второго на первый уровень можно, нажав "На уровень вверх".
- Переместить страницу с первого на второй структурный уровень можно, нажав "На уровень вниз". Страни
- Для того чтобы изменить заголовок ы, выберите страницу из списка, нажмите на "Изменить заголовок страницы" и введите новый текст в поле "Заголовок".
- Удалить страницу можно, выбрав ее в списке и нажав на "Удалить страницы".
- Переместить страницу выше или ниже, оставаясь на одном уровне цы второго уровня выделены с помощью многоточий («...») перед их названиями.
5. Для того чтобы увидеть текущее состояние Вашего веб-сайта, нажмите на ссылку "Посмотреть" в левом верхнем углу окна. Вы можете просматривать веб-сайт на любом этапе его создания.
При переходе к следующему шагу для сохранения структуры Вашего сайта в появившемся окне обязательно нажмите на кнопку "ОК".
Третий шаг: Редактировать (Изменить)
Здесь Вы вводите информацию, которая будет располагаться на Вашем сайте.
Если Вы потом решите, например, сменить дизайн сайта, то Вам не понадобится повторно вводить контент сайта, т.к. содержание сайта и его дизайн не зависимы друг от друга.
По умолчанию для редактирования открывается первая страница сайта.
Главное окно редактора состоит из следующих частей:
Панель инструментов редактора дает доступ к командам, используемым для редактирования текстовой информации.
Панель модулей содержит иконки модулей, используемые для добавления модулей на HTML-страницы.
В Рабочей области редактора Вы добавляете и редактируете контент веб-сайта. Используйте ссылки вашего веб-сайта для перехода на другие страницы.
Используя кнопку Расширенные (внизу справа), Вы можете увидеть и изменить фрагмент HTML-кода той части страницы, на которой находится курсор.
В нижнем блоке IntwayBuilder отображается последнее действие и располагаются кнопки навигации между шагами Конструктора ("Назад" и "Вперед").
Если стандартный размер окна редактора слишком мал для вас, нажмите на кнопку "Во весь экран" для того, чтобы перевести окно редактора в полноэкранный режим. Вернуться к стандартному виду экрана IntwayBuilder можно с помощью кнопки "Нормальный режим".
Для сохранения изменений, сделанных в ходе редактирования контента, нажмите на кнопку "Сохранить изменения". Старайтесь это делать постоянно на каждом этапе вносимых изменений.
Редактирование текстовой информации
Для изменения текста Вы можете выбрать следующие команды на панели инструментов редактора IntwayBuilder:
Выберите "Вырезать", "Копировать" или "Вставить" для того, чтобы вырезать копировать или вставить текст из буфера обмена.
Выберите "Отменить" для отмены последнего действия и "Вернуть", если вы решили не отменять последнее действие.
Выберите "Найти" для открытия диалога "Найти и заменить". В поле "Найти" введите текст, который вы хотите найти. Если вы хотите заменить найденный текст на другой, введите текст для замены в поле "Заменить на". Нажмите "Найти", "Заменить" или "Заменить все".
Выберите "Проверка орфографии" для того, чтобы проверить текст на орфографические ошибки (только для английского языка). Когда редактор найдет возможную ошибку, он откроет диалоговое окно, в котором вы можете внести в текст изменения.
Выберите "Выделить все" для того, чтобы выделить весь текст на странице
Форматирование текста
Наберите текст. Выделите фрагмент текста, который Вы хотите изменить (вплоть до одного символа). Нажмите на иконку свойства (первая строка кнопок в панели инструментов) , которое Вы хотите применить.
Используйте стили для того, чтобы применить определенное форматирование к выделенному тексту. Использование стилей обеспечивает одинаковое форматирование всех фрагментов текста одного стиля на всех страницах вашего веб-сайта.
Для вставки в текст специальных символов, таких как символ авторского права, буквы других алфавитов и так далее, нажмите на кнопку "Вставить символ" на панели форматирования.
Форматирование абзацев
Выделите текст, который вы хотите отформатировать. Примените одну из следующих команд форматирования:
Для выравнивания текста нажмите на одну из кнопок "Выравнивание по левому краю", "Выравнивание по центру", "Выравнивание по правому краю" или "Выравнивание по ширине" на панели инструментов.
Для изменения отступа выделенного текста нажмите на кнопку "Увеличить отступ" или "Уменьшить отступ" на панели инструментов.
Для вставки горизонтального разделителя поместите курсор в нужное место и нажмите на кнопку "Горизонтальная линия".
Формат текста в конструкторе отличается от того, как это будет выглядеть в интернете, поэтому для просмотра используйте кнопку в левом верхнем углу "Посмотреть".
Добавление ссылок
Нажмите на кнопку "Вставить гиперссылку" на панели инструментов. Откроется диалоговое окно "Вставить/редактировать гиперссылку".
Для того чтобы добавить внешнюю ссылку на другой веб-сайт:
• Введите адрес веб-сайта (URL) в поле "URL", например http://intdelo.ru
• Введите текст ссылки, который будет непосредственно отображаться на странице, в поле "Текст"
Для того чтобы добавить внутреннюю ссылку на другие страницы вашего веб-сайта:
• Выберите страницу, на которую должна вести ссылка, из выпадающего списка "На страницы этого сайта"
• Введите в поле "Название", расположенное под выпадающим списком, имя ссылки, которое будет отображаться на странице
Выпадающий список "Подсказка" дает возможность выбрать адрес открытия ссылки: в новом окне браузера или в текущем окне. Обычно внутренние ссылки открываются в том же самом окне, в то время как внешние — в новом окне.
Выберите внешний вид ссылки из выпадающего списка "Оформление текста". Ссылка может быть подчеркнутой, надчеркнутой или зачеркнутой. Если вы выберите Нет, ссылка не будет выделяться среди окружающего текста. Как правило, ссылки выделяют подчеркиванием.
Нажмите "OK", чтобы вставить ссылку.
Для того чтобы отредактировать уже существующую ссылку, дважды щелкните по ней. Откроется диалоговое окно "Вставить/редактировать гиперссылку", где Вы сможете изменить все настройки, описанные выше.
Добавление изображений
Нажмите мышкой там, где Вы хотите вставить изображение.
Нажмите "Вставить/изменить изображение" на панели инструментов для вызова одноименного диалогового окна.
Вы можете добавить изображение из галереи сайта или с локального компьютера. Галерея сайта содержит "Выбрать" справа от поля "Галерея сайта". Вы увидите диалоговое окно "Просмотр", в котором содержатся все изображения, хранящиеся в галерее сайта. Выберите необходимое изображение и нажмите "OK".
Для добавления изображения с вашего компьютера нажмите на кнопку "Обзор…" и выберите нужный файл. Нажмите "Загрузить" для того, чтобы добавить выбранное изображения в галерею сайта.
Выберите выравнивание и толщину рамки изображения в блоке "Расположение". Из выпадающего списка "Выравнивание" выберите тип выравнивания изображения на странице: влево, вправо, над текстом и т.д. В поле "Границы" введите толщину рамки вокруг изображения в пикселях. Значением по умолчанию является “0”, что означает отсутствие рамки.
Установите отступы вокруг изображения, вертикальные или горизонтальные, используя поля в блоке "Отступ (Пробелы)". Введите значения отступа в пикселях в соответствующие поля.
В поле "Альтернативный текст" введите краткое описание изображения, которое будет отображаться у пользователей, браузеры которых не смогут показать изображение (если, например, соответствующая опция в браузере окажется отключенной). В этом случае вместо изображений на странице появится альтернативный текст.
Вы можете просмотреть изображение в блоке "Просмотр".
Нажмите "OK" для вставки изображения на страницу.
Если вы хотите изменить размер изображения, щелкните по нему прямо на веб-странице. По периметру изображения появится рамка, потянув за которую мышкой, можно произвольно изменять размер изображения.
Для перемещения изображения в другое место страницы просто перетащите его мышкой.
Если вы хотите изменить свойства изображения, щелкните по нему два раза. В открывшемся диалоговом окне "Вставить/изменить изображение" вы можете изменить свойства, описанные выше.
Кликнув левой кнопкой мыши по картинке Вы выделяете ее. Далее Вы можете воспользоваться для изменения параметров картинки кнопками в правом нижнем углу "Свойства" и "Расширенные".
Работа с таблицами
Таблицы состоят из ячеек, образованных строками и столбцами. На веб-страницах таблицы часто используются как инструмент форматирования для управления размерами и соотношением границ страницы во всех браузерах. Рамки таблицы можно сделать невидимыми, и информация, введенная в таблицу, выглядит так, как необходимо.
Для добавления таблицы:
1. Поместите курсор в то место, куда вы хотите добавить таблицу.
2. Нажмите на кнопку "Вставить/изменить таблицу" для появления одноименного диалога.
3. Введите количество строк и столбцов в новой таблице в первые два поля ("Строки" и "Cтолбцы").
4. Поле "Ширина" определяет, как много пространства новая таблица займет на экране. Выберите единицу измерения (проценты, пиксели или пункты) и введите значение ширины в поле.
5. Выберите способ выравнивания таблицы из выпадающего списка "Выравнивание": по левому краю, по центру или по правому краю таблицы.
6. В поле "Границы" введите значение ширины рамок таблицы (в пикселях). Значение “0” делает рамки невидимыми.
7. В поле "Отступ между ячейками (Пробелы в ячейках)" введите значение отступа между ячейками таблицы в пикселях. Это свойство может быть использовано для создания текстовых полей.
8. В поле "Отступы внутри ячеек (Пробелы в ячейках)" введите значение отступа между рамками ячейки и текстом внутри ячейки в пикселях.
9. Нажмите "OK".
В результате описанных действий на странице появляется новая таблица. Щелкните по любой ячейке для того, чтобы начать ввод информации.
Для изменения свойств таблицы:
Щелкните два раза по таблице на веб-странице.
В открывшемся диалоговом окне "Вставить/изменить таблицу" измените значения положения, отступов и ширины для этой таблицы (количество столбцов и строк не может быть изменено).
Нажмите "OK" для сохранения изменений.
Для добавления в таблицу строк, столбцов или ячеек:
Поместите курсор в то место таблицы, куда вы хотите вставить новый столбец или строку.
Нажмите на одну из следующих кнопок на панели инструментов редактора:
или для вставки строки сверху или снизу от курсора соответственно;
или для вставки столбца справа или слева от курсора соответственно;
или для вставки ячейки над или под курсором соответственно.
Для удаления строк, столбцов или ячеек из таблицы:
Поместите курсор на строку, столбец или ячейку, которую вы хотите удалить (вы можете удалить только один элемент одним действием).
Нажмите на одну из следующих кнопок на панели инструментов редактора:
для удаления строки;
для удаления столбца;
для удаления ячейки (ячейки сдвинутся влево).
Для объединения ячеек таблицы:
Поместите курсор на ячейку, которую вы хотите объединить с другими ячейками.
Нажмите "Объединить ячейки" на панели инструментов для объединения нескольких ячеек в одну. Откроется диалоговое окно "Объединение ячеек".
Введите количество ячеек, которые вы хотите объединить, и выберите направление объединения, начиная с текущей позиции курсора.
Нажмите "OK".
Для разбиения одной ячейки на две равные ячейки (которые до этого не были объединены):
Поместите курсор на ячейку, которую вы хотите разбить.
Нажмите "Разделить ячейку" на панели инструментов для разбиения текущей ячейки на две равные ячейки.
Для разбиения объединенных ячеек на строки и столбцы:
Поместите курсор на ячейку, которая ранее была объединена.
Нажмите "Разделить строку" или "Разделить столбец" для разбиения ячейки на строки или столбцы.
Для перемещения таблицы:
Захватите таблицу, нажав на нее мышкой.
Перетащите таблицу в нужное место и отпустите ее.
Дополнительные модули
IntwayBuilder содержит следующие модули:
Редактор голосований.
Редактор блогов.
Счетчики.
Конструктор форм для отзыва.
Редактор форумов.
Редактор гостевых книг.
Модуль для чтения RSS-каналов.
Редактор скриптов.
Для добавления модуля просто щелкните по его иконке.
Вы можете добавлять любое количество модулей на одну страницу.
Модули не могут быть просмотрены непосредственно в главном окне редактора. Видны только белые прямоугольники, заменяющие модули. Для просмотра модулей в таком виде, в каком они будут представлены в окне браузера, нажмите на кнопку "Посмотреть" на панели инструментов редактора. Ваш веб-сайт со всеми модулями откроется в новом окне браузера.
Размер модулей можно изменять в главном окне редактора. Для изменения размера модуля нажмите на его прямоугольную рамку для появления специальных маркеров (небольшие кружочки и квадратики, появляющиеся вокруг выделенного объекта). Перетащите маркер, изменив тем самым размер объекта.
Для удаления модуля с веб-страницы выделите модуль в главном окне редактора и нажмите клавишу "Delete" на клавиатуре или на иконку на панели инструментов редактора.
Четвертый шаг: Дополнительно (Описание сайта)
Вводите заголовок, ключевые слова и описание сайта в соответствующие поля и нажимаете кнопку "Применить".
Пятый шаг: Финиш (Публикация)
Нажимаете на кнопку "Опубликовать веб сайт".
IntwayBuilder предоставляет пользователям, не имеющим специальных технических знаний (HTML или других языков программирования), уникальные возможности по созданию, опубликованию и поддержке веб-сайтов. Система управления контентом веб-сайта (CMS) IntwayBuilder позволяет широким группам пользователей создавать собственные веб-сайты с минимальными усилиями. От вас не требуется никаких технических знаний, так как сайты создаются, изменяются и обновляются с помощью интуитивно понятного пошагового мастера.
