Обзоры расширений Joomla

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12.

 

 

Расширенные настройки

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

Расширенные настройки

Главное меню

Настройки главного меню (рисунок ниже) разделены на две вкладки.

  1. Основная.
  2. Элементы меню.

Рассмотрим каждую из них более детально.

Настройки главного меню

Вкладка Основная (рисунок выше). Опции Ширина, Горизонтальное поле, Вертикальное поле, Расстояние между кнопками служат для настройки размеров и положения пунктов в главном меню. Вы можете сменить шрифт, его начертание, размер и набор символов для пунктов меню. Также доступна смена выравнивания (По левому краю, По центру, По правому краю) пунктов, активации «ступенчатости» текста (Анти-алиас) и автоматическая прокрутка меню (меню будет спускаться при прокрутке пользователем страницы, чтобы всё время оставаться в зоне видимости). Не рекомендую использовать Анти-алиас при размере шрифта менее 12 пунктов.

Вкладка Элементы меню (рисунок ниже). Данная вкладка предназначена для настройки цветового оформления пунктов меню.

Вкладка Элементы меню

Вы можете настроить отображения пункта меню и пункта меню при наведении курсора мыши на него. Доступны настройки цвета фона (включая прозрачность), цвета шрифта и цвета границы. В качестве фона есть возможность задать изображение (JPG, GIF, PNG). К стилю шрифта могут быть применены 3 эффекта (Вдавленный, Выпуклый, С тенью). Не рекомендую использовать их при размере шрифта менее 12 пунктов и слишком плотного расположения элементов меню.

Стиль и модели

Заданные здесь параметры действуют для всего сайта.

Настройки стилей текстов (рисунок ниже) разделены на две вкладки.

  1. Текст.
  2. Всплывающая подсказка.

Рассмотрим каждую из них более детально.

Настройки стилей текстов

Вкладка Текст (рисунок выше). Вы можете настроить стиль отображения текста для заголовка страницы (не путать с заголовком страницы во вкладке браузера), пути к странице, основного текста страницы (эти настройки можно сменить для конкретного абзаца, предложения и даже символа при редактировании содержимого страницы в объекте Текст), активной ссылки, для ссылки на которую наведён курсор мыши, для посещённой ссылки и для нижнего меню. Не все эти элементы могут отображаться на сайте, созданном при помощи Incomedia WebSite Free. На рисунке ниже синей рамкой обведён заголовок страницы, стиль которого можно менять. Отображение заголовка страницы можно отключить.

Вкладка Текст

Для каждого элемента страницы (заголовок, текст, ссылка и так далее) существует свой набор настроек.

  • Заголовок. Доступны следующие настройки: цвет фона (включая прозрачность), цвет текста, настройки шрифта, его начертания, размера и набора символов, выравнивание (по левому краю, по правому и по центру), цвет линии разделителя сверху и снизу (включая прозрачность), горизонтальный отступ (в пикселях).
  • Путь текста. Доступны следующие настройки: цвет фона (включая прозрачность), цвет текста, настройки шрифта, его начертания, размера и набора символов, выравнивание (по левому краю, по правому и по центру), цвет линии разделителя сверху и снизу (включая прозрачность), горизонтальный отступ (в пикселях).
  • Текст страницы. Доступны следующие настройки: цвет текста, выравнивание (по левому краю, по правому и по центру), настройки шрифта, его начертания, размера и набора символов.
  • Активная ссылка. Доступны следующие настройки: цвет фона (включая прозрачность), цвет текста, стиль текста (подчёркнутый, обычный), тип курсора мыши (изображение в формате ICO, CUR, ANI).
  • Ссылка на которую наведён курсор мыши. Доступны следующие настройки: цвет фона (включая прозрачность), цвет текста, стиль текста (подчёркнутый, обычный).
  • Посещённая ссылка. Доступны следующие настройки: цвет фона (включая прозрачность), цвет текста, стиль текста (подчёркнутый, обычный).
  • Нижнее меню. Доступны следующие настройки: цвет фона (включая прозрачность), цвет текста, настройки шрифта, его начертания, размера и набора символов, выравнивание (по левому краю, по правому и по центру), цвет линии разделителя сверху и снизу (включая прозрачность), горизонтальный отступ (в пикселях).

Пример форматированного текста Вы можете наблюдать в HTML версии сайта.

