Post_98Привет всем на Zura-Blog, продолжаю публиковать материалы касающиеся конструктора для создания сайтов программы Incomedia WebSite x5, сегодняшняя публикация будет касаться фотогалерее.

Фотогалерея считается одним из основных элементов на сайте, особенно как вы создаете собственный сайт — визитку, посетителям будет интересно просматривать ваши фото.

Но для этого нужно создать такую ​​фотогалерею чтобы она вписывалась в дизайн сайта, а главное чтобы галереей было удобно пользоваться.

Также в этой публикации вы найдете материалы как работать с текстовым редактором программы Incomedia WebSite x5, и как украсить стиль ячейки. Как создается галерея в Incomedia WebSite x5, так же как те все элементы о которых шла речь в предыдущих публикациях, все элементы, которые добавляются на сайт в данной программе присутствуют в боковой панели.

Некоторые мы уже рассмотрели в предыдущей публикации, и кто из вас не только читал, но и практиковался работая в среде программы, то конечно пожалуй знает как создать такой элемент на сайте, а как не создавал еще фотогалереи, то легко создаст этот элемент.

Добавлю такую ​​вещь, что фотогалерея создана с конструктором сайтов Incomedia WebSite x5 очень удобна в пользовании, и прекрасно впишется в дизайн любого сайта. В крайнем случае я нареканий не имею, мне фотогалерея создана этой программой очень нравится. Красивый вид, удобно пользоваться, присутствуют различные элементы слайдшоу, а что еще нужно.

Начинаем создавать фотогалерею.

Так как все элементы для сайта в программе создаются одинаково, поэтому еще раз подчеркну если вы уже работали с программой, тогда каких-то сложностей при создании данного элемента сайта у вас не будет.

Сначала нужно выбрать и выделить объект (Фотогалерея), щелкнув клавишей, затем не отпуская клавишу перетащить объект в ячейку таблицы. Ячейка разделена на четыре части, выбираем одну из частей и перетаскиваем объект.

Далее делаем двойное щелчок на объекте «Галерея» чтобы открыть его, или в панели инструментов выделяем ячейку в которую мы перетащили объект, и в верхней панели инструментов щелкаем «Редактировать» чтобы открыть объект.

Откроется вкладка под названием «Объект в галерее», в вкладке мы можем выбрать один из нескольких типов галереи. Выбираем тип в поле ниже надписи «Тип галерее», по умолчанию стоит «Класический тип галереи», щелкаем на отметку и выбираем тип. Я выбрал «Горизонтальная галерея» где со стороны нам показано как будет смотреть галерея на сайте.

galery1

⇑ «Объект в галерее»

остальным элементы

Максимальный размер — выставляем размер картинки Видимые пиктограммы — это картинки в миниатури, которые находятся ниже основного изображения

Положение пиктограммы — выбираем где нам удобнее чтобы находилась значок вверху или внизу. Я выбрал внизу. Шрифт описания, звук, в самом низу там где текст «Показывать панель управления» находится еще одну настройку, имеется в виду нужно указать панель управления для слайдшоу, с помощью которой мы можем запустить или остановить слайдшоу.

Я считаю, что элемент панель управления для галереи потребуется, поэтому ставлю галочку рядом.

Далее раздел «Список» в котором мы добавляем нужные изображения, также, кстати, можно добавить и видеозаписи, и видео взято из You Tube. Я добавлю свои картинки от блога которые у меня сохранены, после добавлений на странице настроек «Объект в галерее» имеет появиться картинка или фото, это значит, что галерея создана.

ниже можно выставить следующие параметры.

ссылки на картинку — необходимо чтобы каждая картинка переводила пользователя на мой сайт после щелчка на картинке, поэтому выставляется ссылки (в данном случае я выставил ссылки на публикацию, которой принадлежит картинка на свой блог) «Ок»

Когда пользователь щелкнет на какую картинку, откроется вкладка публикации, с моего сайта.

эффекты — щелкаем на значок звездочку и выбираем один из эффектов, чтобы украсить галерею эффектами, я выбрал №20 «Случайные блоки», сбоку в параметрах можно указать время просмотра между изображениями.

galery2

⇑прикраситы галерею эффектами

В разделе «Значки» можно выбрать стиль для миниатюр, нажимаем «Ок» и функцию «предосмотр» просматриваем на что же все работает.

galery3

