SiteEdit
       Рус  Eng

On-line руководство
по созданию сайтов

Добавление flash, видео, файлов

Категории:

Добавление flash-шапки

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


Рис.43


Зайдем в карту дизайна - верхнее меню
Оформление\Редактирование карты дизайна (или CTRL+F3)

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

Создадим переменную. В нужной ячейке нашей таблицы щелкнем правой кнопкой мыши и в контекстном меню выберем - Вставить переменную\Добавить переменные


Рис. 44


В окне "Пользовательские переменные" видим два окна. Если переменная будет на всех страницах неизменная, и информация в ней, то добавляем переменную в верхнем окне "Глобальные переменные". Называем переменную латинскими буквами, без цифр, подчеркиваний, точек…желательно одним словом. К примеру: flash


Рис. 45


После добавления переменной окно "Пользовательские переменные" можно закрыть. После этого снова щелкаем правой кнопкой мыши в ту ячейку, где должна быть flash часть, и в контекстном меню выбираем ту переменную, которую создали:
Вставить переменную\Глобальные переменные\flash

На карте появляется блок переменной. Щелканем правой кнопкой мыши по нему, выбираем "Редактировать".


Рис. 46


Открывается окно редактирования переменной. В нем жмем на иконку "Добавить рисунок". Далее в окне "Вставить рисунок" жмем на иконку "Загрузить рисунок с диска" и выбираем в проводнике подготовленную flash-ку. В данном случае у нас файл "994x250_diving_my4.swf"


Рис. 47


Далее в окне "Вставить рисунок" появится flash.

ВАЖНО!! Указать размеры flash области (ширина, высота) - в правой части окна, в противном случае наша flash деформируется и будет иметь мягко говоря неприемлимый вид. Размеры можно посмотреть в исходном файле, который создавался в программе Macromedia Flash. Мы же сделали проще - указали размеры в имени файла.



Рис. 48


Совет: когда экспортируете анимационную часть в формате swf, прописывайте в названии файла сразу же размеры. Размеры можно посмотреть в исходнике, сделанном в программе Macromedia Flash. Это дает в дальнейшем плюс - не придется запускать flash исходник и смотреть размеры. Пример: 994x250_diving_my4.swf


Жмем Сохранить в обоих окнах. И сохраняем также Изменения в Карте дизайна. Если все сделано правильно, мы увидим flash.


Рис. 49


Вверх

Добавление flash-элемента на странице

Если нам требуется расположить небольшую анимационную часть на одной из страниц, делаем следующее. Для начала проверим, чтобы на странице был текстовый блок. Это может быть переменная, блок контактов, или контент. Если текстовая часть уже сформирована, просто зайдем в текстовый редактор, два раза щелкнув левой кливиши мыши по области текста. Если текстовой области нет, то добавим раздел, выберем тип модуля (к примеру"Текст и рисунок").

Далее в текстовом редакторе нажмем на иконку "добавить рисунок", В открывшемся окне нажмем на иконку "Загрузить рисунок с диска"


Рис. 50


Выбираем в проводнике подготовленную flash-ку. В данном случае у нас файл "site_perevod_220x200.swf" Далее в окне "Вставить рисунок" появится flash.

ВАЖНО!! Указать размеры flash области (ширина, высота) - в правой части окна, в противном случае наша flash деформируется и будет иметь мягко говоря неприемлимый вид. Размеры можно посмотреть в исходном файле, который создавался в программе Macromedia Flash. Мы же сделали проще - указали размеры в имени файла.


Рис. 51


Жмем Сохранить. Если все сделано правильно, мы увидим flash на странице. Рядом с flash в этой же записи или разделе может быть и текст и фотография.


Рис. 52


Вверх

Добавление своего видео

Для того, чтобы добавить видео, нужно:

  • Подготовить видео в формате flv
  • Разместить в проекте код видеоплеера
  • Поменять информацию в коде
  • Выгрузить видео на сайт

Первый шаг. Большинство видеоплееров в интернет воспринимают формат .flv. Поэтому, нам нужно переконвертировать наш видеофайл в формат .flv. Программ для этого много. Мы можем посоветовать для конвертации такую прграмму как SWFDecompiler. При конвертации мы определяем качество и размер конечного ролика. После полученный flv файл прикрепляем к проекту Вашего сайта. Открываем программу SiteEdit, в верхнем меню находим «Проект\Прикрепить файл к проекту».