Вкладка Всплывающая подсказка (рисунок выше). Вы можете настроить стиль отображения всплывающих подсказок. Вам будут доступны следующие опции: Позиция подсказки (Вверху, Внизу, Слева, Справа), Эффект (Затухание, Выпадение), Цвет фона, Радиус скругления углов (0-100), Тень, Отображать «хвостик», Цвет границы, Ширина границы, настройки гарнитуры шрифта, его начертания, кегля и набора символов, Выравнивание шрифта (По левому краю, По центру, По правому краю), Цвет текста.

Вкладка Всплывающая подсказка

Пример изменённой всплывающей подсказки Вы можете наблюдать в HTML версии сайта.

Экспорт

После завершения работы над проектом Вы сможете или сохранить сайт на компьютере или загрузить его на хостинг. Специально для этого в WebSite X5 9 предусмотрен последний шаг «Экспорт». В новой версии программы этих опций больше. Детальнее об этом Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Free (часть 5). Бесплатный конструктор сайтов». На рисунке ниже показано окно выбора экспорта.

Экспорт

В Incomedia WebSite X5 9 Free доступно две опции.

  1. Загрузка сайта в Интернет.
  2. Экспорт сайта на диск.

Рассмотрим каждую из них более детально.

Загрузка сайта в Интернет (рисунок ниже). Если у Вас уже есть хостинг, то в окне ниже Вам необходимо ввести параметры доступа к FTP. Их можно узнать у своего хостинг-провайдера.

Загрузка сайта в Интернет

Введите все необходимые данные и выберите одно из следующих действий. Загрузка файлов веб-сайта в интернет (необходимо выполнить хотя бы раз (при первой загрузке). И каждый раз, когда Вы хотите полностью перезаписать содержимое папки сайта на сервере локальными данными), Экспортировать только файлы, модифицированные после ДД.ММ.ГГГ ЧЧ:ММ:СС (загружает на сервер только файлы, в которые были внесены изменения после последнего экспорта данных. Будьте очень внимательны, если Вы работаете над проектом сайта с двух компьютеров).

Не сохраняйте пароли от FTP в WebSite X5! Не подвергайте свой сайт ненужному риску. Детальнее о повышении безопасности сайтов Вы можете прочесть в цикле статей «Защита Joomla». Некоторые из этих материалов применимы и для статических сайтов сделанных при помощи Incomedia WebSite. Обратите особое внимание на статьи «Защита Joomla (часть 1, 2, 3, 4, 5, 7, 8)». Также рекомендую прочесть статью «Безопасный пароль».

После того, как Вы подключитесь к серверу, то перед Вами появится следующее окно (рисунок ниже).

FTP клиента Incomedia WebSite X5 9

Это встроенный в WebSite X5 9 Free FTP клиент. При помощи инструментов, расположенных в верхней его части, Вы сможете вернуться на уровень выше (относительно той директории, в которой сейчас находитесь (если у Вас есть к ней права доступа)), обновить информацию о содержимом папки, в которой находитесь, создать новую папку, удалить выбранный файл или директорию, переименовать файл или папку и выбрать один из вариантов отображения содержимого папки (Список, Детальный список). В нижней части FTP клиента Вы увидите логи по выполняемым операциям.

Экспорт сайта на диск (рисунок ниже). При выборе экспорта сайта на диск, Вам достаточно указать директорию для экспорта на своём компьютере и дождаться, когда WebSite X5 завершит экспорт.

Экспорт сайта на диск

Incomedia WebSite – это программа для создания сайтов без знания языков программирования и с удобным и простым интерфейсом, как Вы могли уже убедиться в ходе обзора. Incomedia WebSite Free – это бесплатная программа для создания сайтов, которая обладает гораздо меньшими возможностями по сравнению с Incomedia WebSite X5 9 Evolution. WebSite X5 9 Free подойдёт для создания личной «домашней странички» или сайта визитки (при условии очень ограниченного бюджета). В принципе, при помощи неё можно самостоятельно создать сайт без привлечения специалистов, причём, бесплатно.

В цикле статей «Обзор Incomedia WebSite X5 9 Free» были рассмотрены только те функции, которые доступны в бесплатной версии программы.

В следующем цикле статей «Обзор Incomedia WebSite X5 9 Evolution» будет рассмотрена полная версия данной программы для создания web сайтов.

Подробнее о новой, 10-й версии программы Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами».

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12.

 

Полезные ссылки: