Генератори веб-адреса, фавикони


Све веће коришћење интернета у свим сферама живота довела је до тога да се веб-адресе продужавају и постоји потреба да се оне скрате. Истовремено постоји потреба и да скраћене адресе понекад желимо да видимо у пуном облику било да их проверимо пре него што им приступимо (безбедоносни разлози), било због потребе да их наведемо као референце у којима се, по правилу, наводе пуне УРЛ адресе. 

Фавикон је мала сличица која се у прегледачу указује пре саме адресе и визуелно идентификује веб-место. Реч фавикон настала је као сливеница две речи: favorite icon. Фавикон се најчешће и стандардно користи у исо-формату,а стандардна величина је 16х16 мада може да буде и већи. Од постојећих слика, логотипа лако је генерисати фавикон у неком од многобројних алата за генерисање слике у фавикон. 


Џенфејвикон (Genfavicon)

поставио/ла Славица Јурић 01.09.2016. 16:35   [ ажурирано 04.09.2016. 16:24 ]

Кратак опис и функционалност

Веб-услуга за креирање фавикона има само једну страницу на којој је све што је потребно за креирање фавикона: објашњење о значењу и пореклу речи, три операције при креирању: постављање слике са рачунара или са УРЛ-адресе, исецање слике, преглед и преузимање на рачунар. 

Намена у образовању

Једноставно и јасно објашњење на првој и јединој страници ове веб-услуге може да буде кратка и корисна лекција ученицима о значењу речи и намени фавикона. Омиљена икона (favorite icon) је пун израз, а фавикон је сливеница ове две речи. Та информација истовремено може да буде подстицај ученицима да креирају фавиконе за омиљене образовне сајтове који их немају или да разматрају колико овај визуелни елеменат утиче на њих. 

Пример

Пример фавикона види се у упутству. 

Упутство

Слика приказује опције овог алата и три корака при креирању фавикона.

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkNWlaZTNSaEp2Qnc/view?usp=drive_web

Фавикоматик (Favic-o-matic)

поставио/ла Славица Јурић 01.09.2016. 16:35   [ ажурирано 04.09.2016. 16:24 ]

Кратак опис и функционалност

Фавикоматик је сервис специјализован само за креирање фавикона. За коришћење генератора није потребна регистрација. Дизајн почетне странице је крупан и привлачан, а карактеристично за сервис је то што нуди могућност да се фавикон преузме на рачунар, сачува на Гугл-диску или да се копира ХТМЛ-код, као и генерисање у две величине и два формата. Фавикон чувамо у зипованом директоријуму у којем се налази мали пакет од три фавикона: два различитих величина у ПНГ-формату и један класичан у исо-формату, бележнице са ХТМЛ-кодом. Осим генератора фавикона, на истој страници налази се и једноставна услуга "фавикометера": фавикометар је нека врста провере изгледа постојећег фавикона на сајту. Користи се тако што се налепи УРЛ у поље и активира команда за проверу.

Намена у образовању

Веб-место намењено ученицима учинићемо препознатљивим и они ће га лакше идентификовати уколико користимо допадљив фавикон.

Пример

Пакет од три фавикона и бележнице са ХТМЛ-кодом фавикона настао генерисањем једне слике налази се на Гугл-диску у зипованој фасцикли. 

Упутство

Слика показује могућности са генерисаним фавиконом. 

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkdm96di1XWGdQRVU/view?usp=drive_web

Фавикон са лиценцом (Favicon.cc)

поставио/ла Славица Јурић 01.09.2016. 16:34   [ Ажурирао/ла 29.09.2016. 12:25 Вебциклопедија каталог веб-алата ]

Кратак опис и функционалност

Фавикон који креирамо на овом сајту може да буде и оригиналан и заштићен лиценцом, односно доступан за коришћење и другима. У овој алатки можемо да креирамо фавикон на уобичајен начин - постављањем неке слике са рачунара. Али, ту слику можемо да пикселизујемо и изменимо боју појединих делова, а можемо да нацртамо потпуно оригиналан фавикон користећи визуелни уређивач који нам је на располагању. Можемо чак и да анимирамо фавикон уколико имамо довољно стрпљења да додајемо слојеве (frame). Пошто посао завршимо, можемо да преузмемо фавикон и поставимо у одговарајуће место на сајту, или да га објавимо јавно у галерији сервиса и тада ће аутоматски бити заштићен лиценцом креативне заједнице. Уколико га преузимамо, онда се не морамо регистровати на овом сајту, а ако објављујемо, алат захтева да унесемо своје податке и да се региструјемо. 

Намена у образовању

Користећи овај алат ученици могу да креирају оригиналан фавикон, измене постојећу слику и ремиксују је. Уз то, алат пружа могућност да ученицима поводом теме фавикона пружимо додатне информације о етичком понашању на интернету, ауторским правима јер и фавикон је визуелни елеменат који подлже ауторским правима.

Пример

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

Упутство

Слика приказује постављени фавикон и визуелни уређивач уз фавикон.

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkSFNZcDNINWU4NkE/view?usp=drive_web

Фавикон-генератор (FaviconGenerator)

поставио/ла Славица Јурић 01.09.2016. 15:57   [ ажурирано 04.09.2016. 16:14 ]

Кратак опис и функционалност

Особеност овог једноставног генератора фавикона јесте у томе што можемо поставити слику величине до 2 МБ. од ње се добија врло мала слика фавикона која се затим преузме на свој рачунар. Креирамо га на почетној страници и није потребна регистрација.

Намена у образовању

Сопственом веб-месту наставници и ученици уз помоћ фавикона могу дати јединствену идентификацију и препознатљивост.  

Пример

Веб-сајт Вебциклопедија има фавикон који је такође креиран у овом алату. 

Упутство

Слика приказује једноставан процес креирања и преузимања фавикона.

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkaXBiRHNsbTRSZE0/view?usp=drive_web

Генератор фавикона (FavIcon Generator)

поставио/ла Славица Јурић 01.09.2016. 15:47   [ ажурирано 04.09.2016. 16:12 ]

Кратак опис и функционалност

На интеренту постоји читав низ најједноставнијих алата за креирање фавикона. Они се разликују по дизајну, величини слике која се поставља, али углавном сви раде на сличном принципу: постави се слика са рачунара, генерише и преузме на свој рачунар са стандардном димензијом за фавиконе од 16х16 и у исо-формату. Управо такав је и овај алат

Намена у образовању

Ради лакше визуелне идентификације свог веб-места наставник или ученик креирају препознатљиве фавиконе и постављају у контролну таблу или друго одговарајуће место.

Пример

Фавикони креирани у овом алату добијају се искључиво у исо-формату и не могу бити видљиви на веб-страницама, него само у пољу за адресе.

Упутство

Једноставно коришћење овог алата у којем се генерисање одвија у једном прозору на почетној страници приказује слика: 
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkZjNfczFLbGl4WXM/view?usp=drive_web

Генератор фавикона и икона (Favicon&App Icon Generator)

поставио/ла Славица Јурић 01.09.2016. 12:21   [ ажурирано 04.09.2016. 16:07 ]

Кратак опис и функционалност

Сервиси који пружају услугу генерисања слике у фавикон често имају и друге услуге било да оне прате основну - добијање фавикона, било да је генерисање фавикона пратећа услуга. Овај сервис нуди нам више функција: онлајн уређивач слика (Free Online Image Editor), алатка за бирање боја (Color Picking Tool), ЦСС фонтова за Виндоус и Мак). Међутим, алат носи име по другим алаткама, које, иако делују као мање битне, представљају две основне понуде овог сервиса: генератор наше слике у фавиконе, генерисање постојећих логотипа апликација у фавиконе. На сервису постоји једноставно објашњење  шта је фавикон и шта икона апликације. Иконе апликација додајемо на паметни телефон и притиском на њих покрећемо одређену апликацију. Обе алатке на сајту можемо да користимо без регистрације. Ако генеришемо иконе апликација, прво ћемо их по кључној речи (keyword) потражити у претраживачу (Search) на овом сајту, одабрати и генерисати у фавикон и на крају преузети. При креирању фавикона започињемо уобичајеним избором слике са рачунара и постављањем на сајт. Пре генерисања можемо да бирамо да ли желимо стандардан фавикон у исо-формату и уобичајене величине или фавикон прилагођен за оперативне системе и мобилне апликације. Креирани фавикон можемо да преузмемо као сличицу или као ХТМЛ код, а можемо и да одобримо објављивање фавикона у јавној галерији икона и фавикона.

Намена у образовању