⇑ «Ок» работает

Рядом со стороны добавлю фото автора, как для меня имеет вписываться в дизайн сайта-визитки, данный элемент рассматривался в предыдущей публикации , чтобы создать конечный проект нужно часто вносить изменения, а как я вижу программа Incomedia WebSite x5 этого не любит. И обычно начинает глючить, из за чего приходится заново переделывать проект.

У меня также заглючила после некоторых экспериментов с элементами, пришлось создавать новый проект.

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

В принципе если присутствует большое желание создать сайт с этой программой, то можно и перерабатывать, больших усилий и много времени переработки проекта в вас не займет.

Добавляю и заново редактую фото, в поле «Ссылка» можно указать ссылку на вашу страницу в социальной сети. Далее «Редактировать» и в поле «Библиотека» выбрал классный стиль для фотки. Фотка готова дальше ниже фотки размещу коротенький «Текст,» в принципе страницу сайта действительно можно создавать шаг за шагом добавляя различные элементы.

Как работать в текстовом редакторе программы Incomedia WebSite x5

Как работать в текстовом редакторе программы Incomedia WebSite x5, сверху панель инструментов, где задаем шрифт, размер текста, жирный, с наклоном, подчеркнутый, цвет фона текста, цвет текста, маркер для списка если присутствует в тексте список, и выравнивание текста.

010

⇑панель инструментов

Если вы имеет опыт работы с текстовыми редакторами то конечно знаете что означает каждый элемент, если нет тогда пробуйты различные варианты в программе благодаря функции «предосмотр» можно простым методом добавил, щелкнул «предосмотр», посмотрел.

Ну что же, как для сайта — визитки страница готова, все необходимое присутствует на первой странице, места много элементы не занимают, где считаю пользователю будет удобно просмотреть информацию об авторе, плюс фото — публикации, их названия с картинкой размещены в слайдере, с слайдера при щелчке на картинку можно попасть на блог, и прочитать публикацию.

Что еще можно добавить, скрытую аудиокомпозиции, кнопки социальных сетей считаю в теле страницы будут лишними, можно их в футере разместить, можно например чтобы сами инициалы автора ссылались на google +. Можно еще создать две страницы, одна из автобиографией, а одну с контактной формой, или разместить форму в одной из ячеек на главной странице.

настройки стиля ячейки

Теперь самое время настроить стиль ячейки, в которой размещен текст, чтобы создать видимость текста в дизайне страницы лучше. Выделяем ячейку «Текст», далее щелкаем на кнопку при наведении курсора появится текст «Определить стиль ячейки», щелкаем и переходим на страницу настроек стиля ячейки.

galery4

⇑»Определить стиль ячейки»

Что меня еще интересует, это фон чтобы выделялся текст, точнее цвет фона, сначала выбираю «Градиентный фон», как его выбрать в первом поле «Фон» ниже текст «Цветной фон ячейки» меняю на «Градиентный фон», это фон в котором вид фона должен быть такой, одна половинка должна быть светлее а другая темная.

Далее подбирается нужный цвет для ячейки (вверху и взнизу), и конечно потибно взять текст в рамку, указываем ширину в размерах, закругления по бокам, и цвет рамки, далее «Ок» и «предосмотр».

Ну что же нормально получилось но попробую другое, чтобы сделать несколько лучше вид текста этого перейду в раздел «Библиотека» и в разделе поищу, если понравится выберу элемент который бы украсил ячейку «Текст».

Элемент нашел для него необходимо еще заголовок указать, указываю свои инициалы и готово. Можно много фантазировать на счет дизайна, у меня осталась последняя ячейка в которую я добавлю скрытый аудиоелемнт с проигрыванием мелодии после перехода на сайт, все страница сайта — визитки почти готова.

galery5

⇑все страница сайта — визитки почти готова

Далее следующий шаги это «Расширенные настройки» и «Экспорт» будут в следующих публикациях, можно добавить на сайт — визитку из раздела «Дополнительные настройки», подойдет возможно «Реклама».

Вообще я давно уже хочу создать сайт — визитку, и у меня есть несколько вариантов, один из них это готовый шаблон на html5 так что в ближайшее время опубликую материал как создать сайт-визитку с Adobe Dreamweawear на этом все.

До встречи 


user_97

Публикации посвящены созданию сайта в программе Incomedia WebSite x5 .