|ВХОД| | |РЕГИСТРАЦИЯ|   (© Kirill Vladimirov)    
   ГЛАВНАЯ
   О ПРОЕКТЕ
   СДЕЛАТЬ СВОЙ САЙТ
   ИНСТРУКЦИЯ
   НОВОСТИ
   УСЛУГИ
   ПАРТНЁРЫ
   КАТАЛОГ САЙТОВ
   ВОПРОСЫ И ОТВЕТЫ
   КОНТАКТЫ


ИНСТРУКЦИЯ

Регистрация аккаунта
Настройка дизайна
Подготовка и управление информацией
Включение web2.0 кодов
Редактор HTML
Дополнительные сведения

РЕГИСТРАЦИЯ

1. Зарегистрируйтесь.
2. Выберите название аккаунта.
3. Укажите информацию о проекте.
4. Перейдите к управлению конструктором.

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

Рекомендуется наиболее полно указывать информацию о проекте, в противном случае аккаунт может быть заблокирован.)

НАСТРОЙКА ДИЗАЙНА



1. В левой части конструктора расположены элементы управления загрузкой изображений кнопок управления, меню и логотипа.
Для загрузки изображения нажмите кнопку ВЫБОР ФОТО, выберите изображение в формате .png на компьютере, и нажмите кнопку соответствующую выбранному рисунку...

•  логотип 275х60 пикселей, или больше по высоте, но до 100 Kb
•  кнопки меню 66х80 пикселей (до 15 Kb)
•  кнопка прокрутки для меню 215х10 пикселей (до 15 Kb)
•  кнопка подсказки для просмотра текста, привязанного к изображениям галереи 34х34 пикселей (до 5 Kb)
•  кнопка включения слайдшоу 34х34 пикселей (до 5 Kb)
•  кнопка перелистывания изображений в галерее 34х25 пикселей (до 5 Kb)
•  кнопка возврата к мини изображениям в галерее 34х80 пикселей (до 10 Kb)
•  кнопка прокрутки для списка мини изображений 34х80 пикселей (до 10 Kb)

Изображения должны быть в формате PNG. После загрузки изображений, СОХРАНЕНИЕ ОФОРМЛЕНИЯ не требуется!
Чтобы в конструкторе появились загруженные изображения кнопок, для последующей настройки их оттенка, обновите страничку.

Вы можете загрузить для изучения архив с кнопками, подготовленными для загрузки в конструктор - > СКАЧАТЬ АРХИВ

2. Также в левой части вы указываете цвета шрифтов для меню и текстовой подсказки (отображаемой при наличии комментария к изображению в галерее), указываете ссылку на изображение, демонстрируемое сразу после загрузки вашего сайта.

3. В центральной части конструктора вы настраиваете оттенки сайта, двигая рычажки цветовых составляющих для каждого блока (ФОН, МЕНЮ, ПОДСКАЗКА, КНОПКИ).
Чтобы применить цифровой код оттенка введите цифры в соответствующие поля под ползунками, затем щёлкните на кнопку справа от цифр - можно сохранять. Чтобы увидеть получившийся оттенок - уточните курсором максимальное положение ползунка прозрачности.

4. Ниже, вы указываете шрифт и размер названий разделов, а также сами названия. Вы можете указать ссылки на изображения, которые будут демонстрироваться вместо текстовых названий разделов меню.

5. Укажите настройки для галереи изображений - скорость слайдшоу, расстояние между изображениями по ширине, сдвиг изображений по высоте.

Чтобы изменения вступили в силу, нажмите кнопку СОХРАНИТЬ ОФОРМЛЕНИЕ

УПРАВЛЕНИЕ ИНФОРМАЦИЕЙ



1. В левой части вы добавляете, перемещаете и удаляете блоки меню.

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

3. При нажатии на блок меню слева, вы переходите к его редактированию.
В меню редактирования блока вы можете указать его название (используя некоторые html тэги), указать ссылку на изображение вместо его текстового названия, выбрать тип блока для проигрывания следующего содержимого:

•  ONE PHOTO - указывается прямая ссылка на файл изображения в формате .jpg или .png

•  GALLERY - указывается ссылка на директорию, содержащую директории big и mini, в которых находятся большие и маленькие изображения, пронумерованные от 1.jpg до N.jpg, где номер N вы также указываете в настройках блока меню.

К примеру, если первое мини-изображение находится по адресу...
http://mediachaos.ru/photo1/mini/1.jpg
тогда в конструкторе укажите ссылку вида...
http://mediachaos.ru/photo1

В этой директории также могут находиться текстовые файлы подсказки, оформленные аналогично файлам из блока TEXT, и имеющие названия N.htm, где N это номер изображения, к которому загружается подсказка при её наличии. Для размещения изображений вы можете воспользоваться бесплатным хостингом, например narod.ru

