2010-12-29

Textual description of firstImageUrl

Программа по созданию видеоуроков PCHand.Screen.Recorder

  Видеоуроки очень наглядны, и они позволяют привлечь новых посетителей в Ваш блог. Особенно пригодятся навыки создания видеоуроков блоггерам, ведущим дневник про фотошоп или создающим уроки в различных программах. При помощи видеоурока можно составить руководство по сайту. Пользуются популярностью видеоуроки по созданию сайта на ucos.  Принцип работы работы во всех программах для создания видеоуроков одинаков.
Одной из программ по созданию видеоуроков является PCHand.Screen.Recorder. Распространяется бесплатно. Интерфейс удобный и понятный. Программа записывает все то, что происходит на экране Вашего монитора. Запись видеороликов в avi, wmv, mp4, flv, mpg. Скачать программу программу по созданию видеоуроков PCHand.Screen.Recorder можно с сайта-разработчика.
        Как сделать видеоурок. Описание работы с программой.
На предложенном скриншоте перевод основных настроек программы.
.. PCHand.Screen.Recorder
1. Сначала выбираем регион на одноименной вкладке, на котором будет происходить запись с экрана. Чаще всего выставляют параметр full screen (на весь экран).
Во вкладке video указываем в каком формате сохранять, выделять ли курсор, клики, если да, то каким цветом.
Во вкладке audio производим настройку звука.
В последней вкладке output указываем папку сохранения файла на компьютер при автоматическом сохранении (при включенной auto save) после окончания записи или выбираем ручное сохранение (manual save).
2. Нажимаем на start  2010-12-30_0119_001 и начинаем запись видео.
3. Пауза в записи осуществляется при помощи одноименной кнопки 2010-12-30_0120.
4. Конец записи происходит после нажатия кнопки stop 2010-12-30_0120_001.
Читать далее ...

2010-12-28

Textual description of firstImageUrl

Как сделать музыкальную открытку

   Конечно, можно использовать для поздравлений друзей, читателей и посетителей с Новым годом, днем Рождения и другими праздниками готовые музыкальные открытки. Однако проще сделать самому муз.открытку, чем искать подходящую. В своих открытках Вы можете использовать ту музыку и картинку, которые кажутся Вам наиболее подходящими. Делать их проще всего в Рамочнике.
     Этапы :
1. Находим подходящую музыкальную открытку
           например, эту                                            