Рис. Добавление видеофайла к проекту сайта

Второй шаг. Нам нужно вставить код видеоплеера. Заходим на один из ресурсов, где выложены видеоролики (к примеру: http://youtube.com или http://rutube.ru/ ), копируем код для вставки на страницу (рядом с каждым открытым роликом снизу или сбоку есть такая возможность). Вставляем данный код в то место, где установлен у нас контент или переменная. Для этого используем вкладку «HTML» в текстовом редакторе.

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

Рис. Код плеера с добавленным видеофайлом в программе

 

Замените в существующем коде название видеофайла, домен сайта, комментарий, размеры плеера, размеры видеоролика.

Height="360” width=”480” – ширина и высота видеоролика

«..500x375.swf» - размеры видеоплеера

«http://demostart.e-stile.ru/files /Ekaterina_480x360.flv» - название сайта, на который будет выгружаться видеофайл и название вашего видеофайла в формате .flv

«Comment= Мой видеоролик» - комментарий (короткая фраза поверх ролика)

Совет: заметьте, что название сайта, видеофайла, размеры видеоролика и плеера прописываются в нескольких местах данного кода.

Теперь сохраняем изменения в текстовом редакторе. Выгружаем изменения на сайт. После выгрузки, когда видеофайл находится не только в проекте, но и на сайте, видеоролик можно просматривать как в программе, так и в Интернет.

Рис. Общий вид плеера

Рис. Вид плеера с видеороликом в режиме просмотра

Вверх

Добавление видео со стороннего ресурса

Для того, чтобы добавить видео со стороннего ресурса видеороликов достаточно заполучить его html код. Чаще всего, большинство ресурсов свободно дают такой код. Например, на сайте http://www.youtube.com нажав на кнопку «встроить» под любым видеофайлом, мы можем скопировать html код и вставить его в наш проект. Данный код вставляется в текстовый редактор (в контент или переменную) на вкладке «HTML»

Рис. Готовый html код видеоролика


СМОТРЕТЬ следующий урок
Вверх

Добавление файлов (архивов) для скачивания

Давайте представим, что у вас на компьютере есть музыка, полезные статьи, интересные файлы др. важные документы, которые вы хотите разместить на своем сайте. Попробуем реализовать данную задачу.

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


Рис.53


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

Попробуем создать папку, в которой у нас будут лежать архивы. Делается это все для удобства пользователя, если в будущем подразумевается, что на сайте будет много прикрепленного материала.
Жмем "Добавить папку", называем латинскими буквами (можно транслитом), к примеру "files"


Рис.54


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


Далее, находясь в папке, добавим файл, архив с помощью кнопки "Добавить". В проводнике выберем подготовленный архив, откроем.


Рис.55


При желании, можно поменять имя файла. Заметим, что оно должно быть написано латиницей, для упрощения можете нажать кнопку "Транслит". Жмем ОК.


Рис.56


Архив добавлен. Если требуется добавить еще архивы - повторите данные действия, нажав "Добавить" и т.д. После этого окно "Прикрепить файл" можно закрыть (отдельно сохранять не нужно).


Рис.57


Далее заходим в любой текстовый блок, допустим, в раздел "текст и рисунок". Открываем запись и пишем текст.
Пример:

1. Архив первый
2. Архив Второй
3. Архив третий

Выделяем часть текста ("Архив первый"), нажимаем на иконку "Гиперссылка", и в открывшемся окне выбираем добавленный ранее архив. Жмем ОК. Все, архив привязан. Теперь при нажатии на ссылку у пользователя откроется окно, где он может скачать с сайта необходимый файл, архив.


Рис.58



Рис.59
Вверх
Copyright © Edgestile Company, 2004
тел.:  8 (495) 229-45-50, 8 (812) 612-2642, 8 (34241) 9-83-08
e-mail:  info@siteedit.ru - общие вопросы
icq: 268-447-867 - общие вопросы
все контакты
Официальный сайт CMS Siteedit Получить сайт Тест-драйв интернет магазина