Облако тегов


Облако тегов впервые начало появляться на web - сайтах сделанных при помощи Word Press.
Суть этого облака сводилась к следующему: чем больше «вес» ссылки, тем крупнее
шрифт отображаемого тега в облаке.

Ремонт компьютеров | Спутниковые антенны
                             Web-дизайн

 

Главная Статьи Для веб мастеров Облако тегов

13.02.2011

Облако тегов

Облако тегов впервые начало появляться на web - сайтах сделанных при помощи Word Press. Суть этого облака сводилась к следующему: чем больше «вес» ссылки, тем крупнее шрифт отображаемого тега в облаке. Первые облака тегов имели линейный вид в одной плоскости. 
Затем облако приобрело пространственный вид, а  разноцветные теги в нем стали двигаться по орбите при приближении указателя мыши.
Вот пример такого облака тегов, выполненного при помощи (флэш) анимации.

 

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

Размер облака
Размер шрифта тега
Цвет тегов
Количество тегов в облаке
Общий фон облака тегов

Этих параметров вполне достаточно, что бы данное облако тегов красиво и изящно смотрелось на странице Вашего web сайта.

 

 

             Установка облака тегов на web страницу сайта.

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

 

                                                                                                                                                                            Архив с файлами для облака тегов.
 

 

В данном архиве всего два файла. Извлекаем их в корневую папку сайта (папка, где лежит главная страница index.html)

 

облако тегов для сайта
 

 

Tagcloud.swf  облако тегов во флэш. Именно этот файл необходимо вставлять в нужное место на web странице сайта.
С помощью Adobe Dreamweaver CS3 достаточно просто мышкой перетащить файл flash облака в нужное место, а необходимый код программа сгенерирует за Вас сама.


 

 

 

Установка облака тегов на сайт

 

 

 

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

 

облако тегов javascript
 

 

Так же Dreamweaver вставляет Java Script, что бы в некоторых браузерах флэш облако активировалось без дополнительного клика. 
Ну а если Вы привыкли работать руками, то в том месте, где Вы хотите видеть облако тегов, необходимо прописать соответствующий код:
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="500" height="500">
<param name="movie" value="http://itnotebook.ru/tagcloud.swf">
<param name="quality" value="high">
<embed src=" http://itnotebook.ru/tagcloud.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="500"></embed>
</object>
Значения width и height (ширина и высота облака тегов) установите на Ваш вкус.

      Настройка параметров тегов в облаке.

Все параметры, которые доступны для редактирования облака тегов находятся во втором файле архива tagcloud.xml. Открываем его с помощью любого текстового редактора и вносим свои изменения. После перезагрузки web страницы радуемся своему творению.

 

style="font-size: 20pt;" – размер шрифта
color="0xff0099" – цвет ссылки

 

Для увеличения количества ссылок в облаке необходимо добавить тег  <a…..>…</a>. Для уменьшения – соответственно удалить.

       Изменение общего цвета фона облака.

Часто бывает, что фоновый цвет web страницы отличается от фона flash облака. Изменить фон флэшки можно с помощью программы Adobe Flash CS3 Professional, но для начала необходимо flash – файл с расширением Tagcloud.swf конвертировать в файл с расширением .FLA.
С этим отлично справляется прога - декомпилятор Flash Decompiler Trillix

 

цвет фона flash облака тегов
 

жмём Open и указываем файл … .swf
жмём Convert current

 

После этого нужный нам файл Flash облака автоматически открывается в Adobe Flash CS3 Professional (при условии, что у Вас установлена данная программа).

 

выбираем цвет фона облака

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

 

 

цвет flash облака тегов
 

 

На этом всё. Красивое флэш облако тегов в Вашем распоряжении. 


Последние статьи по теме: Для веб мастеров

Seo анализ сайта Яндекс цитирования
© 2010-2017 «ITnotebook»
Ремонт компьютеров, Web дизайн, Спутниковые антенны



скачать программы бесплатно