2. Находим поздравительную мелодию. Можно воспользоваться поиском на сайте privet.ru (http://music.privet.ru/)
(Небольшие изображения кликабельны!)
..
В поисковую строку на сайте вбиваем название музыки: Выбираем нужный муз. файл, переходим по ссылке Копируем код для вставки в блог:
2010-12-28_1713 2010-12-28_1713_001 2010-12-28_1714
3. Открываем Рамочник. (Подробнее о том, как пользоваться Рамочником)
2010-12-28_1711 На верхней панели в настройках ничего не меняем (простая рамочка с одним окном или в один слой, галочку возле слова “общая” не убираем)
2010-12-28_1710_001 Выставляем размеры изображения. Их мы смотрим в свойствах изображения (в Опере) или в информации об изображении (в Mozilla), для этого следует нажать правой кнопкой мышки, наведя курсор на открытку.
2010-12-29_0121 Нажимаем на кнопку2010-12-28_1711_001, выделенной красной рамкой в скрине.
2010-12-28_1711_002 Вставляем прямую ссылку на изображение, которую также узнаем из свойств картинки или из информации на изображение.
2010-12-29_0133 Вставьте в окно для текста вместо надписи “Содержимое рамки 1” код плеера, который нашли на сайте privet.ru. Вы можете изменить размер и цвет музыкального плеера.
2 Не забудьте указать код для какой платформы Вам требуется. Для этого нажмите на стрелочку 2010-12-29_0130, расположенную над кодом и в выпавшем окне выберете свой блогохостинг.
4. Теперь осталось только вставить музыкальную открытку в блог в режиме html.
Не судите строго - мой первый видеоурок:

Читать далее ...

2010-12-22

Textual description of firstImageUrl

Вставить музыку в плеер аудио на сайт/блог. Автоплей

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

Для начала приведу примеры аудио плееров для сайта или блога и коды к ним:

Плеер с сайта Muzicons.com. Здесь же Вы найдете удобный коструктор аудио плеера, позволяющий выбрать цвет, внешний вид плеера, выбрать музыку (search mp3) из каталога или указать прямую ссылку на файл (URL), подписать название композиции.



Код:


<object width="150" height="50" align="middle"><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&amp;nomuz=muzicon%20unavailable&amp;site=http://muzicons.com/&amp;icon_pic=88.png&amp;music_file=Прямая ссылка на аудио файл&amp;sjid=12&amp;bg_color=ffcc00&amp;type_of_clip=whith_bar&amp;text_color=FFFFFF&amp;text_message=rasta&amp;buy_link=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fsearch%3Fie%3DUTF8%26tag%3Dmuzicocommusi-20%26index%3Ddigital-music%26linkCode%3Dur2%26camp%3D1789%26creative%3D9325" wmode="transparent" menu="false" quality="high"></embed></object>


Код:

<object data="http://htmlka.com/wp-content/uploads/2009/07/player2.swf" type="application/x-shockwave-flash" width=240 height=50><param value="http://htmlka.com/wp-content/uploads/2009/07/player2.swf" name="movie"> <param value="loop=no&amp;autostart=no&amp;soundfile=Прямая ссылка на аудио файл&amp;" name="flashvars"><param value="false" name="menu"></object>


Код:

<object width="290" height="24" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.yapfiles.ru/files/148503/player.swf" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#FFFFFF" /><param name="scale" value="showall" /><param name="quality" value="autohigh" /><param name="align" value="l" /><param name="FlashVars" value="autostart=no&loop=no&soundFile=http://homepersonnel.ru/mp3/pesnya_mamontenka.mp3" /><embed width="290" height="24" swliveconnect="default" src="http://www.yapfiles.ru/files/148503/player.swf" wmode="opaque" bgcolor="#FFFFFF" scale="showall" quality="autohigh" loop="false" menu="false" play="false" name="" base="" salign="tl" FlashVars="autostart=no&loop=no&soundFile=Прямая ссылка на аудио файл" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object>

Плеер с сайта muzicons.com



Код:
..
<object width="150" height="50" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&#038;nomuz=muzicon%20unavailable&#038;site=http://muzicons.com/&#038;icon_pic=0.png&#038;music_file=Прямая ссылка на аудио файл&#038;bg_color=898989&#038;type_of_clip=simple_text&#038;text_color=FFFFFF&#038;text_message=Название композиции" wmode="transparent" menu="false" quality="high"></embed></object>


Плеер с Привет.ru:
 

Код последнего плеера вы увидите на следующем скрине. Выделенная ссылка показывает прямую ссылку на аудио файл. Она обычно не заключена в кавычки, начинается с http//… , содержит в себе mp3 и заканчивается перед вторым символом & (первый обычно входит в состав ссылки). Таким образом прямую ссылку на аудио файл можно выделить и любого плеера.

код_плеера

Этапы смены плеера на другой (или как залить свою музыку на нужный плеер):

1. этап

первый вариант Закачать музыку на хостинг, выдающий прямые ссылки на аудиофайлы (www.dropbox.com здесь необходима регистрация,www.screencast.com – нужна также регистрация) и получить необходимые ссылки. Существуют также хостинги, для получения ссылок с которых нет необходимости в регистрации, однако файлы на них хранятся непродолжительное время и часто такие ссылки не работают.

Получить прямую ссылкуПроверенным способом является закачивание аудио на русскоязычный!! сайт 7not.net (требуется регистрация), здесь можно легко получить как прямую ссылку на аудио файл, так и красивый плеер с музыкой.

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

2 этап

Вставить прямую ссылку в код плеера.

Генератор mp3 плеера для блога
Собрать mp3 плеер для сайта или блога можно на сайте Flv-mp3.com.  Вставляйте прямую ссылку на аудиофайл, выбирайте размер и цвет плеера
Получится такой плеер:


Здесь же можно создать код автоплея (самозапуска музыки при входе на сайт или блог), указав размеры плеера, равные 0 (в случае, если Вы хотите скрыть сам плеер) и поставив галочку напротив автозапуска. Использовать автоплей не рекомендую из-за частых отрицательных отзывов посетителей сайтов, на которых он установлен. Однако, он имеет право на существование, например, в музыкальных блогах.
Читать далее ...

2010-12-20

Textual description of firstImageUrl

Новогодние музыкальные открытки

   К наступающему Новому году подготовила музыкальные открытки. Немного отступлю от своих правил и украшу свой блог новогодними анимационными открытками. В них не содержится ссылки на мой блог и ставить ее не обязательно. Картинки взяты с сайта gifzona.ru. Музыкальные плееры с портала privet.ru. Вы можете поздравить при помощи этих открыток друзей, читателей и посетителей своего блога. Для этого поставьте курсор в окошко с соответствующим кодом, нажмите сочетание клавиш клавиатуры Ctrl+A (выделить все), нажмите правую кнопку мышки и в выпавшем меню выберите пункт "копировать", откройте свою новую запись в режиме html, нажмите правую кнопку мыши и выберите пункт “вставить”. Для того, чтобы все получилось – ничего не меняйте в коде.

















ЖЖ:

Li.ru :

Привет.ru:

blogspot.com:
















ya.ru:

ЖЖ:

LI.ru:

privet.ru:

blogspot.com:

..















ya.ru:

ЖЖ:

LI.ru:

privet.ru:

blogspot.com:

mail.ru:





ya.ru:

ЖЖ:

LI.ru:

privet.ru:

blogspot.com:

mail.ru:






ЖЖ:

LI.ru:

privet.ru:

blogspot.com:
Читать далее ...

2010-12-16

Textual description of firstImageUrl

Кодировка цвета в HTML, перевод из одной системы в другую

Цвета в html кодируются в зависимости от того, каким путем они получаются. чаще всего цвета на экране монитора образуются в результате смешивания 3 основных цветов – красного (Red),  зеленого (Green) и синего (Blue). Отсюда происходит и название кодов – RGB-кодировки. Каждый цвет шифруется цифрами от 0 до 255. Цвета разделяются между собой точками.Существует еще, так называемая шестизначная кодировка цвета – HEX кодировка. Она основана на том же принципе смешивания цветов и обозначается при помощи 6 цифр, начинающихся со знака #. Первые 2 цифры кода обозначают интенсивность красного цвета, следующие 2 цифры – зеленого и последние 2 цифры – синего. Последняя кодировка, о которой я хочу сегодня рассказать, основана на смешивании таких параметров, как цветового тона (Hue), насыщенности ( Saturation) − насыщенность и яркости (Brightness). Это HSB-кодировка цвета.
.. Примеры кодировки цвета в RGB и HEX

Цвет RGB HSB HEX
106.90.205 248.56.80 #6a5acd
255.20.147 328.92.100 #ff1493
50.205.50 120.76.80 #32CD32
Обычно в блогах мы имеем дело с кодами HEX. Однако можем встретится и с шифровкой RGB, например, при редактировании шаблона HTML. Часто требуется перевести цвет из одной системы кодировки в другую. Для этого можно применить следующие приемы:
1. Выбирайте понравившийся цвет в Таблице цвета HTML, затем вставляете нужный код в следующую flash в окошко Color Code  (в правом нижнем углу флэшки) и моментально получаем кодировки в системах RGB и HSB. Таким же образом можно перевести их обратно. Достаточно подставлять необходимые значения последовательно в соответствующие ячейки флэш.
2. При помощи программы, позволяющей определять цвет любой точки экрана монитора – ColorPic. Подробно о том, как пользоваться программой и где ее скачать я уже писала ранее.
2010-12-17_0145
Коротко этапы работы в программе:
- открываем программу и нажимаем на кнопку “New”,
- определяем цвет точки экрана, наведя на необходимый цвет мышкой и зафиксировав его при помощи сочетания клавиш Ctrl+G,
-выбираем необходимый код в нужной нам кодировке.
Красной рамкой на скриншоте обведен код в HEX, синей - в HSB, а зеленой – в RGB.




3. Самый простой, но и самый долгий путь определения цвета – это сделать скриншот экрана, загрузить его в фотошоп или другой графический редактор (можно и в онлайн, например, в SumoPaint ), ткнуть пипеткой 2010-12-17_0153 в нужную точку для определения цвета,  затем щелкаем по определившемуся цветуна панели инструментов 2010-12-17_0156 . Вы попадете в окно для выбора цвета, в котором найдете необходимые кодировки:

Определение цвета в фотошопе Определение цвета в SumoPaint
2010-12-17_0153_001 2010-12-17_0202
Читать далее ...

2010-12-14

Textual description of firstImageUrl

Полоса прокрутки. Способ 2.



..    Скопировать html код сообщения с прокруткой можете отсюда:
<select multiple="multiple" size="6"><option>строчка 1</option><option>строчка 2</option>....<option>строчка N</option> </select>

P.S. Эта запись создана в ответ на вопрос Ирины в комментарии к записи "Сообщение с прокруткой"
Читать далее ...

2010-12-05

Textual description of firstImageUrl

Как вставить flash-ролик с любого сайта в блог

Сегодня вы узнаете, как вставить flash с любого сайта.
windows заблокирован
Для этого нужно
1. Открыть страницу с флэш-игрой посмотреть код HTML станицы в браузере
2.Найти на странице при помощи поиска по странице сочетания латинских букв swf:
поиск по странице в браузере 2010-12-06_0123
.. или путем обыкновенного просмотра исходного кода страницы найдем ссылку, заканчивающуюся на swf .
3.Возможны 2 варианта ссылки:
первый вариант  - ссылка указана в коде странице полностью, те.е начинается с http:// . В этом случае следующий алгоритм действий:
Скопировать ссылку и вставить ее в код flash, который имеет следующий вид:
<object type=application/x-shockwave-flash data=ссылка-на-файл width=450 height=300><param name=movie value=ссылка-на-файл></object>
Для пользователей Li.ru ссылку нужно подставить в следующий код:
[flash=500,100,ссылка_на_flash_ролик]  первая цифра кода: ширина, вторая – высота, слова “ссылка_на_flash_ролик” заменяем на ссылку.
подставить указанную ссылку в код 2 раза вместо слов ссылка-на-файл и указать размеры флэш width - ширина в пикселях, а heigh - высота в пикселях. Эту информацию Вы найдете в коде странице около ссылки на флэш.
второй вариант, когда ссылка на flash неполная, т.е. имеет следующий вид (не начинается с http://):
2010-12-06_0052
Здесь ссылка на flash выделена желтым. Чтобы получить полную прямую ссылку на flash необходимо адрес страницы, где была найдена флэшка сократить до http://адрес.ru/+найденная неполная ссылка (в нашем случае это games/power_ball.swf, что на скрине выделено желтым.  Пример: 
флэш найдена на странице 2010-12-06_0133_001
найденная неполная ссылка в исходном коде странице: 2010-12-06_0052
Соединяем, выделенные желтым части ссылки на флэш и получаем прямую ссылку вида http://www.bebex.ru/games/power_ball.swf . Перейдя по этой ссылке или вбив ее в адресную строку браузера, мы попадем на страницу флэш-игры, где она будет во весь экран.
Теперь копируем полученную ссылку в код флэш, выставляем размеры и получаем код игры для вставки в любой блог:
<object type=application/x-shockwave-flash data=http://www.bebex.ru/games/power_ball.swf width=750 height=375><param name=movie value=http://www.bebex.ru/games/power_ball.swf></object>
Для блога на Li.ru он будет выглядеть следующим образом:
[flash=750,375,http://www.bebex.ru/games/power_ball.swf]
Однако такие размеры игры являются очень большими для блога, и Flash будет отображаться с горизонтальной полосой прокрутки. этого Вы избежите, если пропорционально измените размеры так, чтобы ширина флэш была не более 550-600 px (в зависимости от блогосервиса, дизайна дневника и др. параметров). Посчитать быстро можно, пользуясь, калькулятором пропорций.
4. Подставляем полученный код flash-игры в сообщение блога в режиме HTML и играем!
Читать далее ...