Попут осталих алата сличне намене и за овај ће се определити наставници који имају своја веб-места која желе да учине препознатљивим по визуелном обележју у самој адреси. 

Пример

Претрага икона у јавној галерији по кључној речи и плавој боји дала је неколико погодака - икона фавикона које можемо преузети за апликације на мобилном телефону.
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkWjlmY3VQSXJqcnM/view?usp=drive_web

Упутство

Сликовно упутство на српском језику приказује почетну страницу на којој су обе алатке и генерисан фавикон и могућности с њим. За приказ у пуној величини кликните на слику.
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkNUw4TDk2eGMza2M/view?usp=drive_web

Прави фавикон-генератор (RealFaviconGenerator)

поставио/ла Славица Јурић 01.09.2016. 11:21   [ ажурирано 04.09.2016. 16:03 ]

Кратак опис и функционалност

За разлику од брзих генератора слике у фавикон, овај веб-алат пружа додатне опције да фавикон дизајнирамо онлајн и прилагодимо га различитим платформама, справама, прегледачима, оперативним системима јер фавикон не изгледа исто на свим рачунарима и апликацијама. Зато посао нећемо завршити једноставним постављањем слике и генерисањем. Прво ћемо добити преглед слике коју смо поставили као матичну слику. Она не сме бити мања од одређених димензија које су на сајту изнете. У наставку процеса генерисања, сервис излиста како нам фавикон изгледа у разним прегледачима, справама, апликацијама. Поред сваког од њих имамо могућност да на лицу места променимо дизајн у тој апликацији/ платформи.... У зависности од платформе/ апликације/ прегледача можемо да мењамо боју, боју позадине, рам, димензије, облик. Након тих ситних подешавања преузимамо фавиконе као слике различитих формата, димензија и изгледа. Имамо и могућност да преузмемо ХТМЛ код фавикона и тако га поставимо на сајт.  Осим ове функције генерисања слике у прилагодљиве фавиконе, на сервису можемо да проверимо (Check favicon) већ постојећи фавикон тако што на почетној страници унесемо адресу сајта. Добићемо извештај  како фавикон изгледа у класичном прегледачу, андроид-апликацији, са Виндоусом или Маком. 

Намена у образовању

Наставник који администрира школски сајт или своју е-учионицу пожелеће да има препознатљиву сличицу у адресном коду сајта, било на рачунару, било на паметним телефонима. Преузете фавиконе може да постави и да они корисницима изгледају различито, у зависности како веб-месту приступају: са које справе, који прегледач користе итд.

Пример

На сервису смо проверили (Favicom checker) фавикон Вебциклопедије и добили следећу анализу: 
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkdXRDTW14Yk5SYU0/view?usp=drive_web

Упутство

Сликовно упутство приказује поступак генерисања слике у фавикон и прилагођавања фавикона. Кликните на слику да бисте добили приказ у пуној величини. 
 
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkWUg1VFBOSWFLRU0/view?usp=drive_web

Битли (Bitly)

поставио/ла Славица Јурић 01.09.2016. 11:16   [ ажурирано 04.09.2016. 15:54 ]

Кратак опис и функционалност

Битли можемо да користимо без регистровања на њему и као регистровани корисници. Без регистрације користићемо га ако желимо само да скратимо веб-адресу. У том случају на почетној страници у поље за адресе које скраћујемо једноставно налепимо адресу и активирамо дугме за скраћивање (Shorten). Ако се региструјемо, алат нуди много више. Очекује нас низ понуда за управљање линковима, оптимизацију веб-места, аналитику посета с циљем да корисници нашег веб-места што лакше и брже дођу до понуда. 

Намена у образовању

Онај ко жели да води кампању за неку идеју у просвети или образовни пројекат, или рекламира школу за већи број упис ученика, свакако ће користити све понуде овог сервиса. зато ће он бити користан школским администраторима и веб-мастерима. Већини наставника биће довољна услуга скраћивања УРЛ-адреса. Скраћене адресе користиће да брже и лакше пошаљу веб-ресурсе ученицима и другим корисницима путем паметних справа, поставе у чет итд.  

Пример

Веб-адреса матичног сајта ЗУС крије се иза овог скраћеног линкаhttp://bit.ly/2adNlUM

Упутство