•  MP3 - указывается прямая ссылка на аудиофайл формата MP3.
Предусмотрена возможность повторения одного аудио файла, это необходимо для трансляции аудио потока, создаваемого программой bioreporter.ru, но также можно использовать для проигрывания закольцованых фрагментов.
- Для включения режима повтора, дублируйте MP3 блок с правильной ссылкой на аудио файл и, в нижнем блоке, вместо названия блока оставьте пробел. Тоесть блок с отсутствующим названием, является якорем для повторения вышестоящего блока с одинаковой ссылкой на файл.

•  VIDEO4x3 - указывается прямая ссылка на видеофайл формата FLV, с пропорцией сторон 4х3.

•  VIDEO16x9 - указывается прямая ссылка на видеофайл формата FLV, с пропорцией сторон 16х9.


Для включения в сайт web2.0 кодов различных видеосервисов (youtube.com, vkontakte.ru, rutube.ru, vimeo.com и пр.) используйте блок редактора - iFRAME.

•  iFRAME - указывается прямая ссылка на внешнюю страничку, которая откроется в отдельном слое конструктора. Ссылка может содержать GET переменные, что позволяет просматривать на сайте удалённые материалы самых различных сервисов.
-----------------------------------------------
примеры ссылок для блока FRAME:

Видео Вконтакте
При открытии видеоролика на сайте vkontakte.ru, нажмите кнопку получить код видео
Из предлагаемого кода вам необходимо взять только ссылку вида -
http://vkontakte.ru/video_ext.php?oid=595259&id=147501247&hash=616b079a3a077358&hd=1
удалив при этом все остальные части полученного кода.

Видео на YouTube
http://www.youtube.com/embed/_z5203Z5oxo

Видео RuTube
Из предлагаемого сервисом кода включения видеоролика, наиболее подходящим будет код для Li. Из кода необходимо исключить все знаки оставив только ссылку вида -
http://video.rutube.ru/f1a0b9bc919ac4e871975074cef057a8

Видео Vimeo
Из предлагаемого сервисом EMBED кода включения видеоролика вам необходимо исключить все знаки оставив только ссылку вида -
http://player.vimeo.com/video/17148573

Фото Flickr , а также для многих других сервисов
Используйте ссылку из адресной строки браузера вида -
http://www.flickr.com/photos/miir/4089272583/#/photos/miir/4089272583/lightbox/
-----------------------------------------------

•  (.htm) TEXT - указывается ссылка на файл .htm, не указывая его расширения (http://mediachaos.ru/info/1 - ссылка на файл 1.htm). Файл должен иметь следующее содержание: "&info= EasyHtml &", где EasyHtml это текст, свёрстаный с применением ограниченного колличества тэгов ( img, font, a, b, i, u, br, p, li).
В главном меню также есть кнопка РЕДАКТОР HTML - в этом разделе можно подготовить и сгенерировать необходимый для просмотра текст, затем его нужно будет самостоятельно сохранить в формате .htm и загрузить на хост.

Нижний пункт text добавляет пустую строку. В поле названия блока вы можете ввести произвольный текст, который может быть неактивным названием подраздела.
Чтобы сделать пропуск между блоками, в текстовое поле нужно ввести два пробела.

Для того чтобы сделать ссылку в этом блоке, которая откроет сайт в новом окне браузера - можно использовать тэг в текстовом поле (TEXT), применяя при этом одиночные кавычки...
...например - < a href='http://mediaChaos.ru' target='_blank'>mediaChaos.ru</a> - откроет сайт http://mediaChaos.ru в новом окне.


После редактирования каждого блока не забудьте нажать кнопку ЗАМЕНИТЬ, а после окончательного редактирования раздела нажмите кнопку СОХРАНИТЬ МЕНЮ


РЕДАКТОР HTML



Перед тем как перейти к редактору текста, настройте дизайн странички. Цвет подложки редактора зависит от цвета основного фона сайта.

Для начала нажмите кнопку РЕДАКТИРОВАТЬ HTML сверху.
Вставьте или введите текст в поле редактора.
Сделайте необходимые переносы.
Изменение текста происходит посредством выделения курсором текстового блока, и последующем выбором функции для изменения.

После редактирования текста нажмите кнопку РЕДАКТИРОВАТЬ ТЕКСТ, скопируйте получившийся краказябра-текст. Затем откройте текстовый редактор на своём компьютере, вставьте текст и сохраните файл с расширением .htm
После всех этих сложнейших процедур вам предстоит загрузить получившийся файл на ваш хост и указать ссылку на него в конструкторе.

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ

Для полноценного использования созданного сайта вам могут понадобиться некоторые дополнительные файлы.
В частности, чтобы проигрыватель смог загружать текстовую информацию с других сайтов, необходимо на удалённом домене разместить файл политики безопастности FLASH (crossdomain.xml)

Чтобы встроить проигрыватель MediaChaos на свой сайт или любую страничку в сети - вы можете использовать тэг <IFRAME>

<iframe src="http://mediachaos.ru/mysitename/" name="mysitename" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
В указанном примере, mysitename - это название вашего проекта на сайте MediaChaos.ru

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

> СКАЧАТЬ АРХИВ