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

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

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

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

Что касается flash-анимация то на Zura-Blog присутствует публикация в которой написано как создать с помощью программы Adobe Flash Professional   флэш анимацию часы.   Собственно эти часы могут красиво вписываться и в шапку сайта.

Как добавить анимацию в программе Incomedia WebSite x5, на практике очень просто, сначала нужно иметь в наличии файл с расширением .swf, если такой файл присутствует тогда в панели инструментов нажимаем значок — буква «f», значок    в панели инструментов можно найти подняв курсор мышки к элементам.Щелчок

У каждого элемента, когда к нему подводим значок появляется подсказка какую функцию выполняет данный элемент. Отметка «f», при неведении курсора появляется объяснение «Вставить flash-анимацию» щелкаем на значок, и у нас появится квадратик с отметкой внутри.

Далее щелкаем на квадратик и не отпуская кнопку мышки, передвигаем квадратик вставив в то место, в котором мы хочите чтобы у нас была анимация.

В поле «Настроек flash-анимации» ниже находится текст «Файлы flash-анимации» в конце текста отметка «папка», щелкаем на отметку — «папку» и выбираем нужный файл с компьютера, или на внешних носителях в зависимости где вы храните этот файл с расширением .swf

Затем запускаем функцию «Передосмотр» где есть возможность посмотреть как выглядит анимация в шапке сайта. И здесь я нашел еще один огромный плюс в программе, ниже места где находится текст «Файлы flash-анимации» стоит еще один текст «Прозрачный фон», если выставить там галочку, в том месте на сайте появится flash-анимация с прозрачным фоном.

Что это дает, как вы посмотрите на первое фото ниже, то видите что фон для цифр часов белый, шапка шаблона оранжевый. Анимация «Часы» где белый фон на оранжевом ну не очень то смотрит, скажем совсем не подходит.

wqer2

⇑Билий фон на оранжевом

⇓фон в файле на прозрачный

wqer3

Что тогда делать, запускать программу Adobe Flash Professional и менять фон в файле на прозрачный или создавать новую анимацию, пришлось бы, но с программой Incomedia WebSite x5 всех этих действий делать не нужно, а всего навсего выставить галочку у указания «Прозрачный фон» и анимация появится с прозрачным фоном.

wqer4

⇑ выставить галочку у указания «Прозрачный фон»

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

На вкладке которая откроется в нас будут выставлены страницы, по умолчанию первая «Главная», и остальных три автоматически созданные страницы. Первым делом даем название страницам.

wqer5

Боковое меню справа, там расположены кнопки для создания «Карты сайта» сверху слева инструменты, отмечу два инструменит с такими указаниями

«Скрытая страница в меню» — страница не будет присутствовать в главном меню

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

  • «1-страница» — выделяем страницу, нажимаем «Переименовать» и вписываем название страницы, например «О сайте»
  • «2-страница» назовем «Анкор»  
  • «3-страница» назовем «Контакты»

страницы можно как добавлять так и удалять выделив страницу, нажав на значок «Ножницы» или кнопку «Удалить» или переименовывать.

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

wtgz

⇑кнопкы будут разделены между собой

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

Как сделать подстраницу в Incomedia WebSite x5, выделяем в настройках именно ту страницу, в которой сначала створюваемо «родительскую страницу», в которой мы собираемся добавить подстраницу.

Далее щелкаем на кнопку «Новый уровень» даем название, например «Контакты» — это у нас будет «родительская страница», затем щелкаем кнопку «Новая страница» в панели настроек они будет размещена под «родительской страницей» назовем ее «Автобиография» и и страница которая будет под «Новый уровень» (Контакты) будет отображаться в браузере родительской страницей «Контакты», а под ней из выпадающего списка при наведении курсора подстраница (Автобиография).

wqer6

wqer7

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

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

Добавление контакта форму в Incomedia WebSite x5 будет в следующих публикациях. Сейчас щелкаем кнопку «Далее» и переходим на страницу «Создание страницы».

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

wqer1

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

Все зависит от того что вы планируете размещать на странице, например я решил разместить фото справа, и текст слева.

Для элемента «фото» подвожу курсор мыши к отметке «Картина», нажимаю клавишу и, не отпуская клавишу мыши нужно перетащить элемент «Картина» в какое-то место из четырех квадратиков, я поместил элемент справа вверху.

Область у нас разделена на четыре части. Когда мы перетяните «Картинку» у нас на одной из частей появится квадратик . [/ Stextbox]

wqer8

⇑появиться квадратик

Мы можем расширить квадратик в длину и в ширину, таким образом картинка у нас может занять всю область тела страницы.

Как добавть фото страницу, нажимаем в панели инструментов кнопку «Редактировать» и перейдем на страницу «Изображение объекта» на которой загрузим фото в программу.

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

Ссылка указывается таким образом, щелкаем на отметку «Вставить ссылку» Ashampoo_Snap_2015.09.24_20h49m27s_004_в поле «Параметры», выбираем «Файл url» ставим галочку «Файл в интернет» у галочки вводим адрес сайта http://ruszura.in.ua, и чтобы сайт после нажатие на картинке видкивався в новой вкладке в поле «Параметры» ставим галочку «Открыть в новом окне». после «добавить» и у нас в боковой панели еалаштувань появится выбранное фото.

А дальше редактуемо фото, щелкаем под изображением на кнопку «Редактировать», которое мы выбрали, оно будет находиться на странице «Изображение объекта» слева, откроется вкладка для редактирования изображения.

wqer9

⇑кнопка «Редактировать»

Дело в нас находится шесть элементов, Фильтры, Водяной знак, Маска, Рамка, Эффекты, Библиотека, выбираю «Рамка» пердивляючись предметы рамки, по всем предметам я выбрал «Скрепка» и с маски я выбрал №1.

Далее остается добавить на главную страницу текст, я выбрал два текстовых поля, одно слева сбоку, а другое внизу у меня будет занимать два поля. Выделяем квадрат, выбираем инструмент «Редактировать» и переходим в редактор текста.

Текст в редакторе, настраиваем шрифт, и размер букв, пишем текст, если хочите в тексте выделить ссылки, например Zura-Blog, тогда выделяем буквы, щелкаем в инструментах на отметку «Ссылки»Ashampoo_Snap_2015.09.24_20h49m27s_004_

и далее выбираем «Файл url» ставим галочку «Файл в интернет» у галочки вводим ссылку на сайт.

В принципе на этом можно заканчивать публикацию.

Хотя сейчас решил поменять элемент «Текст» на элемент «Видео и Аудио», нажимаю на отметку «Видео и Аудио» и перетаскиваем в поле где у нас был элемент «Текст». Перед этими нужно убрать элемент «Текст» с этого поля.

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

wqer11

⇑плеер готов

Все плеер готов. Можно снять галочку «Показать панель управления» и выставить «Автовозпроизведения» в таком случае у вас после того как страница откроется в браузере, на странице не будет видно плеера а почнется воспроизведения аудилкомпозиции.

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

wqer10

С программой Incomedia WebSite x5 хоть и пишет что за 5 шагов создать сайт, но над этими пятью шагами придется посидеть. Создать красивый дизайн не легкое дело.

До встречи.


user_97

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