На почетној страници овог сервиса постоји рекламни кратки филм (2') на енглеском језику из којег корисници сазнају шта све нуди овај сервис. За најчешћу употребу краћења адресе није потребно никакво упутство јер се краћење обавља у два корака: налепимо дугу веб-адресу у поље и кликом на дугме добијемо кратки линк, који затим копирамо и користимо даље.

Ембедли код (embedly code)

поставио/ла Славица Јурић 04.06.2016. 03:22   [ ажурирано 13.06.2016. 11:17 ]

Кратак oпис и функционалност

Емебед.ли сервис нуди више алатки за дизајнирање и подешавања веб-места. Међу њима је и врло корисна алатка коју приказујемо и служи за брзо и лако генерисање веб-адресе у ембед-код. Генерисани ембед-код затим можемо да уграђујемо на неко друго веб-место. Уместо класичног линка на овај начин добијамо картицу или виџет. Клик на њега води нас на одређену УРЛ-адресу. Као код већине генератора веб-адреса, за коришћење није потребна регистрација. Генерисани ембед-код добићемо у три корака: 1.) у пољу за УРЛ-адресу налепимо адресу и кликнемо на дугме ембед, 2.) прегледамо изглед виџета, 3.) копирамо добијени ембед-код и налепимо га на место које желимо. Ипак, ако желимо да променимо величину добијеног виџета, да добијемо тамну позадину, ивице и друге измене у дизајну виџета, мораћемо се регистровати покренути пројекат и затим учинити ситна подешавања, те добити другачији ембед-код. На сервису постоје упутства и о томе како се добијени ембед-код и остале алатке постављају на Блогер, Вордпрес и Тамблр.

Намена у образовању

С правом ћемо се запитати каква је разлика између сличице коју сами поставимо и линкујемо је до одређене веб-странице и виџета који добијемо генерисањем у овој брзој алатки. Користећи ову алатку посао ћемо одрадити брже, аутоматски, а ако се региострујемо имамо могућност да накнадно подешавамо изглед виџета. Тако удешен виџет делује професионалније, визуелно је допадљив и ученицима који су визуелни типови пружиће додатни изазов и мотивацију. Осим тога, такав виџет разбија текст, буди радозналост и ако га поставимо на неко своје веб-место уместо класичног линка засигурно ћемо побудити радозналост и утицати на то да ученик кликне на линк што можда не би урадио ако поставимо само линк. 

Примери

У процесу генерисања адресе добијамо преглед изгледа виџета. На слици-упутству видљива је генерисана почетна страница Вебциклопедије. 

Упутство

Генерисање се обавља на почетној и јединој страници ове алатке у три корака па је упутство непотребно. За оне несигурне нудимо два упутства: 
  • Уколико желимо да подесимо неке детаље и добијемо прилагођени ембед-код, регистроваћемо се, а можемо да користимо видео-упутство на енглеском језику (2') за добијање прилагођеног ембед-кода 
  • Сликовно упутство садржи снимке екрана за једноставно коришћење алата без регистрације. Кликом на слику, отворићете је у пуном приказу.
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkU3ZJYXh0bWpsdk0/view?usp=drive_web
 

Мајушни УРЛ (TinyURL)

поставио/ла Вебциклопедија каталог веб-алата 20.02.2015. 20:23   [ Ажурирао/ла 27.04.2015. 14:38 Марија Јовић ]

Кратак опис и функционалност

Мајушни УРЛ је, вероватно, најпознатији сервис за скраћивање УРЛ-адреса. Функционише врло једноставно: унесете адресу у поље, кликнете на дугме поред направи малецни УРЛ (Make Tiny URL), појављује се испод тог поља кратка адреса, коју проверавате кликом на њу, затим је копирате. Овај сервис има и врло важну могућност додавања дугмета сервиса у траку с алаткама у вашем прегледачу. Тако ћете брзо и лако, док сте на страници чију адресу желите скратити, прећи на сајт за скраћивање јер се дугме понаша се као пречица до сервиса. Једноставно се додаје, превлачењем и спуштањем, на Гугл-хрому, за Интернет-експлорер постоји упутство, а за Мозилу је остало нејасно.

Примери

Скраћена адреса странице Вебциклопедије о Веб 2.0 револуцији у образовању и слика окружења Мајушног УРЛ генератора: http://tinyurl.com/nq5ls25

https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKY2pDcFVNeGVzT28/edit?usp=drive_web

1-10 of 13